@charset "utf-8"; 

/* 메인 플로팅 배너 */
.main-float-btn { position: fixed; top: 154px; right: 30px; z-index: 9999; width: 150px; } 
.main-float-btn a { display: block; width: 100%; height: 100%; } 
.main-float-btn a img { width: 100%; } 
.main-float-btn { animation-name: floatMain; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } 
@keyframes floatMain { 
 0% { transform: translateX(00px) translateY(00px); } 
 50% { transform: translateX(00px) translateY(20px); } 
 100% { transform: translateX(0px) translateY(00px); } 
 }
/* main-banner */
.main-banner .main-banner-btn { position: relative; max-width: 1100px; margin: 0 auto; } 
.main-banner .main-banner-btn img { display: block; width: 100%; } 
.main-banner .main-banner-btn .bn-btn-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
/* .main-banner .main-banner-btn .bn-btn-area.nth-1 { } */
.main-banner .main-banner-btn .bn-btn-area a { display: block; width: 100%; height: 100%; position: absolute; text-indent: -999999px; } 

/* 버튼이 한개 */
.main-banner .main-banner-btn .bn-btn-area.nth-1 a:nth-child(1) { top: 0; left: 0; } 

/* 버튼이 두개 */
.main-banner .main-banner-btn .bn-btn-area.nth-2 a:nth-child(1) { bottom: 0%; left: 0; width: 49%; height: 100%; } 
.main-banner .main-banner-btn .bn-btn-area.nth-2 a:nth-child(2) { bottom: 0%; left: 51%; width: 49%; height: 100%; } 

/* 버튼이 세개 */
.main-banner .main-banner-btn .bn-btn-area.nth-3 a:nth-child(1) { bottom: 0%; left: 0; width: 32.7%; height: 100%; } 
.main-banner .main-banner-btn .bn-btn-area.nth-3 a:nth-child(2) { bottom: 0%; left: 33.6%; width: 32.7%; height: 100%; } 
.main-banner .main-banner-btn .bn-btn-area.nth-3 a:nth-child(3) { bottom: 0%; left: 67.3%; width: 32.7%; height: 100%; } 


/* 하단배너 */

.bottombanner .banner { position: relative; float: left; } 
.bottombanner .cont { position: relative; width: 1100px; margin: 0 auto; } 
.bottombanner .bg { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; } 
.bottombanner .bg.left { margin-left: -50%; } 

