@charset "utf-8";
.m_preview > li,
.m_login,
.m_faq,
.m_user_guide,
.m_consult,
.m_popup_zone,
.m_webzine,
.m_recruit,
.m_user_chart {position:absolute;border:1px solid #d5d5d5;}

.m_preview {overflow:hidden;width:782px;height:759px;}
.m_preview > li {top:57px;left:0px;}
.m_preview > li h3 {padding:15px 0 0 55px;font-size:18px;font-weight:bolder;color:#222;}
.m_preview .main_pre1 {width:730px;height:144px;background: url("../images/common/main_bg_01.gif") 400px bottom no-repeat;}
.m_preview .main_pre2 {top:202px;left:0px;width:489px;height:194px;}
.m_preview .main_pre3 {top:530px;left:0px;width:245px;height:288px;}
.m_preview .main_pre4 {top:530px;left:246px;width:243px;height:288px;background: url("../images/common/main_bg_04.gif") left 36px no-repeat;}
/*main_pre1*/
.m_preview .main_pre1 span {position:absolute;top:10px;left:15px;font-size:25px;font-weight:bolder;color:#0076de;}
.m_preview .main_pre1 p{padding:20px 0 0 50px;font-weight:700;line-height:20px;color:#222;}
.m_preview .main_pre1 div{padding-left:5px;position:absolute;top:27px;right:25px;font-size:14px;}
.m_preview .main_pre1 div img {position:absolute;top:12px;right:4px;width:200px;}
.m_preview .main_pre1 div a {margin-right: 6px;padding:10px 5px;font-weight:700;line-height:45px;border: 2px solid #5a75c9;box-shadow: 1px 1px 1px 1px lightgrey;background:#5a75c9;color:#fff;}
.m_preview .main_pre1 div a:hover {background:none;text-decoration:none;color:#222;}
.m_preview .main_pre1 div a:first-child {padding:10px 33.5px;background:none;color:#222;}
.m_preview .main_pre1 div a:nth-child(2) {padding:10px 5.5px;}
.m_preview .main_pre1 div a:nth-child(4), .m_preview .main_pre1 div a:nth-child(5) {padding:10px 9px;}
.m_preview .main_pre1 div a:last-child {margin-left: 1px;padding:10px 12px;}
/*.m_preview .main_pre1 div a:before{content:url("../images/common/ico_checkB.png"); transform: scale(0.1);}
.m_preview .main_pre1 div a {font-weight:700; line-height: 20px;color:#0076de;}
.m_preview .main_pre1 div a:hover {border-bottom:none;font-weight:700;color:#222;text-decoration:none;background: url(../images/common/bgHLB.png) left 15px;}*/
/*main_pre2*/
.m_preview .main_pre2 > ul {overflow:hidden;padding:10px 90px 0;}
.m_preview .main_pre2 > ul > li {float:left;width:100px;text-align:center;}
.m_preview .main_pre2 p{padding:20px 0 0 50px;font-weight:700;line-height:20px;color:#222;}
.m_preview .main_pre2 span {position:absolute;top:10px;left:15px;font-size:25px;font-weight:bolder;color:#0076de;}
/*main_pre3*/
.m_preview .main_pre3 span:first-child {position:absolute;top:10px;left:15px;font-size:25px;font-weight:bolder;color:#0076de;}
.m_preview .main_pre3 p{padding:20px 0 20px 20px;font-weight:700;line-height:20px;color:#222;}
.m_preview .main_pre3 .edu_progress {width:173px;height:80px;margin:26px auto 0;padding:10px;border:1px solid #bacff6;background:#d7e5ff;font-family:'NanumGothicWEB';position:relative;}
.m_preview .main_pre3 .edu_progress > ul {overflow:hidden;width:174px;margin-top:9px;}
.m_preview .main_pre3 .edu_progress > ul li {width:174px;padding-left:8px;height:22px;font-family:'NanumGothicWEB';background: url("../images/common/blt_arw_8.gif") left 6px no-repeat;line-height:1.5;}
.m_preview .main_pre3 .edu_progress > ul li a {display:block;width:174px;height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.m_preview .main_pre3 .edu_progress > ul li a x:-moz-any-link,.m_preview .main_pre3 .edu_progress > ul li a x:default{white-space:normal;word-wrap:break-word}
*+html .m_preview .main_pre3 .edu_progress > ul li a {white-space:nowrap}
.m_preview .main_pre3 .edu_progress > ul li.no_data {margin-top:15px;}
.m_preview .main_pre3 .edu_progress .more {position:absolute;top:10px;right:10px;}
/*main_pre4*/
.m_preview .main_pre4 span {position:absolute;top:10px;left:15px;font-size:25px;font-weight:bolder;color:#0076de;}
.m_preview .main_pre4 p{padding:20px 0 20px 20px;font-weight:700;line-height:20px;color:#222;}
.m_preview .main_pre4 .btn_01 {position:absolute;top:186px;left:24px;}
.m_preview .main_pre4 .btn_02 {position:absolute;top:235px;left:24px;}

.m_login {top:57px;right:0px;width:229px;height:119px;padding:25px 0 0 18px;}
.m_login .m_save_id > span {width:0;height:0;line-height:0;overflow:hidden;font-size:0;visibility:hidden;}
.m_login .m_save_id {display:block;width:85px;height:24px;background:url("../images/common/main_txt_login.gif") 21px 3px no-repeat;}
.m_login input.m_idpw {padding:4px;border:1px solid #c0bfbf;margin-bottom:4px;color:#999;}

.password-container {position: relative;display: inline-block; /* 컨테이너 크기를 내부 요소에 맞춤 */width: 130px; /* 필요한 전체 너비 설정 */}
.m_idpw {padding: 4px;border: 1px solid #c0bfbf;margin-bottom: 4px;color: #999;display: block;width: 100%;}
.toggle-password {position: absolute;right: 4px; /* input의 padding과 일치 */top: 50%;transform: translateY(-50%); /* 아이콘을 정중앙에 위치시킴 */width: 20px;height: 20px;cursor: pointer;background: url('/path/to/your-icon.png') no-repeat; /* 아이콘 이미지 경로 */border: none; /* 필요없는 border 제거 */background-size: 20px 20px; /* 배경 이미지 크기 조정 */}

.m_login .btn_login {position:absolute;top:49px;left:162px;}
.m_login .btn_login2 {padding-top:5px;}
.m_login .btn_login2 a.last {padding-left:8px;background:url("../images/common/blt_line_4.gif") 2px 2px no-repeat;}
.txt_inputid2 {background:url("../images/common/txt_inputid2.gif") 5px 5px no-repeat;}
.txt_inputpw2 {background:url("../images/common/txt_inputpw2.gif") 5px 5px no-repeat;}
.m_login .logined_name,
.m_login .logined_last,
.m_login .logined_btn {font-family:"굴림",gulim,verdana;line-height:1.5;}
.m_login .logined_name {display:block;min-height:35px;padding-left:5px;background:url("../images/common/bg_logined_l.gif") 0 0 no-repeat;line-height:1.6;font-weight:bold;}
.m_login .logined_name em {display:inline-block;min-height:17px;padding:0 8px 0 3px;background:url("../images/common/bg_logined_r.gif") right 0 no-repeat;color:#fff;font-weight:bold;}
.m_login .logined_last {min-height:50px;}
.m_login .logined_btn a {margin-right:5px;}

.m_faq {top:397px;left:0px;width:247px;height:134px;box-sizing: border-box;background: aliceblue;}
.m_faq h3 {margin:16px 0 0 25px;font-size:18px;font-weight:700;color:#0076de;}
.m_faq ul {margin:12px 0 0 0;}
.m_faq ul li {float:left;width:184px;height:20px;padding-left:10px;margin-left:25px;margin-right:25px;background: url(../images/common/blt_arw_8.gif) left 8px no-repeat;}
.m_faq ul li a {display:block;overflow:hidden;width:184px;height:20px;text-overflow:ellipsis;-o-text-overflow:ellipsis;line-height:20px;}
.m_faq ul li a,.m_faq ul li x:-moz-any-link,.m_faq ul li x:default{white-space:normal;word-wrap:break-word}
*+html .m_faq ul li a {white-space:nowrap}
.m_faq .more {position:absolute;top:15px;right:10px;}

.m_user_guide {top:397px;left:246px;width:243px;height:132px;}
.m_user_guide h3 {height:20px;margin:15px 0 10px;font-size:18px;font-weight:bolder;text-align:center;color:#222;}
.m_user_guide p {padding:0 24px;font-weight:600;text-align:center;line-height: 20px;color:#222;}
.m_user_guide p span {font-size:14px;font-weight:bold;color:red;}
.m_user_guide > span {display:block;padding:12px 0 0 79px;}


.m_user_chart {position: absolute;top:202px;right:0;width:300px;height:155px;background:aliceblue;}
.m_user_chart h3 {margin:16px 0 16px 25px;font-size:18px;font-weight:bold;color:#0076de;}
.m_user_chart span {padding-left: 190px;font-size: 10px;font-weight: bold;color:#222;}
.m_user_chart table {margin:4px auto;color: #222;}
.m_user_chart table tr th {padding: 10px 5px;font-weight: bold;border: 1px solid #6a85d9;border-top: 2px solid #6a85d9;background: rgba(105, 133, 216, 0.15);}
.m_user_chart table tr th:first-child {border-left: none;}
.m_user_chart table tr th:last-child {border-right: none;}
.m_user_chart table tr td {padding:10px 5px;text-align:center;background:#fff;border-right: 1px solid #6a85d9;border-bottom: 1px solid #6a85d9;color:#222;}
.m_user_chart table tr td:last-child {border-right:none;}
.m_consult {top:202px;left:490px;width:188px;height:155px;}
.m_consult a {display:block;width:113px;height:39px;padding:116px 0 0 55px;background:url("../images/common/ico_consult.gif") 67px 25px no-repeat;}
.m_popup_zone {top:358px;right:0;width:488px;height:171px;}
.m_popup_zone h3 {padding:12px 0 0 26px;font-size:18px;font-weight:bolder;color:#222;}
.m_popup_zone a {position:absolute;top:12px;width:100%;text-align:center;height:109px;}
.m_popup_zone a img {height:100%;width:100%;object-fit:contain;}

.slidesjs-pagination{ display: none;}
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {display:block;width:14px;height:15px;overflow: hidden;text-indent: -9999px;position:absolute;top:16px;right:15px;}
a.slidesjs-next {right:15px;background:url("../images/common/btn_next.gif") 0 0 no-repeat;}
a.slidesjs-previous {right:43px;background:url("../images/common/btn_before.gif") 0 0 no-repeat;}
a.slidesjs-play {width:15px;right:29px;background:url("../images/common/btn_play.gif") 0 0 no-repeat;}
a.slidesjs-stop {width:15px;right:29px;background:url("../images/common/btn_pause.gif") 0 0 no-repeat;}
.m_popup_zone .m_popup_zone1 {position:absolute;top:53px;width:408px;height:200px;}
.m_popup_zone .m_popup_zone2 {position:absolute;top:53px;width:408px;height:200px;}
.m_popup_zone .m_popup_zone1 .more,
.m_popup_zone .m_popup_zone2 .more {position:absolute;top:70px;left:26px;}



.m_popup_zone div.temp_1{position:absolute;top:0px; right:0; left:30px; border:0px solid #e6e2e2;width:488px; height:98px;background:url('/resources/pms/banner/template/popup_temp_01.gif') no-repeat 0px 0px;}
.m_popup_zone div.temp_1 ul{padding:10px 0 0 10px;height:80px;}
.m_popup_zone div.temp_1 li.title a{width:300px;height:20px;line-height:20px;display:block;font-size:16px;color:#222222;font-weight:bold;padding:0 0 0 0;overflow:hidden;text-align:left;text-decoration:none;}
.m_popup_zone div.temp_1 li.summary a{width:300px;height:20px;line-height:20px;display:block;font-size:14px;color:#0000CC;font-weight:bold;letter-spacing:-1px;padding:7px 0 0 0;overflow:hidden;text-decoration:none;}
.m_popup_zone div.temp_1 li.more {position:absolute;top:73px;left:0px;text-align:left;}

.m_popup_zone div.temp_2 {position:absolute;top:0px; right:0; left:30px; border:0px solid #e6e2e2;width:488px; height:98px;background:url('/resources/pms/banner/template/popup_temp_02.gif') no-repeat 0px 0px;}
.m_popup_zone div.temp_2 ul{padding:10px 0 0 0px;height:80px;}
.m_popup_zone div.temp_2 li.title a{width:300px;height:20px;line-height:20px;display:block;font-size:16px;color:#222222;font-weight:bold;padding:0 0 0 0;overflow:hidden;text-align:left;text-decoration:none;}
.m_popup_zone div.temp_2 li.summary a{width:300px;height:20px;line-height:20px;display:block;font-size:14px;color:#0000CC;font-weight:bold;letter-spacing:-1px;padding:7px 0 0 0;overflow:hidden;text-decoration:none;}
.m_popup_zone div.temp_2 li.more {position:absolute;top:77px;left:0px;text-align:left;}

.m_popup_zone div.temp_3 {position:absolute;top:0px; right:0; left:30px; border:0px solid #e6e2e2;width:488px; height:98px;background:url('/resources/pms/banner/template/popup_temp_03.gif') no-repeat 0px 0px;}
.m_popup_zone div.temp_3 ul{padding:10px 0 0 0px;height:80px;}
.m_popup_zone div.temp_3 li.title a{width:300px;height:20px;line-height:20px;display:block;font-size:16px;color:#222222;font-weight:bold;padding:0 0 0 0;overflow:hidden;text-align:left;text-decoration:none;}
.m_popup_zone div.temp_3 li.summary a{width:300px;height:20px;line-height:20px;display:block;font-size:14px;color:#0000CC;font-weight:bold;letter-spacing:-1px;padding:7px 0 0 0;overflow:hidden;text-decoration:none;}
.m_popup_zone div.temp_3 li.more {position:absolute;top:79px;left:0px;text-align:left;}

.m_popup_zone div.temp_4 {position:absolute;top:0px; right:0; left:30px; border:0px solid #e6e2e2;width:488px; height:98px;background:url('/resources/pms/banner/template/popup_temp_04.gif') no-repeat 0px 0px;}
.m_popup_zone div.temp_4 ul{padding:10px 0 0 0px;height:80px;}
.m_popup_zone div.temp_4 li.title a{width:300px;height:20px;line-height:20px;display:block;font-size:16px;color:#222222;font-weight:bold;padding:0 0 0 0;overflow:hidden;text-align:left;text-decoration:none;}
.m_popup_zone div.temp_4 li.summary a{width:300px;height:20px;line-height:20px;display:block;font-size:14px;color:#0000CC;font-weight:bold;letter-spacing:-1px;padding:7px 0 0 0;overflow:hidden;text-decoration:none;}
.m_popup_zone div.temp_4 li.more {position:absolute;top:73px;left:1px;text-align:left;}

.m_popup_zone div.temp_5 {position:absolute;top:0px; right:0; left:30px; border:0px solid #e6e2e2;width:488px; height:98px;background:url('/resources/pms/banner/template/popup_temp_05.gif') no-repeat 0px 0px;}
.m_popup_zone div.temp_5 ul{padding:10px 0 0 0px;height:80px;}
.m_popup_zone div.temp_5 li.title a{width:300px;height:20px;line-height:20px;display:block;font-size:16px;color:#222222;font-weight:bold;padding:0 0 0 0;overflow:hidden;text-align:left;text-decoration:none;}
.m_popup_zone div.temp_5 li.summary a{width:300px;height:20px;line-height:20px;display:block;font-size:14px;color:#0000CC;font-weight:bold;letter-spacing:-1px;padding:7px 0 0 0;overflow:hidden;text-decoration:none;}
.m_popup_zone div.temp_5 li.more {position:absolute;top:73px;left:0px;text-align:left;}


.m_webzine {top:530px;left:490px;width:240px;height:288px;}
.m_webzine h3 {height:20px;}
.m_webzine .con {overflow:hidden;width:193px;margin-left:auto;margin-right:auto;font-family:"굴림",gulim,Arial,Verdana,Geneva,sans-serif;}
.m_webzine .con > img {height:91px;border:1px solid #e5e5e5;}
.m_webzine .con strong {display:block;padding-top:25px; font-weight:bold;line-height:1.9;}
.m_webzine .con span {display:block;width:193px;height:56px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;line-height:1.5;}
.m_webzine .con span x:-moz-any-link,.m_webzine .con span x:default{white-space:normal;word-wrap:break-word}
*+html .m_webzine .con span {white-space:nowrap}
.m_webzine .con span.no_img {display:block;width:193px;height:136px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;line-height:1.9;}
.m_webzine .con span.no_img x:-moz-any-link,.m_webzine .con span x:default{white-space:normal;word-wrap:break-word}
*+html .m_webzine .con span.no_img {white-space:nowrap}
.m_webzine .con .social_facebook {display:block;margin-top:3px;padding:3px 0 0 25px;background:url("../images/common/ico_facebook.gif") 0 0 no-repeat;}
.m_webzine .con .go {display:inline-block;padding-right:14px;background:url("../images/common/blt_arw_2.gif") right 10px no-repeat;}
.m_webzine .more,
.m_recruit > .more {position:absolute;top:22px;right:24px;}

.m_recruit {top:530px;right:0;width:247px;height:288px;}
.m_recruit h3 {height:39px;padding:25px 0 0 25px;}
.m_recruit ul {overflow:hidden;width:222px;height:107px;margin-left:25px;font-family:"굴림",gulim,Arial,Verdana,Geneva,sans-serif;}
.m_recruit ul li {width:193px;padding-left:6px;line-height:1.4;background:url("../images/common/blt_line_6.gif") 0 8px no-repeat;}
.m_recruit ul li.no_data {padding-top:20px;background-position:0 26px;}
.m_recruit ul li .fl {width:100%;overflow:hidden;}
.m_recruit ul li em {float:right;color:#a2a3a4;text-align:right;font-size:11px;}
.m_recruit_go {width:183px;height:71px;margin:0 auto;padding:10px;border:1px solid #bacff6;font-family:'NanumGothicWEB';position:relative;background:#d7e5ff url("../images/common/bg_tie.gif") 154px 40px no-repeat;}
.m_recruit_go .more {position:absolute;bottom:10px;left:16px;}