#mcB { clear:both; width:100%; min-width:100%; } 
#mc { width:1100px; margin:0 auto; /*min-height:600px; */padding:0 200px; } 
#mc.sub-main-f { width:100%; padding: 0; } 
#mc.sub-main-f > div { width:1100px; padding:0 200px; margin: 0 auto; } 
#mc.sub-main-f .mc-b { width:100%; /* margin: 0 auto 50px 0; */padding: 0; } 
#mc.sub-main-f .sc-tc,
#mc.sub-main-f .mc-r,
#mc.sub-main-f .mc-n { width:1100px; padding:0 200px; margin: 0 auto; } 
/*////////////////////////전체메인 관련/////////////////////////////*/
.am-img { background:url(../../Public_html/Images/Main/mbanner/main_bg_181015.jpg) #fff; border-bottom:solid 2px #333; } 
.am-img > div { width:1100px; height:500px; overflow:hidden; margin:0 auto; } 
.am-tt { width:1100px; font-weight:500; font-size:24px; color:#fff; margin:0 auto; padding-top:20px; } 
/*전체 좌측 퀵*/
.mm-quick { background:#19998a; padding:1px; position:absolute; left:50px; } 
.mm-quick > div { width:105px; background:#0076a8 !important; color:#fff; text-align:center; border-bottom:solid 1px #fff; padding:20px 0; line-height:1.2em; margin-bottom:3px; } 
.mm-quick a { text-decoration:none !important; font-size:16px; } 
.mm-quick > div, .mm-quick a div { width:120px; background-image: linear-gradient(120deg, #19998a 0%, #0076a8 100%); color:#fff; text-align:center; border-bottom:solid 1px #fff; padding: 16.9% 0; line-height: 1.2; /*margin-bottom:3px; */ } 
.mm-quick a:last-child div { border-bottom:none; } 
/*.mm-quick a div span { font-size:13px; color:#fff; letter-spacing:-0.05em; } */
.mm-quick div span { font-size:13px; color:#fff; letter-spacing:-0.05em; } 
.mm-quick a div:hover { background-image: linear-gradient(120deg, #0076a8 0%, #19998a 100%); color:#fff; } 


/*전체 우측 퀵*/
.mm-quick_R { position:fixed; right:50px; } 

#mvB2 { clear:both; width:100%; min-width:100%; padding-bottom:20px; z-index:-999 } 
#mvB2 #mv2 { width:1100px; margin:0 auto; padding-top:25px; } 
#mvB2.mvBG { background-image: linear-gradient(120deg, #0076a8 0%, #19998a 100%); } /*온라인교학습과정 배경색*/

#mvB2 #mv2 > li { background:none !important; } 
#mvB2 #mv2:first-child > li { clear:both; display:block !important; border-bottom:solid 1px #473871; padding:10px 0; } 
/*#mvB2 #mv2:first-child > li:first-child { border-top:solid 1px #473871; } */
#mvB2 #mv2 li { } 
#mvB2 #mv2 li span { float:left; font-size:20px; font-weight:500; color:#fff; border-radius:10px; width:190px; } 
#mvB2 #mv2 li span a { color:#fff; } 
#mvB2 #mv2 li span a:hover { text-decoration:underline; } 
#mvB2 #mv2 li ul { display:table-cell; } 
#mvB2 #mv2 li ul li { float:left; margin:2px 0; padding-left:5px; font-size:16px !important; font-weight:500; width:210px; height:25px; line-height:25px; background:none; position: relative; } 
#mvB2 #mv2 li ul li:hover { background:#000; border-radius:5px; } /*온라인 학습 과정*/
#mvB2 .li2 li ul li:hover { background-image: linear-gradient(120deg, #0076a8 0%, #19998a 100%) !important; border-radius:5px; } /*직영 학원 모임*/
#mvB2 #mv2 li ul li a { padding-left:5px; color:#fff !important; } 
#mvB2 #mv2 li ul li a:hover { text-decoration:none; } 
#mvB2 #mv2 li ul li.type-2 { width:420px; } 

#mvB3 { clear:both; width:100%; min-width:100%; padding-bottom:50px; z-index:-999 } 
#mvB3 #mv3 { width:1100px; margin:0 auto; padding-top:50px;display: flex; align-items:center; } 
#mvB3 #mv3 .am-info{width:830px;}

#mvB2 #mv2 li ul li span.sup-text { position: absolute; width: 50px !important; top: -8px; font-size: 11px; color: #fc1037 !important; } 

/* 메인탭 관련*/
.mtab_on { width:360px; height:46px; background:#fff; border-bottom:solid 2px #fff; line-height:46px; color:#0052b4; font-weight:bold; } 
.mtab_off { width:356px; height:42px; border:solid 2px #056485; border-bottom:solid 2px #fff !important; line-height:42px; color:#fff; } 
/* 메인탭 관련 -end*/

.am-cs { float:left; font-size:1.6em; font-weight:700; letter-spacing:-0.05em; } 
.am-tel { clear: both; float:left; font-size:4em; font-weight:900; letter-spacing: -0.02em; line-height: 58px; margin-bottom:20px;}  
.am-tel2 { clear:both; display: flex;} 
.am-tel2 a{text-align:center;color:#fff; font-size:1.4em; font-weight:500;letter-spacing: -0.04em;border-radius:10px;padding:15px 60px;background:#1e92f3;}
.am-tel2 a:hover{text-decoration: none;}
.am-tel3{ font-size: 1em !important; letter-spacing: -0.02em; font-weight:500; margin-top:15px; } 
.am-tel4{ font-size: 0.8em !important; letter-spacing: -0.02em; font-weight:500; margin-top:15px; } 

.am-banner { width:270px; } 
.am-banner div{ float:left; margin-bottom:10px; width:80%; height:65px; line-height:65px; font-size:1.2em; font-weight: 500;border-bottom:solid 2px #e5e5e5;}
.am-banner div a{}
.am-banner div a ul li:first-child{float: left;width: 170px;font-weight:700;}
.am-banner div a ul li:last-child{float:right; padding-top:10px;}
.am-banner div a:hover { color:#1e92f3; } 

/*메인이벤트 - 슬라이더부분 css는 index.asp 안에있음. (/Common_new/JS/slider/css 공통사용으로 인한 강제스타일 적용.)*/
.mevent { width:1100px !important; margin-top:20px; } 
.mevent ul { text-align:center; } 
.mevent > div { font-weight:700; font-size:18px; margin-bottom:20px; padding:0; } 
.mevent div span { float:right; font-size:13px !important; font-weight:400 !important; } 
.mevent ul li { display:inline-block; } 
.mevent ul li:first-child, .mevent ul li:nth-child(2) { margin-right:35px; } 

/*메인 홍보 동영상*/
.main-vod { display:inline-block; border:solid 2px #ccc; line-height:0; padding:5px; background:#fffbfb; border-radius:5px; margin-left:40px; } 
.main-vod iframe { border:solid 2px #333; } 




/* 
------------------------------------------------------------------
* 학습설계 로드맵 section 
------------------------------------------------------------------ */
.work-section { width:100%; /* height:580px; height:663px; */height:auto; position: relative; padding: 8px 0 10px 0; } 
.work-section h2 { font-size: 1.1em; font-weight: bold; letter-spacing: 1px; } 
/* 탭 */
.work-section .tabs-nav { width: 1100px; height:60px; line-height: 60px; font-size:1.2em;  text-transform: uppercase;  } 
.work-section .tabs-nav li { float:left; width: 18.5%; margin-right:0.8%;text-align:center; border-radius: 5px; border: solid 1px #e9e9e9; } 
.work-section .tabs-nav li a:hover { color:#239bff; text-decoration:none; } 
/* 마지막 탭 추가 */
.work-section .tabs-nav li.last-of-type { margin: 0; } 
.work-section .tabs-nav .firstnav { } 
.work-section .tabs-nav li.on, .work-section .tabs-nav li.focus { height: 54px !important; line-height: 54px; background:#fff;border: 4px solid #1e92f3; border-radius: 5px; } 
.work-section .tabs-nav li.on a, .work-section .tabs-nav li.focus a { color:#239bff; font-weight: 700;  } 
/* 마지막탭 추가시 사이즈 수정 */
.work-section .tabs-nav a { display: block; position: relative; text-align: center; z-index: 10; color:#666;} 
.work-section .tabs-nav .ui-tabs-active a { color: #fff; } 


/* ie6~8 */
.lt-ie7 .work-section .section-header .inner span.tabs-highlight { color: #fff; z-index: -1; } 
.lt-ie8 .work-section .section-header .inner span.tabs-highlight { color: #fff; z-index: -1; } 
.lt-ie9 .work-section .section-header .inner span.tabs-highlight { color: #fff; z-index: -1; } 

/* 탭선택 */
.work-section .tabs-highlight { background-color: #333333; height: 100%; position: absolute; width: 120px; color: #fff; *z-index: -1; } 
.work-section .tabs-highlight:after { background: url('../../Images/Main_2015/sprites.png') no-repeat 0 0; content: ""; position: absolute; width: 37px; height: 19px; bottom: -19px; left: 50%; margin-left: -18px; z-index: 10; } 

/* 탭내용 */
.work-section .tab_content { clear:both; height: 650px; width: 1100px;  } /*세무회계 수정 전 height:520 160414 */
.work-section .tab_content .cont { display:block; height: 650px; overflow: hidden; } 
.Tsmall { font-size: 1em; } 
/* .work-section .tab_content .tabs-panel { height: 450px; } */

/* 탭내용 2 */
.work-section .tab_content2 { height: 520px; width: 950px; margin:0px auto 10px auto; } 
.work-section .tab_content2 .cont { display:block; height: 520px; min-width: 750px; overflow: hidden; } 

/* 로드맵 내부 탭 */
#classtabs-box { position: relative; width: 100%; height: 100%; margin: 10px 0 0 0; background: url('../../Images/Main_2015/loadmap_bg.gif') no-repeat top right; overflow: hidden; } 

ul.list-tabs { float: left; width: 70px; height:566px; padding: 0; list-style: none; font-size: 1.2em; } 
ul.list-tabs li { position: relative; text-align: center; cursor: pointer; width: 70px; height:283px; line-height: 250px; border-left: 1px solid #eee; border-top: 1px solid #eee; border-right: 1px solid #00a7ee; font-weight: 400; color: #939393; overflow: hidden; background-color: #fcfcfc; } 
ul.list-tabs li:last-child, ul.list-tabs li.last { border-bottom: 1px solid #eee; border-top:0px; } 
ul.list-tabs li a { color:#929292; } 
ul.list-tabs li:hover { color: #00a7ee; } 
ul.list-tabs li.on, ul.list-tabs li.focus { color: #00a7ee; background: #FFFFFF; border-bottom: 1px solid #00a7ee; border-top: 1px solid #00a7ee; border-left: 1px solid #00a7ee; border-right: 1px solid #ececec; background: url('../../Images/Main_2015/bluebg.jpg') repeat-y -8px 0; } 

ul.list-tabs li.on a, ul.list-tabs li.focus a { color: #00a7ee; } 

/* 로드맵박스 기본설정 */
.work-section .section-body { height: 100%; width: 100%; position: relative; background-color: #fff; } 
.section-body .tab_cont { width:100%; height: 100%; } 
.section-body .tab_cont .cont { display:block; height: 100%; width: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; } 
.section-body .tab_cont .cont h3, .section-body .tab_cont .cont h3 a { font-size: 1.3em; font-weight: bold; color: #525252; } 
.section-body .tab_cont .cont .iconset { position: absolute; top: 10px; right: 0; width:180px; font-weight: bold; font-size: 1.2em; } /*금융투자자격증*/
.section-body .tab_cont .cont .iconset img { vertical-align: middle; margin-left: 10px; } 
.section-body .tab_cont .cont .subject-ment { color: #6a6868; } 

.work-section .section-body1 { position: relative; width:940px; height:600px; padding-top:10px; background-color: #fff; } 
.section-body1 .tab_cont { position: relative; width:990px; height: 567px; margin:0 0 0 80px; border-bottom: 1px solid #00a7ee; border-top: 1px solid #00a7ee; border-right: 1px solid #00a7ee; } 
.section-body1 .tab_cont .cont { display:block; height: 595px; width: 100%; overflow: hidden; position: absolute; top: 0px; left:0px; } /* { display:block; height: 100%; width: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; } */
.section-body1 .tab_cont .cont h3 { font-size: 1.3em; font-weight: bold; color: #525252; } 

/*국제자격증*/
.section-body1 .tab_cont .cont .iconset { position: absolute; top: 10px; right: 20px; width:410px; font-weight: bold; font-size: 1.2em; text-align:right; } 
.section-body1 .tab_cont .cont .iconset img { vertical-align: middle; margin-left: 10px; } 
.section-body1 .tab_cont .cont .subject-ment { color: #6a6868; } 

.work-section .section-body2 { position: relative; height:100%; width:100%; padding-top:10px; background-color: #fff; } 
.section-body2 .tab_cont { width:100%; height: 100%; } 
.section-body2 .tab_cont .cont { display:block; height: 100%; width: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; } 
.section-body2 .tab_cont .cont .step-set { width:97%; } 
.section-body2 .tab_cont .cont h3, .section-body .tab_cont .cont h3 a { font-size: 1.3em; font-weight: bold; color: #525252; line-height:35px; } 
.section-body2 .tab_cont .cont .iconset { position: absolute; top: 10px; left: 500px; width:410px; font-weight: bold; font-size: 1.2em; text-align:right; } 
.section-body2 .tab_cont .cont .iconset img { vertical-align: middle; margin-left: 10px; } 
.section-body2 .tab_cont .cont .subject-ment { color: #6a6868; } 


/* 버튼 */
.btn-section { width:100%; position: relative; } 
.btn-section > .btn_studyitem { display: inline-block; margin-right: 20px; padding: 4px 13px; border: 1px solid #949494; color: #393939; letter-spacing:-0.8px; } 
.btn-section > .btn_studyitem_last { display: inline-block; margin-right: 0px; padding: 4px 13px; border: 1px solid #949494; color: #393939; } 
.btn-section a.btn_studyitem:hover, .btn-section a.btn_studyitem_last:hover { color: #27bcf7; border: 1px solid #27bcf7; } 

/*///////////////////////////////국제자격증///////////////////////////*/
/* 국제자격증 CFA AICPA */
.tab_cont .cont .subject-step { background: url('../../public_html/images/main/loadmap/step_bg.gif') no-repeat 20px 0; overflow:hidden; } 
.tab_cont .cont .subject-step li { float:left; } 
.tab_cont .cont .subject-step li h4 { min-height:50px; color:#fff; font-size:16px; font-weight:500; padding:0 0 0 25px } 
.tab_cont .cont .subject-step li h4 .description { font-size:12px; } 
.tab_cont .cont .subject-step li ul { width:210px; border:1px solid #e4e4e4; overflow:hidden; margin-left:20px; padding:5px; } 
.tab_cont .cont .subject-step li ul li { clear:both; padding-left: 8px; font-size:12px; line-height:18px; letter-spacing: -0.5px; } 
.tab_cont .cont .subject-step li ul li span:first-child { width:10px; } 
.tab_cont .cont .subject-step li ul li.title { width:210px; background:#e4e4e4; padding-left:0px; text-align:center; padding:5px 0; font-weight:500; margin-bottom: 5px; } 
.tab_cont .cont .subject-step li p { background: url('../../public_html/images/main/loadmap/arrow-loadmap.gif') no-repeat center; } 
.tab_cont .cont .special-arrow { position:absolute; left:230px; top:220px; } 

/* 국제자격증 AICPA 시험접수 스텝 2 */
.tab_cont .cont .subject-step5 { width:97.5%; height:74px; padding-left:9px; overflow: hidden; background: url('../../public_html/images/main/loadmap/step2_bg.gif') no-repeat 7px 0; } 
.tab_cont .cont .subject-step5 li { float: left; width:157px; line-height:62px; margin-left:40px; font-weight:500; } 
.tab_cont .cont .subject-step5 li:first-child { margin-left:10px !important; } 

/*무역*/
.tradecss { background-position:20px 10px !important; } 
.tradecss li ul { height:100px; } 
.tradecss li ul li { font-size:14px !important; } 

/*
.tab_cont .cont .subject-step { width:98%; margin-left:15px; background: url('../../public_html/images/main/step_bg.gif') no-repeat; overflow: hidden; } 
.tab_cont .cont .subject-step li { float: left; } 
.tab_cont .cont .subject-step li.step4 { margin-right: 0px; } 
.tab_cont .cont .subject-step li h4, .tab_cont .cont .subject-step li h4 a { width:230px; font-size: 1.1em; font-weight: 500; color: #fff; letter-spacing:0; } 
.tab_cont .cont .subject-step li ul { width:230px; padding:80px 0 6px 0; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step li ul li { float: none; padding:2px 0 0 10px; background: url('../../Images/Main_2015/bullet_reddot.gif') no-repeat 3px 7px; letter-spacing:-0.5px; font-size:0.9em; } 
.tab_cont .cont .subject-step li ul li a { color: #393939; } 
.tab_cont .cont .subject-step li ul li.title { width:230px !important; background-color:#fafafa; background-image:none; padding:3px 0 3px 0; margin:0px; } 
.tab_cont .cont .subject-step li ul li h5 { font-weight:bold; text-align:center; letter-spacing:0; } 
.tab_cont .cont .subject-step li p { width:205px; height:10px; text-align:center; } */

/* CFA 국제자격증스텝 2
.section-body1 .tab_cont .cont .step-set { clear:both; position:relative; } 
.section-body1 .tab_cont .cont .step-set .special-arrow { position:absolute; top:120px; left:195px; } 
.section-body1 .tab_cont .cont .subject-step { width:98%; margin-left:15px; background: url('../../public_html/images/main/step_bg.gif') no-repeat 0 -20px; overflow: hidden; } 
.section-body1 .tab_cont .cont .subject-step li { float: left; width:230px; } 
.section-body1 .tab_cont .cont .subject-step li.step1 { margin-left:3px; } 
.section-body1 .tab_cont .cont .subject-step li.step4 { margin-right: 0px; } 
.section-body1 .tab_cont .cont .subject-step li h4, .section-body1 .tab_cont .cont .subject-step li h4 a { height:50px; font-size: 1.1em; font-weight: bold; color: #fff; letter-spacing:0; } 
.section-body1 .tab_cont .cont .subject-step li ul { padding:0px 0 6px 0; border:1px solid #e4e4e4; } 
.section-body1 .tab_cont .cont .subject-step li ul li { float: none; padding:2px 0 0 10px; background: url('../../Images/Main_2015/bullet_reddot.gif') no-repeat 3px 7px; letter-spacing:-0.5px; font-size:0.9em; } 
.section-body1 .tab_cont .cont .subject-step li ul li a { color: #393939; } 
.section-body1 .tab_cont .cont .subject-step li ul li.title { background-color:#fafafa; background-image:none; padding:3px 0 3px 0; margin:0px; } 
.section-body1 .tab_cont .cont .subject-step li ul li h5 { font-weight:bold; text-align:center; letter-spacing:0; } 
.section-body1 .tab_cont .cont .subject-step li p { height:10px; text-align:center; } */
/* AICPA 국제자격증 수험학습 스텝 항목만 2 
.section-body1 .tab_cont .cont .subject-step li.step-dep ul { width: 176px; margin-right:10px; margin-left:10px; padding:0px 0 6px 0; border:1px solid #e4e4e4; } 
.section-body1 .tab_cont .cont .subject-step li.step-dep ul li { width:240px; line-height:22px; background: url('../../Images/Main_2015/bullet_reddot.gif') no-repeat 3px 9px; letter-spacing:-0.5px; font-size:0.9em; } */



/* 국제자격증 2 버튼
.section-body1 .btn-section { width:100%; position: relative; } 
.section-body1 .btn-section > .btn_studyitem { display: inline-block; margin-right: 20px; padding: 4px 13px; border: 1px solid #949494; color: #393939; letter-spacing:-0.8px; } 
.section-body1 .btn-section > .btn_studyitem_last { display: inline-block; margin-right: 0px; padding: 4px 13px; border: 1px solid #949494; color: #393939; } 
.section-body1 .btn-section a.btn_studyitem:hover, .btn-section a.btn_studyitem_last:hover { color: #27bcf7; border: 1px solid #27bcf7; } */

/* ie6~8
.lt-ie7 .section-body1 .btn-section > .btn_studyitem { display: inline; zoom:1; margin-right: 20px; padding: 4px 6px; border: 1px solid #949494; color: #393939; letter-spacing:-0.8px; } 
.lt-ie8 .section-body1 .btn-section > .btn_studyitem { display: inline; zoom:1; margin-right: 20px; padding: 4px 6px; border: 1px solid #949494; color: #393939; letter-spacing:-0.8px; } 
.lt-ie9 .section-body1 .btn-section > .btn_studyitem { display: inline; zoom:1; margin-right: 20px; padding: 4px 6px; border: 1px solid #949494; color: #393939; letter-spacing:-0.8px; } */

/* 금융버튼 
.section-body2 .btn-section { width:100%; position: relative; } 
.section-body2 .btn-section > .btn_studyitem { display: inline-block; margin-right: 20px; padding: 4px 13px; border: 1px solid #949494; color: #393939; } 
.section-body2 .btn-section > .btn_studyitem_last { display: inline-block; margin-right: 0px; padding: 4px 13px; border: 1px solid #949494; color: #393939; } 
.section-body2 .btn-section a.btn_studyitem:hover, .section-body .btn-section a.btn_studyitem_last:hover { color: #27bcf7; border: 1px solid #27bcf7; } */

/*///////////////////////////////금융투자자격증///////////////////////////*/

/*fund.html 사용*/
.tab_cont .cont .subject-step2 { width:100%; overflow: hidden; } 
.tab_cont .cont .subject-step2 li { float: left; margin-right: 10px; width:180px; } 
.tab_cont .cont .subject-step2 li:first-child { width:120px !important; } 
.tab_cont .cont .subject-step2 li:last-child { margin-right:0 !important; } 

.tab_cont .cont .subject-step2 li .title-kind { width:120px; height:90px; padding:10px 0; line-height:90px; text-align:center; overflow:hidden; background-color:#f3f3f3; border:1px solid #e4e4e4; border-radius:10px; } 
.tab_cont .cont .subject-step2 li .title-difficult { width:120px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; } 
.tab_cont .cont .subject-step2 li .title-during { width:120px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; } 

.tab_cont .cont .subject-step2 li .kind { width:180px; height:90px; padding:10px 0; overflow:hidden; background-color:#f3f3f3; border:1px solid #e4e4e4; border-radius:10px; } 
.tab_cont .cont .subject-step2 li .kind p { line-height:1.4em; text-align:center; } 
.tab_cont .cont .subject-step2 li .difficult { width:180px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; color:#d31f63; } 
.tab_cont .cont .subject-step2 li .during { width:180px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; } 

.tab_cont .cont .subject-step3 { width:100%; background: url("../../public_html/images/main/loadmap/step3_bg.gif") no-repeat 0 10px; overflow: hidden; } 
.tab_cont .cont .subject-step3 li { float:left; margin-right:10px; } 
.tab_cont .cont .subject-step3 li:last-child { margin-right:0 !important; } 
.tab_cont .cont .subject-step3 h4 { font-weight:500; height:30px; margin-top:25px; padding-left:50px; color:#fff; } 
.tab_cont .cont .subject-step3 li ul { border:solid 1px #e4e4e4; width:180px; border-radius:10px; padding:10px; min-height:130px; margin-top:30px; font-size:13px; } 
.tab_cont .cont .subject-step3 li ul li span:first-child { width:10px; } 


/*fund2.html 사용*/
.tab_cont .cont .subject-step2-1 { width:100%; overflow: hidden; } 
.tab_cont .cont .subject-step2-1 li { float: left; margin-right: 10px; width:308px; } 
.tab_cont .cont .subject-step2-1 li:first-child { width:120px !important; } 
.tab_cont .cont .subject-step2-1 li:last-child { margin-right:0 !important; } 

.tab_cont .cont .subject-step2-1 li .title-kind { width:120px; height:70px; padding:5px 0; line-height:70px; text-align:center; overflow:hidden; background-color:#f3f3f3; border:1px solid #e4e4e4; border-radius:10px; } 
.tab_cont .cont .subject-step2-1 li .title-difficult { width:120px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; } 
.tab_cont .cont .subject-step2-1 li .title-during { width:120px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; } 

.tab_cont .cont .subject-step2-1 li .kind { width:308px; height:70px; padding:5px 0; overflow:hidden; background-color:#f3f3f3; border:1px solid #e4e4e4; border-radius:10px; } 
.tab_cont .cont .subject-step2-1 li .kind p { line-height:1.4em; text-align:center; } 
.tab_cont .cont .subject-step2-1 li .difficult { width:308px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; color:#d31f63; } 
.tab_cont .cont .subject-step2-1 li .during { width:308px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; } 

.tab_cont .cont .subject-step3-1 { width:100%; } 
.tab_cont .cont .subject-step3-1 li { float:left; margin-right:10px; } 
.tab_cont .cont .subject-step3-1 li:last-child { margin-right:0 !important; } 
.tab_cont .cont .subject-step3-1 h4 { text-align:center; font-weight:500; height:30px; line-height:30px; background:#00CC99; border-radius:10px; margin-top:10px; color:#fff; } 
.tab_cont .cont .subject-step3-1 li ul { border:solid 1px #e4e4e4; width:240px; border-radius:10px; padding:10px; min-height:120px; margin-top:10px; font-size:13px; } 
.tab_cont .cont .subject-step3-1 li ul li span:first-child { width:10px; } 

.tab_cont .cont .subject-step3-2 { width:100%; } 
.tab_cont .cont .subject-step3-2 li { float:left; margin-right:10px; } 
.tab_cont .cont .subject-step3-2 li:last-child { margin-right:0 !important; } 
.tab_cont .cont .subject-step3-2 h4 { text-align:center; font-weight:500; height:30px; line-height:30px; border:solid 1px #555; border-radius:10px; margin-top:10px; color:#333; } 
.tab_cont .cont .subject-step3-2 li ul { border:solid 1px #e4e4e4; width:331px; border-radius:10px; padding:10px; min-height:60px; margin-top:10px; font-size:13px; } 
.tab_cont .cont .subject-step3-2 li ul li { float:none; text-align:center; line-height:22px; } 
.tab_cont .cont .subject-step3-2 li ul li span:first-child { width:10px; } 


/*.tab_cont .cont .subject-step2 li.step0 { width:70px; } 
.tab_cont .cont .subject-step2 li.step0 div { overflow:hidden; -webkit-border-radius: 7px; border-radius: 7px; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step2 li.step5 { margin-right: 0px; } */

/*.tab_cont .cont .subject-step2 li .title-kind { width:120px; height:90px; padding:6px 0 6px 0; text-align:center; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step2 li .title-kind p { display: table-cell; height:80px; padding-left:10px; vertical-align: middle; line-height:1.4em; font-weight:bold; } 
.tab_cont .cont .subject-step2 li .title-difficult { width:120px; text-align:center; line-height:25px; font-weight:bold; } 
.tab_cont .cont .subject-step2 li .title-during { width:120px; text-align:center; line-height:25px; font-weight:bold; } 

.tab_cont .cont .subject-step2 li div.kind { width:170px; padding:6px 0 6px 10px; border:1px solid #e4e4e4; font-size: 0.9em; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; letter-spacing:-1px; height:90px; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step2 li div.kind p { display: table-cell; height:80px; vertical-align: middle; line-height:1.4em; } 
.tab_cont .cont .subject-step2 li div.difficult { width:155px; line-height:25px; -webkit-border-radius: 7px; border-radius: 7px; text-align:center; color:#e86274; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step2 li div.during { width:155px; line-height:25px; -webkit-border-radius: 7px; border-radius: 7px; text-align:center; border:1px solid #e4e4e4; } */

/* 금융투자 스텝 2 
.tab_cont .cont .subject-step3 { width:100%; background: url("../../Images/Main_2015/step3_bg.gif") no-repeat 0 0; overflow: hidden; } 
.tab_cont .cont .step-set h4 { font-weight:bold; } 
.tab_cont .cont .subject-step3 li { float: left; margin-right: 8px; } 
.tab_cont .cont .subject-step3 li.step5 { margin-right: 0px; } 
.tab_cont .cont .subject-step3 li h4, .section-body .tab_cont .cont .subject-step3 li h4 a { font-size: 1.1em; font-weight: bold; color: #fff; letter-spacing:0; } 
.tab_cont .cont .subject-step3 li ul { width:173px; padding:0px 0 6px 0; } 
.tab_cont .cont .subject-step3 li ul li { float: none; padding:2px 0 0 8px; background: url("../../Images/Main_2015/bullet_reddot.gif") no-repeat 0 4px; letter-spacing:-0.5px; font-size:0.9em; } 
.tab_cont .cont .subject-step3 li ul li a { color: #393939; } 
.tab_cont .cont .subject-step3 li ul li.title { background-color:#fafafa; background-image:none; padding:3px 0 3px 0; margin:0px; } 
.tab_cont .cont .subject-step3 li ul li h5 { font-weight:bold; text-align:center; letter-spacing:0; } 
.tab_cont .cont .subject-step3 li p { width:205px; height:10px; text-align:center; } */

/*///////////////////////////////세무회계 자격증///////////////////////////*/
h4.subject-h4 { font-size: 1.1em; font-weight: bold; color: #525252; letter-spacing:0; } 
.account-step { margin-left:3px; overflow:hidden; } 

.tab_cont .cont .subject-step4 { width:100%; overflow: hidden; } 
.tab_cont .cont .subject-step4 li { float: left; margin-right: 10px; } 
.tab_cont .cont .subject-step4 li.step0 { width:105px; } 
.tab_cont .cont .subject-step4 li.step0 div { overflow:hidden; -webkit-border-radius: 7px; border-radius: 7px; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step4 li.step5 { margin-right: 0px; } 

.tab_cont .cont .subject-step4 li .title-kind { width:105px; height:225px; padding:3px 0 3px 0; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step4 li .title-kind p { display: table-cell; height:250px; padding-left:30px; vertical-align: middle; line-height:1.4em; font-weight:500; } 
.tab_cont .cont .subject-step4 li .title-difficult { width:105px; text-align:center; line-height:25px; font-weight:500; } 
.tab_cont .cont .subject-step4 li .title-during { width:105px; text-align:center; line-height:25px; font-weight:500; } 
.tab_cont .cont .subject-step4 li .title-study { width:105px; height:65px; text-align:center; vertical-align: middle; line-height:1.4em; font-weight:500; } 
.tab_cont .cont .subject-step4 li .title-study p { display: table-cell; height:65px; padding-left:10px; vertical-align: middle; line-height:1.4em; font-weight:500; } 

.tab_cont .cont .subject-step4 li .kind { width:180px; padding:3px 0 3px 10px; border:1px solid #e4e4e4; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; letter-spacing:-1px; height:128px; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step4 li .kind p { display: table-cell; height:128px; vertical-align: middle; line-height:1.4em; } 
.tab_cont .cont .subject-step4 li .kind_line2 { width:190px; padding:3px 0 3px 10px; border:1px solid #e4e4e4; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; letter-spacing:-1px; height:75px; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step4 li .kind_line2 p { display: table-cell; height:75px; vertical-align: middle; line-height:1.4em; } 
.tab_cont .cont .subject-step4 li .kind_line4 { width:180px; padding:3px 0 3px 10px; border:1px solid #e4e4e4; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; letter-spacing:-1px; height:81px; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step4 li .kind_line4 p { display: table-cell; height:81px; vertical-align: middle; line-height:1.4em; } 
.tab_cont .cont .subject-step4 li .kind_full { width:162px; padding:3px 0 3px 10px; border:1px solid #e4e4e4; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; letter-spacing:-1px; height:222px; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step4 li .kind_full p { display: table-cell; height:222px; vertical-align: middle; line-height:1.4em; } 
.tab_cont .cont .subject-step4 li .difficult { line-height:25px; -webkit-border-radius: 7px; border-radius: 7px; text-align:center; color:#e86274; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step4 li .during { line-height:25px; -webkit-border-radius: 7px; border-radius: 7px; text-align:center; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step4 li .study { width:145px; height:55px; padding:6px 0 6px 10px; line-height:1.3em; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step4 li .study2-wide { width:365px; min-height:100px; padding:6px 0 6px 10px; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step4 li .study2-wide li, .tab_cont .cont .subject-step4 li .study2 li { float:none; padding:0 0 0 8px; letter-spacing:-0.5px; } 
.tab_cont .cont .subject-step4 li .study2 { width:167px; height:63px; padding:6px 0 6px 10px; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; border:1px solid #e4e4e4; min-height:100px; } 
.tab_cont .cont .subject-step4 li .study3 { width:180px; height:63px; padding:6px 0 6px 10px; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; border:1px solid #e4e4e4; min-height:100px; } 
.tab_cont .cont .subject-step4 li .study4 { width:162px; height:63px; padding:6px 0 6px 10px; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; border:1px solid #e4e4e4; min-height:100px; } 

.tab_cont .cont .subject-step4 li.step2 .joinstep { width:365px; overflow:hidden; } 
.tab_cont .cont .subject-step4 li.step2 .joinstep .kind { float:left; width:165px; height:68px; } 
.tab_cont .cont .subject-step4 li.step2 .joinstep .kind p { display: table-cell; height:60px; vertical-align: middle; line-height:1.4em; } 
.tab_cont .cont .subject-step4 li.step2 div.kindwide { width:365px; padding:6px 0 6px 0px; border:1px solid #e4e4e4; -webkit-border-radius: 7px; border-radius: 7px; text-align:center; letter-spacing:-1px; height:35px; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step4 li.step2 div.kindwide p { display: table-cell; height:35px; vertical-align: middle; line-height:1.4em; } 
.tab_cont .cont .subject-step4 li.step2 div.kindwide_line1 { width:365px; padding:6px 0 6px 0px; border:1px solid #e4e4e4; -webkit-border-radius: 7px; border-radius: 7px; text-align:center; letter-spacing:-1px; height:20px; overflow:hidden; display:table; background-color:#f3f3f3; } 

.tab_cont .cont .subject-step4 li.step2 .joinstep .difficult { float:left; width:175px; } 
.tab_cont .cont .subject-step4 li.step2 .joinstep .during { float:left; width:175px; } 
.tab_cont .cont .subject-step4 li.step2 .joinstep .study { float:left; width:175px; } 


/* 세무회계로드맵 내부단계스타일 160414 back
h4.subject-h4 { font-size: 1.1em; font-weight: bold; color: #525252; letter-spacing:0; } 
.account-step { margin-left:3px; overflow:hidden; } 

.tab_cont .cont .subject-step4 { width:100%; overflow: hidden; } 
.tab_cont .cont .subject-step4 li { float: left; margin-right: 10px; } 
.tab_cont .cont .subject-step4 li.step0 { width:70px; } 
.tab_cont .cont .subject-step4 li.step0 div { overflow:hidden; -webkit-border-radius: 7px; border-radius: 7px; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step4 li.step5 { margin-right: 0px; } 

.tab_cont .cont .subject-step4 li .title-kind { width:70px; height:140px; padding:3px 0 3px 0; text-align:center; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step4 li .title-kind p { display: table-cell; height:140px; padding-left:10px; vertical-align: middle; line-height:1.4em; font-weight:bold; } 
.tab_cont .cont .subject-step4 li .title-difficult { width:70px; text-align:center; line-height:25px; font-weight:bold; } 
.tab_cont .cont .subject-step4 li .title-during { width:70px; text-align:center; line-height:25px; font-weight:bold; } 
.tab_cont .cont .subject-step4 li .title-study { width:70px; height:65px; text-align:center; vertical-align: middle; line-height:1.4em; font-weight:bold; } 
.tab_cont .cont .subject-step4 li .title-study p { display: table-cell; height:65px; padding-left:10px; vertical-align: middle; line-height:1.4em; font-weight:bold; } 

.tab_cont .cont .subject-step4 li .kind { width:145px; padding:3px 0 3px 10px; border:1px solid #e4e4e4; font-size: 0.9em; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; letter-spacing:-1px; height:140px; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step4 li .kind p { display: table-cell; height:140px; vertical-align: middle; line-height:1.4em; } 
.tab_cont .cont .subject-step4 li .difficult { width:155px; line-height:25px; -webkit-border-radius: 7px; border-radius: 7px; text-align:center; color:#e86274; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step4 li .during { width:155px; line-height:25px; -webkit-border-radius: 7px; border-radius: 7px; text-align:center; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step4 li .study { width:145px; height:55px; padding:6px 0 6px 10px; line-height:1.3em; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step4 li .study2-wide { width:312px; height:63px; padding:6px 0 6px 10px; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; border:1px solid #e4e4e4; } 
.tab_cont .cont .subject-step4 li .study2-wide li, .tab_cont .cont .subject-step4 li .study2 li { float:none; padding:0 0 0 8px; font-size: 0.9em; background: url("../../Images/Main_2015/bullet_reddot.gif") no-repeat 0 4px; letter-spacing:-0.5px; } 
.tab_cont .cont .subject-step4 li .study2 { width:145px; height:63px; padding:6px 0 6px 10px; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; border:1px solid #e4e4e4; } 

.tab_cont .cont .subject-step4 li.step2 .joinstep { width:324px; overflow:hidden; } 
.tab_cont .cont .subject-step4 li.step2 .joinstep .kind { float:left; width:145px; height:60px; } 
.tab_cont .cont .subject-step4 li.step2 .joinstep .kind p { display: table-cell; height:60px; vertical-align: middle; line-height:1.4em; } 
.tab_cont .cont .subject-step4 li.step2 div.kindwide { width:312px; padding:6px 0 6px 10px; border:1px solid #e4e4e4; font-size: 0.9em; -webkit-border-radius: 7px; border-radius: 7px; text-align:center; letter-spacing:-1px; height:60px; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step4 li.step2 div.kindwide p { display: table-cell; height:60px; vertical-align: middle; line-height:1.4em; } 
.tab_cont .cont .subject-step4 li.step2 .joinstep .difficult { float:left; width:155px; } 
.tab_cont .cont .subject-step4 li.step2 .joinstep .during { float:left; width:155px; } 
.tab_cont .cont .subject-step4 li.step2 .joinstep .study { float:left; width:145px; } */


/* fp 추가 
.section-body1 .tab_cont .cont .step-set-fp { width:70%; margin:10px auto; padding:10px; text-align:center; overflow:hidden; display:table; background-color:#f3f3f3; line-height:140%; } 
.section-body1 .tab_cont .cont .step-set-fp .title { font-weight:bold; font-size:1.1em; color:#1e48d0; margin-bottom:7px; } 
.section-body1 .tab_cont .cont .step-set-fp p span { font-weight:bold; font-size:1.1em; } 

.tab_cont .cont h4.fp { padding-left:15px; font-weight:bold; margin-top:10px; } 

.tab_cont .cont .subject-step6 { width:100%; overflow:hidden; } 
.tab_cont .cont .subject-step6 li { float:left; margin-right:10px; width:23.5%; } 
.tab_cont .cont .subject-step6 li div { overflow:hidden; -webkit-border-radius: 7px; border-radius: 7px; border:1px solid #e4e4e4; text-align:center; padding:5px 0; } 

.tab_cont .cont .subject-step7 { width:100%; overflow: hidden; margin-top:7px; } 
.tab_cont .cont .subject-step7 li { float: left; margin-right:10px; width:198px; } 
.tab_cont .cont .subject-step7 li div { padding:10px 0 10px 10px; border:1px solid #e4e4e4; -webkit-border-radius: 7px; border-radius: 7px; text-align:left; letter-spacing:-1px; overflow:hidden; display:table; background-color:#f3f3f3; } 
.tab_cont .cont .subject-step7 li.step4 div { height:122px; } */

/***fp.html 사용*/
.subject-step-fp li ul li { font-size:14px !important; } 
.step-set-fp { width:95%; margin:0 auto; overflow:hidden; padding:5px; background:#eee; } 
.step-set-fp .title { font-weight:500; padding-right:20px; } 
.step-set-fp div p span { padding-right:10px; color:#0977c9; } 
.subject-step7 { margin-bottom:10px; } 
.subject-step7 li { float:left; border:solid 1px #e4e4e4; width:218px; margin-right:10px; padding:5px; font-size:13px; height:120px; border-radius:10px; } 
.subject-step7 li div span:first-child { font-weight:500; } 
.subject-step7-1 li { height:140px !important; margin-bottom:10px; } 

.subject-step6 { width:100%; overflow:hidden; margin-left:20px; } 
.subject-step6 li { float:left; margin-right:10px; width:23.2%; } 
.subject-step6 li div { overflow:hidden; -webkit-border-radius: 7px; border-radius: 7px; border:1px solid #e4e4e4; text-align:center; padding:5px 0; } 

/***fp2.html 사용*/
.tab_cont .cont .subject-step8 { width:100%; overflow: hidden; } 
.tab_cont .cont .subject-step8 li { float: left; margin-right: 10px; width:308px; } 
.tab_cont .cont .subject-step8 li:first-child { width:120px !important; } 
.tab_cont .cont .subject-step8 li:last-child { margin-right:0 !important; } 

.tab_cont .cont .subject-step8 li .title-kind { width:120px; height:70px; padding:5px 0; line-height:70px; text-align:center; overflow:hidden; background-color:#f3f3f3; border:1px solid #e4e4e4; border-radius:10px; } 
.tab_cont .cont .subject-step8 li .title-difficult { width:120px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; } 
.tab_cont .cont .subject-step8 li .title-during { width:120px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; } 

.tab_cont .cont .subject-step8 li .kind { width:308px; height:70px; padding:5px 0; overflow:hidden; background-color:#f3f3f3; border:1px solid #e4e4e4; border-radius:10px; } 
.tab_cont .cont .subject-step8 li .kind p { line-height:1.1em; text-align:center; } 
.tab_cont .cont .subject-step8 li .difficult { width:308px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; color:#d31f63; } 
.tab_cont .cont .subject-step8 li .during { width:308px; text-align:center; line-height:25px; font-weight:500;; border:1px solid #e4e4e4; border-radius:10px; } 

.tab_cont .cont .subject-step9 { width:100%; background: url('../../public_html/images/main/loadmap/step_bg_1.png') no-repeat 20px 10px; overflow:hidden; } 
.tab_cont .cont .subject-step9 li { float:left; } 
.tab_cont .cont .subject-step9 li:last-child { margin-right:0 !important; } 
.tab_cont .cont .subject-step9 h4 { min-height:50px; color:#fff; font-size:16px; font-weight:500; padding:0 0 0 25px } 
.tab_cont .cont .subject-step9 li ul { width:210px; min-height:90px; border:1px solid #e4e4e4; overflow:hidden; margin-left:20px; padding:5px; } 
.tab_cont .cont .subject-step9 li ul li span:first-child { width:10px; } 


/*///////////////////////////////취업///////////////////////////*/
.job-process { position:relative; } 
.job-process>p { margin-top:120px; } 
.job-process p img { width:100%; } 
.job-process div { text-align:center; } 
.job-process h2 { font-size:35px; line-height:42px; letter-spacing:-1px; color:#565656; margin-top:40px; margin-bottom:5px; } 
.job-process h2 span { font-size:35px; font-weight:bold; color:#ec6d1a; } 
.job-process div p a { font-weight:bold; } 
.job-process div p a:hover { color:#ec6d1a; } 

.job-process ul li { width:146px; /*font-weight:bold; */ } 
.job-process ul li.process1 { position:absolute; left:100px; top:-70px; } 
.job-process ul li.process2 { position:absolute; left:280px; top:-70px; } 
.job-process ul li.process3 { position:absolute; left:650px; top:-70px; } 
.job-process ul li.process4 { position:absolute; left:480px; top:-70px; } 
.job-process ul li h4 { font-size:20px; font-weight:bold; margin-bottom:10px; } 
.job-process ul li h4 strong { font-size:30px; font-weight:bold; } 
.job-process ul li.process1 h4 { color:#61b58a; } 
.job-process ul li.process1 h4 strong { color:#66c77b; } 
.job-process ul li.process2 h4 { color:#5690a9; } 
.job-process ul li.process2 h4 strong { color:#5ca299; } 
.job-process ul li.process3 h4 { color:#403cb4; } 
.job-process ul li.process3 h4 strong { color:#524ec5; } 
.job-process ul li.process4 h4 { color:#4c6bc7; } 
.job-process ul li.process4 h4 strong { color:#517db8; } 
.job-process ul li p { font-size:12px; color:#464646; } 

.job-curriculum { margin-top:20px;; } 
.job-curriculum:after { content:''; display:block; clear:both; } 
.job-curriculum li { float:left; width:200px; padding:10px 0 10px 20px; margin-right:50px; border:1px solid #b4b4b4; border-radius:10px; } 
.job-curriculum li:last-child { margin-right:0; } 
.job-curriculum li.curriculum1 { margin-left:18px; } 
/*.job-curriculum li.curriculum4 { border-right:none; padding-right:0; margin-right:0; } */
.job-curriculum li a { font-size:16px; letter-spacing:-1px; line-height:21px; color:#323232; font-weight:bold; } 
.job-curriculum li.curriculum1 a:hover { color:#bc1b4d; } 
.job-curriculum li.curriculum2 a:hover { color:#e2810e; } 
.job-curriculum li.curriculum3 a:hover { color:#17ba51; } 
.job-curriculum li.curriculum4 a:hover { color:#2ea8ed; } 
.job-curriculum li a span { font-size:16px; } 
.job-curriculum li.curriculum1 a span { color:#bc1b4d; } 
.job-curriculum li.curriculum2 a span { color:#e2810e; } 
.job-curriculum li.curriculum3 a span { color:#17ba51; } 
.job-curriculum li.curriculum4 a span { color:#2ea8ed; } 
.job-curriculum li p { font-size:14px; line-height:19px; letter-spacing:-1px; margin-top:5px; } 




/*////////////////////////서브메인 관련/////////////////////////////*/
/* 메인배너 */
#mvB { clear:both; width:100%; min-width:100%; z-index:-999; border-bottom:1px solid #dee3eb; background:#f2f4f7; } /**/
#mvB .mv { height:415px; width:1080px; margin:0 auto; padding:25px 200px 0 200px; overflow:hidden; } /**/

/*#mvB { clear:both; width:100%; min-width:100%; z-index:-999 } 
#mvB .mv { width:1080px; height:auto; margin:0 auto; padding:25px 0 0 0; overflow:hidden; } */


.mvBan1 { float:left; width:398px; height:383px; margin:0 20px 0 0; background:#fff; border:1px solid #dee3eb } 
.mvBan1 .mvBan-t { height:44px; margin:0; padding:0; border-bottom:1px solid #d0d4d8 } 
.mvBan1 .mvBan-t .mvBan-t-tt { font-size:15px; color:#000; float:left; margin:12px 0 0 20px; } 
.mvBan1 .mvBan-t .mvBan-t-stt-R { font-size:14px; color:#f91f43; float:right; margin:13px 18px 0 0; } 
.mvBan1 .mvBan-t .mvBan-t-stt-G { font-size:13px; color:#999; float:right; margin:13px 18px 0 0; } 
.mvBan1 .mvBan-i { height:44px; margin:0; padding:0; } 

<!--메인 신간도서 - 슬라이더부분 css는 main.asp 안에있음. (/Common_new/JS/slider/css 공통사용으로 인한 강제스타일 적용.)-->
.mvBan2 { float:left; width:238px; overflow:hidden; margin:0; background:#fff; } 

.mvBan2 .mvBan-t { padding-bottom:10px; border-bottom:1px solid #d0d4d8; } 
.mvBan2 .mvBan-t span { font-size:18px; font-weight:500; color:#000; text-align:left; margin:15px 0 0 20px; } 
.mvBan-b { margin:25px 0 0 0; } 
.mvBan-b-tt { text-align:center; color:#333; font-size:14px; line-height:160%; padding:0 10px; } 
.mvBan-b-num { margin:10px 0 0 0; text-align:center; line-height:none; } 
.mvBan-b-num span.before { text-decoration: line-through; font-size:14px; color:#999; margin:0 10px 0 0 } 
.mvBan-b-num span.after { font-size:16px; font-weight:700; color:#f91f43; } 
.mvBan-b-i { margin:10px auto 0 auto; width:140px; height:186px; overflow:hidden; border:solid 1px #ccc; position:relative; } /*border:solid 1px #ccc; */
.mvBan-b-i img { position: absolute; top: 0; bottom: 0; left:0; right: 0; margin: auto; } /*ì±…*/
.mvBan-b-tt a:hover { text-decoration:none; } 

/* 메인 배너 간격 조절*/
.pgwSlider.wide .ps-current { margin-right: 20px; } 

/* 공통타이틀 */
.mc-tt { } 
.mc-tt span.mc-tt-icon { float:right; position:relative; top:0; left:0; } 
.mc-tt span:first-child { font-size:22px; color:#000; font-weight:700; } /*타이틀*/
.mc-tt span:nth-child(2) { position:relative; top:8px; } /*더보기*/
ul.mc-tt-list { position:relative; top:-10px; display:inline-block; float:right; margin:0 20px 0 0; padding:0; } 
ul.mc-tt-list li { float:left; font-size:13px; } 
ul.mc-tt-list li a { color:#7f7f7f; } 
ul.mc-tt-list li.bar { color:#dee3eb; margin:0 9px } 
ul.mc-tt-list li:hover { color:#4970ae } 

/* BAR배너 */
#mc .mc-b { margin:0; padding:0; } 

/* 수강신청 */
#mc .mc-o { margin:50px 0 0 0; padding:0; } 
.mc-o .trans-tab { margin:16px 0 0 0; } 
.mc-o ul.mc-o-tab { margin:16px 0 0 0; border-top:1px solid #dedede; } 
.mc-o ul.mc-o-tab li { padding:15px 40px; float:left; } 
.mc-o ul.mc-o-tab li a { color:#999; font-size:14px; } 
.mc-o ul.mc-o-tab li.active { background:#535353; } 
.mc-o ul.mc-o-tab li.active a { color:#fff; font-size:14px; } 

/*** 패키지과정일 경우 HEIGHT값으로 구분 ***/
.mc-o-list { clear:both; border-top:2px solid #535353; padding:20px 0 0 0; margin:0; } 
.mc-o-area { margin:0 0 20px 0; padding:0 0 10px 0; width:100%; height:100%; border:1px solid #ddd; overflow:hidden; } 
.mc-o-area ul.mc-o-area-l { margin:12px 0 0 20px; float:left; width:728px; min-height:150px; border-right:1px solid #ddd; } 
.mc-o-area ul.mc-o-area-l li.tt { color:#333; font-weight:500; font-size:17px; margin:10px 0 0 0; } 
.mc-o-area ul.mc-o-area-l li.tip { color:#f91f43; margin:5px 0 0 0; } 
.mc-o-area ul.mc-o-area-l li.teacher { margin:40px 0 0 0; color:#666; font-size:12px; } 
.mc-o-area ul.mc-o-area-l li.line { width:93%; height:1px; margin:8px 0 6px 0; background:#eee; padding:0 20px; } 
.mc-o-area ul.mc-o-area-l li.info { color:#888; font-size:12px; letter-spacing:0.05em; } 
.mc-o-area ul.mc-o-area-l li.info .bar { font-size:12px; } 
.mc-o-area .mc-o-area-r { margin:12px 0 0 20px; float:left; width:309px; } 
.mc-o-area .mc-o-area-r ul.area-r-add { margin:0; padding:0; } 
.mc-o-area .mc-o-area-r ul.area-r-add label { color:#333; } 
.mc-o-area .mc-o-area-r ul.area-r-add li span.before { text-decoration: line-through; font-size:14px; color:#666; margin:0 10px 0 0 } 
.mc-o-area .mc-o-area-r ul.area-r-add li span.after { font-size:16px; font-weight:700; color:#f91f43; } 
.mc-o-area .mc-o-area-r ul.area-r-add li span.sale { position:relative; top:3px; left:0; } 

.mc-o-area .mc-o-area-r ul.area-r-btn { margin:33px 0 0 0; padding:0; } 
.mc-o-area .mc-o-area-r ul.area-r-btn li { float:left; } 
.mc-o-area .mc-o-area-r ul.area-r-btn a li.qk-order { text-align:center; font-size:14px; color:#fff; width:97px; height:33px; line-height:33px; border:1px solid #f91f43; background:#f91f43; /*padding:8px 0; */; } 
.mc-o-area .mc-o-area-r ul.area-r-btn a:hover li.qk-order { background:#e10c30; } 
.mc-o-area .mc-o-area-r ul.area-r-btn li.sample { text-align:center; font-size:14px; width:130px; padding-left:10px; height:33px; line-height:33px; border:1px solid #f91f43; border-right:none; /*padding:8px 0; */ } 
.mc-o-area .mc-o-area-r ul.area-r-btn a:hover li.sample { background:#fff8f9; } 
.mc-o-area .mc-o-area-r ul.area-r-btn li.order { height:33px; padding:0 13px 0 14px; border-top:1px solid #f91f43; border-right:1px solid #f91f43; border-bottom:1px solid #f91f43; } 
.mc-o-area .mc-o-area-r ul.area-r-btn a:hover li.order { background:#fff8f9; } 
.mc-o-area .mc-o-area-r ul.area-r-btn li.order .order-img { position:relative; top:7px; } 


/*** 단과과정일 경우 ***/
.mc-o-area2 { margin:0 0 20px 0; padding:10px 0 20px 0; width:1078px; border:1px solid #ddd; overflow:hidden; } 
.mc-o-area2 ul.mc-o-area2-l { margin:12px 0 0 20px; float:left; width:728px; min-height:110px; border-right:1px solid #ddd } 
.mc-o-area2 ul.mc-o-area2-l li.tt { color:#333; font-weight:500; font-size:17px; margin:8px 0 0 0; } 
.mc-o-area2 ul.mc-o-area2-l li.info { clear:both; color:#888; font-size:12px; letter-spacing:0.05em; margin:5px 0 0 0; } 
.mc-o-area2 ul.mc-o-area2-l li.info .bar { font-size:12px; } 
.mc-o-area2 ul.mc-o-area2-l li.update { color:#9d9c9c; font-size:12px; margin:26px 0 0 0; } 

.mc-o-area2 .mc-o-area2-r { margin:12px 0 0 20px; float:left; width:309px; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-add { margin:0; padding:0; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-add label { color:#333; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-add > li span.before { text-decoration: line-through; font-size:14px; color:#666; margin:0 10px 0 0 } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-add > li span.after { font-size:16px; font-weight:700; color:#f91f43; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-add > li span.sale { position:relative; top:3px; left:0; } 

.mc-o-area2 .mc-o-area2-r ul.area2-r-btn { margin:33px 0 0 0; padding:0; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn li { float:left; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn a li.qk-order { text-align:center; font-size:14px; color:#fff; width:97px; height:33px; line-height:33px; border:1px solid #f91f43; background:#f91f43; /*padding:8px 0; */; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn a:hover li.qk-order { background:#e10c30; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn li.sample { text-align:center; font-size:14px; width:130px; padding-left:10px; height:33px; line-height:33px; border:1px solid #f91f43; border-right:none; /*padding:8px 0; */ } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn a:hover li.sample { background:#fff8f9; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn li.order { height:33px; padding:0 13px 0 14px; border-top:1px solid #f91f43; border-right:1px solid #f91f43; border-bottom:1px solid #f91f43; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn a:hover li.order { background:#fff8f9; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn li.order .order-img { position:relative; top:7px; } 


/*테이블 안에 수강료(할인) 있을때*/
.area-r-add { } 
.area-r-add label { color:#333; } 
.area-r-add span.before { text-decoration: line-through; font-size:14px; color:#666; margin:0 10px 0 0 } 
.area-r-add span.after { font-size:16px; font-weight:700; color:#f91f43; } 
.area-r-add span.sale { position:relative; top:3px; left:0; } 


/* 강사소개 영역
#mc .mc-t { clear:both; margin:0; padding:0; } 
.mc-t .mc-t-list { margin:20px 0 0 0; } 
.mc-t-area { position:relative; margin:0 0 50px 0; padding:0; width:267px; height:208px; border:1px solid #dee3eb; float:left; } 
.mc-t-area .area-i { z-index:-999; } 
.mc-t-area .area-l { position:absolute; top:0; margin:25px 0 0 25px; } 
.mc-t-area .area-l li.int { color:#f91f43; font-size:13px; } 
.mc-t-area .area-l li.tt { margin:8px 0 0 -2px; color:#333; font-size:25px; font-weight:700; } 
.mc-t-area .area-l li.stt { margin:20px 0 0 0; color:#9d9c9c; font-size:13px; line-height:140%; } 
.mc-t-area .area-l li.btn { margin:35px 0 0 0; padding:6px 12px; font-size:12px; background:#222; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter: alpha(opacity=70); -khtml-opacity: 0.70; -moz-opacity: 0.70; -ms-filter: alpha(opacity=70); opacity: 0.70; ‚â„¢Ã¬ËœÂÃ¬Æ’ 무료강의 */
.mc-l { clear:both; } 
.mc-l .mc-l-list { margin:20px 0 0 0;; } 
.mc-l-area { overflow:hidden; } 
.mc-l-area > div { width:253px; float:left; margin:0 16px 50px 0; } 
.mc-l-area div:nth-child(4n) { margin-right:0 !important; } 
.mc-l-area .area-i { z-index:-999; border:solid 1px #ddd; line-height:0; } 
.mc-l-area .area-i img { width:252px; height:167px; } 
.mc-l-area .area-l { margin:12px 0 0 0; text-align:center; } 
.mc-l-area .area-l li.tt { color:#333; font-size:14px; } 
.mc-l-area .area-l li.stt { color:#999; font-size:13px; margin:6px 0 0 0; } 


/* 리얼후기 */
.mc-r { clear:both; margin:0; padding:0; } 
.basic { clear:both; width: 100%; margin:20px 0 0 0; border-top:1px solid #666; } 
.basic a { cursor:pointer; } 
.basic div.b-review-tt { height:50px; border-bottom:1px solid #dbdbdb; } 
.basic ul.b-tt { margin:17px 0 0 30px; padding:0; float:left; } 
.basic ul.b-tt li { float:left; color:#666; font-weight:normal; font-size:14px; margin-right:103px; } 
.basic ul.b-tt li:last-child { margin-right:0px; } 
.basic ul.b-info { margin:17px 30px 0 0; padding:0; float:right; } 
.basic ul.b-info li { float:left; margin-left:60px; font-weight:normal; } 

.basic ul.b-info li.b-i-star { color:#f91f43; font-size:14px; font-weight:700; width:100px; min-width:100px; height:1px; text-align:right; } 

.basic ul.b-info li.b-i-review { font-size:13px; color:#666; } 
.basic ul.b-info li.b-i-day { font-size:13px; color:#666; } 
.basic div.b-review { clear:both; /*width:100%; *//*border-bottom:1px solid #dbdbdb; */ } 
.basic div.b-review p { margin:0; /*padding:10px 50px 10px 0; */padding:20px 30px; line-height:160%; font-size:13.5px; color:#666; font-weight:normal; } 

/* 공지사항 */
.mc-n { clear:both; } 
.mc-n-area { width:37%; float:left; } 
.mc-n-center { width:26%; float:left; } 
p.n-area-tt { margin:0; padding:0; color:#333; font-size:18px; font-weight:700; } 
p.n-area-tt span { float:right; padding-right:25px; font-size:13px; font-weight:400; line-height:24px; } 
ul.n-area-list { margin:15px 0 0 0; padding:0; } 
ul.n-area-list li { line-height:200%; } 
ul.n-area-list li:nth-child(odd) { float:left; color:#666; font-size:13.5px; width:65%; padding-right:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
ul.n-area-list li:nth-child(even) { float:left; font-size:12px; color:#999; width:25%; text-align:right; } 
/*전체메인 Best후기 가로사이즈 관련*/.mc-n-area2 ul.n-area-list li:nth-child(odd) { width:70% !important; } 

/*ul.n-area-list li a { color:#666; } */
/*ul.n-area-list li span { clear:both; float:left; margin:0 30px 0 0; font-size:12px; color:#999 } 
ul.n-area-list li:last-child { margin-bottom:0px; } */
p.n-area-tel { margin:0; padding:0; text-align:center; } 
/*p.n-area-tel > img { position:relative; top:6px; margin:0 10px 0 0; } */
p.n-area-tel > span { color:#d31f63; font-size:42px; font-weight:700; } 
p.n-area-tel > span.jj-tel { color:#d31f63; font-size:32px; font-weight:700; } /*국가기술자격증 고객상담번호*/

ul.n-area-clist { margin:0; padding:0; } 
ul.n-area-clist li { font-size:13px; letter-spacing:-0.02em; text-align:center; } 
ul.n-area-btn { margin:12px auto 60px 18px; padding:0; overflow:hidden; } 
ul.n-area-btn a { padding:4px 13px; margin-right:10px; font-size:12px; float:left; border:1px solid #222; color:#222; } 
ul.n-area-btn a:last-child { margin-right:0; } 
ul.n-area-btn a:hover { background:#333; color:#fff; text-decoration:none; } 



/* 패밀리 사이트 */
#footer .footbox .family { position: absolute; top: 60px; right: 10px; width: 290px; z-index: 120; clear: both; } 

.family div { float: left; position: relative; width: 124px; height: 20px; padding: 0px; background-color: #787878; } 
.family div span { position: absolute; top: 5px; right: 7px; } 
.family div ul { position: absolute; bottom: 20px; width: 114px; padding: 5px 0 5px 10px; color: #fff; background: #787878; } 
.family div ul li { margin: 5px 0 0 0; font-size: 0.9em; letter-spacing: -0.05em; } 
.family div ul li a { color: #fff; } 
.family div ul li a:hover { color: #4ae3ff; } 
.family .korbei { display: inline; width: 159px; height: 20px; padding: 0px; margin: 0 0 0 2px; } 
.family .korbei ul { position: absolute; bottom: 20px; width: 149px; color: #FFFFFF; padding: 5px 0 5px 10px; background: #787878; } 

.family div p, .family div p a, .family div p a:visited { height: 20px; padding: 3px 0 5px 5px; color: #fff; } 

#footer img { vertical-align: top; } 



/* jjang main*/

.jm-img { background:url(https://www.epasskorea.com/Public_html/Images/main_jjang/mbanner_230112_bg.jpg); border-bottom:solid 2px #5c59fb; } 
.jm-img > div { width:1100px; height:500px; overflow:hidden; margin:0 auto; } 


.ban_b { padding:20px; border:8px solid rgba(204,204,204,0.3); } 
.jjan_main_area { text-align:center; } 
.jjan_main_area div { display: inline-block; margin: 5px 0; } 

.jjan_main_area div img { margin:0 8px; } 

/* slide-animation 210331 */
.event-slides .ani_slide a { position: relative; display: block; width: 1100px; margin: 0 auto; } 

.event-slides .ani_slide .ani-img { position: absolute; top: 110px; left: 542px; width: 244px; height: 116px; animation-name: fly; animation-duration: 2.8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } 

@keyframes fly { 
 0% { transform: translateY(-20px); } 
 50% { transform: translateY(-00px); } 
 100% { transform: translateY(-20px); } 
 }

.event-slides .ani_slide .ani-img-2 { position: absolute; top: 224px; left: 606px; width: 124px; height: 27px; animation-name: sh; animation-duration: 2.8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } 
@keyframes sh { 
 0% { transform: scaleX(1) } 
 50% { transform: scaleX(1.3) } 
 100% { transform: scaleX(1) } 
 }

.event-slides .ani_slide .text-op { position: absolute; bottom: 74px; left: 720px; width: 152px; height: 41px; } 
.event-slides .ani_slide .text-op img { width: 100%; } 
.event-slides .ani_slide .text-op .ani-text_0 { position: absolute; top: 0; left: 0; animation-name: black_text; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; z-index: 1; } 
.event-slides .ani_slide .text-op .ani-text_1 { position: absolute; top: 0; left: 0; } 

@keyframes black_text { 
 0% { opacity:1; } 
 50% { opacity:0; } 
 100% { opacity:1; } 
 }

/* event_0331 이패스 자문인력 환급반*/
.event_0331 .tab_easy { position: relative; width: 775px; margin: 0 auto; } 
.event_0331 .tab_easy:after { clear:both; content:''; display: block; } 
.event_0331 .tab_easy li { float: left; } 
.event_0331 .cont-area { position: relative; margin: 0 auto; width: 767px; } 
.event_0331 .cont_easy li:not(:first-child) { display: none; } 
.event_0331 .cont_easy li { position: relative; } 
.event_0331 .cont-area .youtube-area { position: absolute; top: 277px; left: 19px; width: 726px; height: 407px; } 
.event_0331 .youtube-area #youtubeZP> div:not(:first-child) { display: none; } 

/* 과정소개 슬라이드 */
.swiper-area-info .bx-wrapper { position: relative; border: 0; box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; display: block; margin: 0; } 
.swiper-area-info .bx-wrapper .bx-prev { top: 40%; left: 120px; width: 32px; height: 53px; background: url(../../m-sub/public_html/images/event/210304_btn_left.png) 0 -0px no-repeat; opacity: 0.5; } 
.swiper-area-info .bx-wrapper .bx-next { width: 32px; height: 53px; top: 40%; right: 120px; background: url(../../m-sub/public_html/images/event/210304_btn_right.png) 0 -0px no-repeat; opacity: 0.5; } 
.swiper-area-info .bx-wrapper .bx-controls-direction a:hover { opacity: 1; background-position: 0 0; } 
.swiper-area-info .bx-wrapper .bx-controls-direction a:focus { background-position: 0 0; } 


/* slide-animation 210427 */

.event-slides .ani_slide_0427 a { position: relative; display: block; width: 1100px; margin: 0 auto; } 
.event-slides .ani_slide_0427 .ani-img { position: absolute; top: 110px; left: 542px; width: 244px; height: 116px; animation-name: fly; animation-duration: 2.8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } 
.event-slides .ani_slide_0427 .text-op { position: absolute; bottom: 126px; left: 34px; width: 400px; height: 24px; } 
.event-slides .ani_slide_0427 .text-op img { width: 100%; } 
.event-slides .ani_slide_0427 .text-op .ani-text_1 { position: absolute; top: 0; left: 0; animation-name: black_text_1; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; z-index: 1; } 
.event-slides .ani_slide_0427 .text-op .ani-text_0 { position: absolute; top: 0; left: 0; } 

@keyframes black_text_1 { 
 0% { opacity:1; } 
 50% { opacity:0; } 
 100% { opacity:1; } 
 }


/* event 210524 */
.event_210524 { border: 1px solid #d5efed; } 
.event_210524 .tab a { } 
.event_210524 .tab a:hover,
.event_210524 .tab a.active { background: #d1ede9; } 


/* slide-animation 210531 */

.event-slides .ani_slide_0531 a { position: relative; display: block; width: 1100px; margin: 0 auto; } 
.event-slides .ani_slide_0531 .text-op { position: absolute; bottom: 35px; left: 197px; width: 706px; height: 30px; } 
.event-slides .ani_slide_0531 .text-op img { width: 100%; } 
.event-slides .ani_slide_0531 .text-op .ani-text_1 { position: absolute; top: 0; left: 0; animation-name: black_text_2; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; z-index: 1; } 
.event-slides .ani_slide_0531 .text-op .ani-text_0 { position: absolute; top: 0; left: 0; animation-name: black_text_3; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } 

@keyframes black_text_2 { 
 0% { opacity:1; } 
 50% { opacity:0; } 
 100% { opacity:1; } 
 }


@keyframes black_text_3 { 
 0% { opacity:0; } 
 50% { opacity:1; } 
 100% { opacity:0; } 
 }

/*text swiper_up scpirt css*/
.succ-video-intro { position: relative; } 
.succ-video-intro::before { clear:both; content:''; display: block; position: absolute; top:0; left:164px; width: 752px; height: 80px; z-index: 99; background: -moz-linear-gradient(180deg, rgba(0,80,213,1) 0%, rgba(0,80,213,1) 16%, rgba(0,80,213,0.6937149859943977) 54%, rgba(0,80,213,0.5060399159663865) 65%, rgba(0,80,213,0) 84%, rgba(0,80,213,0) 100%); background: -webkit-linear-gradient(180deg, rgba(0,80,213,1) 0%, rgba(0,80,213,1) 16%, rgba(0,80,213,0.6937149859943977) 54%, rgba(0,80,213,0.5060399159663865) 65%, rgba(0,80,213,0) 84%, rgba(0,80,213,0) 100%); background: linear-gradient(180deg, rgba(0,80,213,1) 0%, rgba(0,80,213,1) 16%, rgba(0,80,213,0.6937149859943977) 54%, rgba(0,80,213,0.5060399159663865) 65%, rgba(0,80,213,0) 84%, rgba(0,80,213,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0050d5",endColorstr="#0050d5",GradientType=1); } 
.succ-video-intro:after { clear:both; content:''; display: block; position: absolute; bottom:0; left:164px; width: 752px; height: 80px; z-index: 99; background: -moz-linear-gradient(0deg, rgba(0,80,213,1) 0%, rgba(0,80,213,1) 16%, rgba(0,80,213,0.6937149859943977) 54%, rgba(0,80,213,0.5060399159663865) 65%, rgba(0,80,213,0) 84%, rgba(0,80,213,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,80,213,1) 0%, rgba(0,80,213,1) 16%, rgba(0,80,213,0.6937149859943977) 54%, rgba(0,80,213,0.5060399159663865) 65%, rgba(0,80,213,0) 84%, rgba(0,80,213,0) 100%); background: linear-gradient(0deg, rgba(0,80,213,1) 0%, rgba(0,80,213,1) 16%, rgba(0,80,213,0.6937149859943977) 54%, rgba(0,80,213,0.5060399159663865) 65%, rgba(0,80,213,0) 84%, rgba(0,80,213,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0050d5",endColorstr="#0050d5",GradientType=1); } 

.succ-video-intro .succ-text { position: absolute; top:0; left:164px; width: 732px; height:533px; overflow: hidden; margin: 10px; box-sizing: border-box; } 
.succ-video-intro .slick-list { height:563px; } 
.succ-video-intro .succ-text .text { display: flex; justify-content: space-evenly; align-items: center; /* width: 24.5% !important; */ height: 40px; } 
.succ-video-intro .succ-text .text p { font-size: 16px; color: #fff; text-align: center; } 
.succ-video-intro .succ-text .text p.succ-info { width: 60%; } 
.succ-video-intro .succ-text .text p.succ-name { width: 40%; } 

.succ-video-intro.financial:before { left:167px; width: 766px; height:60px; background: -moz-linear-gradient(180deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: -webkit-linear-gradient(180deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: linear-gradient(180deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0050d5",endColorstr="#0050d5",GradientType=1); } 
.succ-video-intro.financial:after { left:167px; width: 766px; height:60px; background: -moz-linear-gradient(0deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: -webkit-linear-gradient(0deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: linear-gradient(0deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0050d5",endColorstr="#0050d5",GradientType=1); } 

.succ-video-intro.etax-c { position: relative; padding-bottom:90px; } 
.succ-video-intro.etax-c .succ-text { position: absolute; top:0; left: 50%; width: 746px; height: 544px; margin-left: -373px; } 
.succ-video-intro.etax-c:before { margin-left: -384px; left: 50%; width: 766px; height:60px; background: rgb(255,247,224); background: -moz-linear-gradient(180deg, rgba(255,247,224,1) 0%, rgba(255,247,224,1) 34%, rgba(255,247,224,0.6699054621848739) 70%, rgba(255,247,224,0) 100%); background: -webkit-linear-gradient(180deg, rgba(255,247,224,1) 0%, rgba(255,247,224,1) 34%, rgba(255,247,224,0.6699054621848739) 70%, rgba(255,247,224,0) 100%); background: linear-gradient(180deg, rgba(255,247,224,1) 0%, rgba(255,247,224,1) 34%, rgba(255,247,224,0.6699054621848739) 70%, rgba(255,247,224,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff7e0",endColorstr="#fff7e0",GradientType=1); } 
.succ-video-intro.etax-c:after { bottom:90px; left: 50%; margin-left: -384px; width: 766px; height:60px; background: rgb(255,247,224); background: -moz-linear-gradient(0deg, rgba(255,247,224,1) 0%, rgba(255,247,224,1) 34%, rgba(255,247,224,0.6699054621848739) 70%, rgba(255,247,224,0) 100%); background: -webkit-linear-gradient(0deg, rgba(255,247,224,1) 0%, rgba(255,247,224,1) 34%, rgba(255,247,224,0.6699054621848739) 70%, rgba(255,247,224,0) 100%); background: linear-gradient(0deg, rgba(255,247,224,1) 0%, rgba(255,247,224,1) 34%, rgba(255,247,224,0.6699054621848739) 70%, rgba(255,247,224,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff7e0",endColorstr="#fff7e0",GradientType=1); } 
.succ-video-intro.financial .succ-text { left:164px; width: 749px; height:533px; } 
.succ-video-intro.financial .text p { color: #222; } 



/* info_sample_css*/
.area-btn-fixed { position: relative; width: 100%; max-width: 1100px; margin: 0 auto; padding: 10px 0; } 
.area-btn-fixed ul { display: flex; justify-content: space-around; flex-wrap: wrap; /* flex-wrap: nowrap; */ } 
.area-btn-fixed ul li { font-size: 20px; background: #d2d2d2; border-radius: 10px; overflow: hidden; margin: 10px 0; } 
.area-btn-fixed ul li a { font-style: normal; color: #222; display: block; padding: 20px 10px; cursor: pointer; } 
.area-btn-fixed ul li.active,
.area-btn-fixed ul li:hover { background: #d2d2d2; background: #222; } 
.area-btn-fixed ul li.active a,
.area-btn-fixed ul li:hover a { text-decoration: none; background: #222; color:#fff; } 

.info_sample { position: relative; } 
.info_sample .container { width: 100%; } 
.info_sample .container .section { position: relative; display: block; padding: 10px; border: 1px solid #4e4e4e; border-radius: 10px; max-width: 1100px; margin: 0 auto 50px; } 
.info_sample .container .section .sec-content h2 { margin: 20px auto; width: 195px; height: 46px; background-color: #222; border-radius: 23px; color: #fff; text-align: center; line-height: 44px !important; font-weight: 500; } 
.sample-btn { position: relative; padding: 10px 0; } 
.sample-btn ul { display: flex; flex-wrap: wrap; } 
.sample-btn ul li { border: 1px solid #eee; border-radius: 20px; margin: 5px; min-width: 112px; } 
.sample-btn ul li a { font-size: 16px; display: block; padding: 14px; text-align: center; } 
.sample-btn ul li.active,
.sample-btn ul li:hover { background: #222; border-color:#222 } 
.sample-btn ul li.active a,
.sample-btn ul li:hover a { color: #fff; text-decoration: none; } 
.main-img { padding: 20px 0; } 
.main-img img { max-width: 100%; width: 800px; margin: 0 auto; display: block; } 


/* at 자격시험 css */
.succ-video-intro.tat-fax:before { left: 157px; width: 766px; height:60px; background: rgb(0,0,0); background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 34%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 34%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 34%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } 
.succ-video-intro.tat-fax:after { left: 157px; width: 766px; height:60px; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 34%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 34%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 34%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } 

.succ-video-intro.tat-fax .succ-text { left: 157px; width: 766px; height: 564px; background: #000; margin: 0; padding: 10px; } 
.succ-video-intro.tat-fax .text p { color: #fff; } 


.top_banner #Hicon { animation-name: video-hand-icon; animation-duration: 2.5s; animation-timin-function: ease-in-out; animation-iteration-count: infinite; transition: all ease-in-out; position: absolute; bottom: 10px; right: 6px; } 

@keyframes video-hand-icon { 
 0% { transform: translate(50% , 30%); } 
50% { transform: translate(00% , 0); } 
100% { transform: translate(50% , 30%); } 
 }