@charset "utf-8";
h1,h2,h3,h4,h5,h6,.joinUl,.joinConfirmTxt,.tabArea ul li a,.goBtn,.replyNum .tit,.ment,.serveylist dl dt span.num,.timer,.classNav ul li a,.ziphopUl ul li,.myTop,.scoreBox dl dd,address,.imgList ul li .cont .tit,#banner,.mContent01,.btnView,#quickMenu,.imgListInfo ul li dl dt,.faqMain ul li dl dt,.titIcoC,.titIcoC2,.titIco,.ziphopProcess dl dt,.ziphopProcess dl dd.idTxt,#quickMenuClass,.joinWrap .injng .injngRight .tit,.btnPop span,.btnPopLine span,.introWrap .txtCont {letter-spacing:-0.3px;color: #191919;}
.number,.number2,.numBig,.gNum {font-family: Arial; letter-spacing: 0.5px;}

#header .loginBar {height: 34px;overflow: hidden; background: #eee;}
#header .loginBar .boxIn {width:980px;height: 34px;margin:0 auto;}
#header .loginBar ul {float: right;}
#header .loginBar ul li {float: left;padding-top:9px;position: relative;}
#header .loginBar ul li a:hover {text-decoration: underline;}
#header .loginBar ul li img {position: absolute;top: 11px;left:0;}
#header .loginBar ul li:first-child {padding-left: 4px;display: table;}
#header .loginBar ul li::before { content: "|";margin:0 12px 0 12px;}
#header .loginBar ul li:first-child::before { content: ""; margin:0 12px 0 0;}
#header .loginBar ul li.last {padding-top: 6px;}
/*#header .loginBar ul li:last-child {padding-top: 6px;}*/
#header .loginBar ul li .btnLogin {width:76px;display: inline-block; border-radius: 15px;padding: 3px 0 4px 0;text-align: center;background: #5674b9;}
#header .loginBar ul li .btnLogin span {color:#fff; font-weight: bold; font-family: Arial; font-size: 11px;letter-spacing: 0;}
#header .loginBar ul li a.btnLogin:hover {text-decoration: none;}
#header .logoBar {height: 54px;border-bottom:1px solid #d2d5db}
#header .logoBar .boxIn {width:980px;height: 54px;margin:0 auto;}
#header .logoBar h1 {width:165px;height:30px;padding-top:12px;}
#header:after{content:"";display:block;box-shadow:  0 0 6px  rgba(2, 2, 2, 0.3);}

#header{box-shadow:  0 0 6px rgba(2, 2, 2, 0.3);width:100%;}
#header:after{content:"";display:block;box-shadow:  0 0 6px  rgba(2, 2, 2, 0.3);}
#container{width:100%;height:100%}
.text_hidden{ text-indent: -9999px;  overflow: hidden;  white-space: nowrap; }
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gnbBg {z-index:10;display:none;position: absolute;top:142px;left:0;height:410px;width:100%;background: #ffffff;box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.2);}
.gnbLine {z-index:10; position: absolute;top:140px;left:0;height:2px;width:100%;border-bottom: 3px solid #5674b9;}
#gnb > ul {display:none;position: absolute;top:56px;left:0;height:312px;width:100%;padding-top:25px;z-index:10}
#gnb > ul li{padding: 7px 0 7px 0;line-height: normal;line-height: 1.4;}
#gnb > .depth2 li.tit {font-size: 15px;font-weight: bold;color: #2a5caa;padding: 0 0 8px 0;}
#gnb > ul li a{color: #191919;font-size:13px;/*background:url('../images/gnb_depth2_ico_off.png') 0 5px no-repeat;padding-left: 6px;*/display: block;}
#gnb > ul li.on a {font-weight:bold;color: #7e55a4;}
#gnb > .depth2 li a:hover{font-weight:bold;color: #7e55a4;/*background:url('../images/gnb_depth2_ico_on.png') 0 5px no-repeat;*/}
#gnb > .depth2 {text-align: left;word-break: keep-all;}

#gnb > .menu01 {width:111px; left:25px;}
#gnb > .menu02 {width:119px; left:147px;}
#gnb > .menu03 {width:120px; left:260px;}
#gnb > .menu04 {width:155px; left:375px;}
#gnb > .menu05 {width:150px; left:495px;}
#gnb > .menu06 {width:150px; left:685px;}
#gnb > .menu07 {width:105px; left:813px;}
#gnb > .menu08 {width:87px;  left:940px;}
#gnb > .menu09 {width:87px;  left:1085px;}
#gnb > .menu010 {width:105px;  left:1210px; border-right: none;}


/*박정훈 수정
#gnb > .menu01 {width:111px; left:20px;}
#gnb > .menu02 {width:119px;left:141px;}
#gnb > .menu03 {width:120px; left:245px}
#gnb > .menu04 {width:155px;left:365px;}
#gnb > .menu05 {width:133px; left:470px;}
#gnb > .menu06 {width:112px;left:590px;}
#gnb > .menu07 {width:116px; left:750px;}
#gnb > .menu08 {width:87px;left:870px;border-right: none;}
*/
#gnb > .depth2 li .depth3 li {padding: 0;}
#gnb > .depth2 li .depth3 li a {font-weight: normal;font-size: 13px;color: #6f6f6f;display: block;padding: 10px 0 0 0;}
#gnb > .depth2 li .depth3 li a:hover {color: #191919;font-weight: bold;}

#header{height:144px;position:relative;top:0;z-index:99;width:100%;}
#header #nav {width:1060px;height:54px;margin:auto;background:#fff;}
#gnb {width:1450px;height:54px;line-height:54px;/*float:left;*/position:relative;margin: 0 auto;}
#gnb h2.depth1{padding: 0 25px 0 25px;float: left;font-size: 16px;font-weight: bold;}
#gnb h2.depth1 a{color: #191919;display:inline-block;position:relative;z-index:99;}
#gnb h2.depth1 a:hover {color: #5674b9; font-weight:800;}
#gnb h2.depth1 a.on{color: #5674b9; font-weight:800;}

#container {padding-top: 70px;border-bottom: 1px solid #d2d5db;overflow: hidden;background:url('../images/bg_bar.jpg') 0 0 repeat-x;}
#containerMain {margin-top: 10px;border-bottom: none;}
.containerIn {width:980px; margin:0 auto;}
#container .lnb {width: 206px;float: left;margin-bottom: 90px;}
#container .lnb .boxIn {}
#container .lnb h3.lnbTit {font-size: 29px; color:#2a5caa; border-bottom:1px solid #2a5caa;height: 42px;letter-spacing: -0.3px;font-weight: bold;line-height: 1;}
#container .lnb h3.lnbTit.type06 {letter-spacing:-2px;}
#container .lnb h3.lnbTit.type07 {letter-spacing:-2px;height:70px; line-height:1.1;}
#container .lnb ul {margin-bottom: 40px;}
#container .lnb ul li {width: 206px;}
#container .lnb ul li a {display: block;border-bottom: 1px solid #d2d5db;font-size: 16px;letter-spacing: -0.3px;padding: 16px 0 15px 8px;vertical-align: middle; color:#191919;}
#container .lnb ul li a:hover {text-decoration: none;}
#container .lnb ul li.on a {font-weight: bold;color:#5674b9;}
#container .lnb ul li:last-child a {border-bottom: none;}
#container .lnb ul li .depth3 {display: block; padding: 16px 0 0 0;}
#container .lnb ul li.on .depth3 {display: block;}
#container .lnb ul li .depth3 ul {margin-bottom: 0;}
#container .lnb ul li .depth3 li {height:auto;padding-bottom: 10px; border-bottom: none;}
#container .lnb ul li .depth3 li:last-child {padding-bottom: 0;}
#container .lnb ul li .depth3 li a { width:194px;padding: 0 0 0 12px;height:auto;color:#767676; border-bottom:none;background:url('../images/depth3_ico_off.png') 7px 6px no-repeat;border-top: none;font-size:14px; font-weight: normal;}
#container .lnb ul li .depth3 li:last-child a {border-bottom:1px solid #d2d5db;padding-bottom: 16px;}
#container .lnb ul li .depth3 li.on a {background:url('../images/depth3_ico_on.png') 7px 6px no-repeat;color:#aa2a66; font-weight:normal; ;}
#container .lnb .centerBox {border: 1px solid #d2d5db; text-align: center; font-weight: bold;letter-spacing: -0.3px;}
#container .lnb .centerBox .call {height: 82px;background:url('../images/callcenter_ico2.png') 57px 19px no-repeat;}
#container .lnb .centerBox .call .title {padding-top: 21px; color: #191919; font-size: 14px; font-weight: bold;padding-left: 85px;text-align: left;}
#container .lnb .centerBox .call .cont {color:#5674b9;padding-top: 8px; font-size: 23px;font-weight: bold;}

#container .lnb .centerBox .time {height: 66px;background:url('../images/center_dot_line.png') center 0 no-repeat;letter-spacing: -0.3px;}
#container .lnb .centerBox .time .cont1 {padding-top: 12px; color: #191919;font-size: 15px;}
#container .lnb .centerBox .time .cont2 {padding-top: 6px; color: #767676;font-size: 13px;}

#container .contents {width:735px;float: right;}
#container .contents.type02 {width: 100%;}
#container .contents .boxIn {position: relative;}

.subNavi {height:14px; line-height:14px;overflow:hidden;position: absolute;right: 0;top:-56px;}
.subNavi dl {float: right;}
.subNavi dl dt {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.subNavi dl dd {float: left;background: url('../images/sub_navi_arrow.png') 0 0 no-repeat;padding:0px 20px 0 25px;}
.subNavi dl dd.first {background: url('../images/sub_navi_home.png') 0 0 no-repeat;padding-left: 29px;padding-right: 0;text-indent: -9999px; }
.subNavi dl dd.last {padding-right: 0;}

#container .content {padding-bottom: 70px; width: 736px;}
#container .content.type02 {width: 100%;}
#container .content h4 {height: 42px; font-size: 27px; color:#393939; text-align: left;border-bottom: 1px solid #191919;margin-bottom: 50px;font-weight: bold;line-height: 1;}

#footer { clear: both;}
#footer .boxIn {width:980px; margin:0 auto;padding: 30px 0;}
#footer .footLeft {overflow: hidden;display: inline-block;width: 700px;}
#footer .footLeft .footLogo {margin-right: 30px;float: left;}
#footer .footLeft ul {display: inline-block;float: left;margin-bottom:10px;}
#footer .footLeft ul li {float:left;font-size: 13px; font-weight: bold; color: #767676; letter-spacing: -0.3px;}
#footer .footLeft ul li::after { content: "|";margin:0 10px 0 10px;}
#footer .footLeft ul li:last-child::after { content: ""; margin:0 10px 0 0px;}
#footer .footLeft ul li:nth-child(2) a {color:#191919!important;}
#footer .footLeft ul li:last-child {color:#5674b9; width:160px;}
#footer .footLeft ul li a:hover {text-decoration: underline;}
#footer .footLeft .addr {display: inline-block;}
#footer .footLeft .addr address {font-style: normal; font-size: 11px; color:#767676;line-height:16px;}
#footer .footRight {float: right;}
#footer .footSelect {display: inline-block; border:1px solid #d2d5db;vertical-align: top;}
#footer .footSelect select {height: 23px;vertical-align: top;font-size: 11px; padding:3px 4px 3px 8px;}
#footer .selGoBtn {display: inline-block;height: 25px;margin-left: -4px;}
#footer .selGoBtn a {vertical-align: top;}

/*메인화면*/
#banner {width:100%;-webkit-background-size:cover !important;-moz-background-size:cover !important;background-size:cover !important; background:#a6e2f1;height: 290px;}
#banner .boxIn {width:980px; margin:0 auto;position: relative;}
#banner .text {font-size: 26px;margin: 43px 0 32px 65px;line-height: 1.4;letter-spacing: -1px;}
#banner .text ins {color: #0867ae;font-size: 31px;}
#banner .btn {margin: 0 0 0 65px;}
#banner .btnView {padding: 8px 14px 7px 14px; border: 1px solid #191919;display:inline-block;font-size: 14px;}
#banner .imgs {position: absolute;top: 20px;right: 48px;}

/*라인크게나누기*/
.mCont01 {overflow: hidden;height: 319px;}
.mCont02 {overflow: hidden;clear: both;margin-top: 15px;height: 173px;}
.mCont01 .mContent01 {float: left;width: 311px;height: 313px;margin-top: 4px;border:1px solid #d2d5db;border-radius: 10px;position: relative;}
.mCont01 .mContent02 {float: right;width: 652px;height: 319px;background: url('../images/main_calendar_bg.png') 0 0 no-repeat;}

/*첫번째라인 왼쪽 아이콘버튼들*/
.mContent01 .btnUl01 {margin-top: 25px;border-bottom: 1px solid #d2d5db;overflow: hidden;height: 79px;}
.mContent01 .btnUl01 ul li a {float: left;margin: 0 9px 0 9px;}
.mContent01 .btnUl01 ul li.type01 a {background: url('../images/main_ico_01_off.png') center 0 no-repeat; margin: 0 10px 0 13px;}
.mContent01 .btnUl01 ul li.type01 a:hover {background: url('../images/main_ico_01_on.png') center 0 no-repeat;}
.mContent01 .btnUl01 ul li.type02 a {background: url('../images/main_ico_02_off.png') center 0 no-repeat;}
.mContent01 .btnUl01 ul li.type02 a:hover {background: url('../images/main_ico_02_on.png') center 0 no-repeat;}

.mContent01 .btnUl01 ul li.type03 a {background: url('../images/main_ico_03_off.png') center 0 no-repeat;}
.mContent01 .btnUl01 ul li.type03 a:hover {background: url('../images/main_ico_03_on.png') center 0 no-repeat;}
.mContent01 .btnUl01 ul li.type04 a {background: url('../images/main_ico_04_off.png') center 0 no-repeat;}
.mContent01 .btnUl01 ul li.type04 a:hover {background: url('../images/main_ico_04_on.png') center 0 no-repeat;}
.mContent01 .btnUl01 ul li a .tit {padding-top: 47px;font-size: 13px;font-weight: bold;}
.mContent01 .btnUl01 ul li a:hover .tit {color: #2a5caa;}

.mContent01 .btnUl02 {margin: 20px 0; }
.mContent01 .btnUl02 ul li {float: left;width: 155px;height: 106px;text-align: center;}
.mContent01 .btnUl02 ul li.type01 {background: url('../images/main_ico_05.png') center 4px no-repeat;border-right:1px solid #d2d5db;}
.mContent01 .btnUl02 ul li.type02 {background: url('../images/main_ico_06.png') center 4px no-repeat;float: right;width: 154px;}
.mContent01 .btnUl02 ul li.type03 {height:150px;margin-top:10px;background: url('../images/main_ico_07.png') center 20px no-repeat;border-right:1px solid #d2d5db;}
.mContent01 .btnUl02 ul li.type04 {height:150px;margin-top:10px;background: url('../images/main_ico_08.png') center 20px no-repeat;float: right;width: 154px;}
.mContent01 .btnUl02 ul li .tit {padding-top: 70px;font-size: 14px;font-weight: bold;}
.mContent01 .btnUl02 ul li .btnJoin {margin-top: 13px;}
.mContent01 .btnUl02 ul li.type01 .btnJoin {background: url('../images/btn_arrow.png') 86px center no-repeat #393939;padding: 6px 0 7px 17px;width: 93px;}
.mContent01 .btnUl02 ul li.type01 .btnJoin:hover {background: url('../images/btn_arrow.png') 86px center no-repeat #5674b9;}
.mContent01 .btnUl02 ul li.type02 .btnJoin {background: url('../images/btn_arrow.png') 86px center no-repeat #393939;padding: 6px 0 7px 17px;width: 93px;}
.mContent01 .btnUl02 ul li.type02 .btnJoin:hover {background: url('../images/btn_arrow.png') 86px center no-repeat #5674b9;}
.mContent01 .btnUl02 ul li.type03 .btnJoin {background: url('../images/btn_arrow.png') 86px center no-repeat #393939;padding: 6px 0 7px 17px;width: 93px;}
.mContent01 .btnUl02 ul li.type03 .btnJoin:hover {background: url('../images/btn_arrow.png') 86px center no-repeat #7e55a4;}
.mContent01 .btnUl02 ul li.type04 .btnJoin {background: url('../images/btn_arrow.png') 86px center no-repeat #393939;padding: 6px 0 7px 17px;width: 93px;}
.mContent01 .btnUl02 ul li.type04 .btnJoin:hover {background: url('../images/btn_arrow.png') 86px center no-repeat #7e55a4;}

.mContent01 .btnUl02 ul li.type01 .btnJoin span {padding-left: 5px;}
.mContent01 .btnUl02 ul li.type02 .btnJoin span {padding-left: 5px;}
.mContent01 .btnUl02 ul li.type03 .btnJoin span {padding-left: 5px;}
.mContent01 .btnUl02 ul li.type04 .btnJoin span {padding-left: 5px;}
.mContent01 .tabAreaMain {overflow:hidden;position: absolute;bottom: 0;width: 311px;}
.mContent01 .tabAreaMain ul li.type01 {float: left;width: 155px;height: 69px;}
.mContent01 .tabAreaMain ul li.type02 {float: left;width: 156px;height: 69px;}
.mContent01 .tabAreaMain ul li.type01 a {border-radius: 0 0 0 10px;background:#5674b9;}
.mContent01 .tabAreaMain ul li.type02 a {border-radius: 0 0 10px 0;background:#7e55a4;}
.mContent01 .tabAreaMain ul li a {font-size:15px; font-weight:bold;display: inline-block;vertical-align: middle;width: 156px;height: 61px;margin-top: 8px;line-height: 62px;}
.mContent01 .tabAreaMain ul li a img {padding: 0 0 0 25px; }
.mContent01 .tabAreaMain ul li a span {padding-left: 14px;color: #fff;}
.mContent01 .tabAreaMain ul li.type01.on {background: url('../images/main_tab_ico_01_on.png') center 0 no-repeat;}
.mContent01 .tabAreaMain ul li.type02.on {background: url('../images/main_tab_ico_02_on.png') center 0 no-repeat;}

/*첫번째라인 오른쪽달력*/
.mContent02 .boxIn {width: 570px;margin: 0 auto;position: relative;}
.mContent02 .calendarTop {margin: 37px 0 0 0;height: 48px;position: relative;}
.mContent02 .calendarTop h4 {font-size: 25px;font-weight: bold;}
.mContent02 .calendarTop .btns {display: inline-block;position: absolute;right: 0;top: 0;}
.calendarMain {text-align: center;width: 100%;position: relative;height: 65px;display: table-cell;vertical-align: middle;}
.calendarMain ul {display: table;margin:0 auto;width:180px;}
.calendarMain ul li {display: table-cell;vertical-align: middle;}
.calendarMain ul li a {text-indent: -9999px;display: block;width: 16px;height: 23px;}
.calendarMain ul li a.cBtnLeft {background:url('../images/main_calendar_arrow_left.png') 0 center no-repeat;}
.calendarMain ul li a.cBtnRight {background:url('../images/main_calendar_arrow_right.png') 0 center no-repeat;}
.calendarMain ul li.date {width: 540px;display: inline-block;overflow: hidden;font-weight: bold;font-family: Arial;}
.calendarMain ul li.date .in {width: 88px;height: 32px;margin: 0 auto;overflow: hidden;}
.calendarMain ul li.date p {float: left;}
.calendarMain ul li.date .mon {font-size: 40px;color:#2a5caa;margin-top: -6px;}
.calendarMain ul li.date .year {font-size: 13px;color:#2a5caa;margin-left: 6px;width: 35px;}
.calendarMain ul li.date .year span {color: #191919;display: block;}
.calMainList {}
.calMainList ul li {width: 570px;position: relative;height: 54px;line-height: 55px;font-weight: bold;}
.calMainList ul li.noneText {text-align: center;}
.calMainList ul li a {width: 400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;color: #191919;}
.calMainList ul li a img {margin-right: 24px;}
.calMainList ul li a:hover {text-decoration: underline;}
.calMainList ul li .date {display: inline-block;text-align: right;position: absolute;right: 0;}
.mContent02 .moreRight {position: absolute;right: 0px;top: 7px;}
.morePlusBtn {background: url('../images/more_btn_main.png') right 0 no-repeat; width: 17px;height: 17px;display: inline-block;}

/*두번째라인 공지사항과 보도자료*/
.mContent03 {border:1px solid #d2d5db;border-radius: 10px;height: 171px;width: 311px;float: left;margin-right: 16px;}
.mContent03 .boxIn {padding: 22px 30px 0 30px;position: relative;}
.mContent03 h4 {font-size: 26px;font-weight: bold;height: 26px;margin-bottom: 28px;}
.mContent03 ul li {width: 253px;position: relative;margin-bottom: 10px;}
.mContent03 ul li a {width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;color: #191919;}
.mContent03 ul li a:hover {text-decoration: underline;}
.mContent03 ul li .date {display: inline-block;text-align: right;position: absolute;right: 0;}
.mContent03 .moreRight {position: absolute;right: 30px;top: 26px;}
.mContent03 ul li.noneText {text-align: center;}

/*두번째라인 연간교육프록램*/
.mContent04 {float: right;position: relative;width: 317px;height: 171px;border-radius: 10px;border:1px solid #d2d5db;}
.mContent04 .btn {/*position: absolute;bottom:20px;;left:93px;*/}
.mContent04 .btnView {position: absolute;bottom:24px;left:93px;background: url('../images/main_down_btn.png') 0 0 no-repeat;width: 126px;height: 39px;}
.mContent04 .btnView span {margin: 11px 0 0 47px; display: inline-block;letter-spacing: -1px;color: #fff;}
.mContent04 .btnView span {color: #fff;}
.mContent04 .btnView2 {position: absolute;bottom:32px;left:50%;margin-left: -38px;width: 76px;height: 24px; border: 1px solid #fff;display:inline-block;color: #fff;line-height: 24px;text-align: center;}

.mContent04 dl dt { position:absolute; bottom:14px; right:34px; display:inline-block; margin:0; padding:0;background:0 none;z-index:2}
.mContent04 dl dd { position:absolute; top:0; margin:0; padding:0; overflow:hidden; width: 317px;height: 171px;z-index:1 }
.mContent04 .play { position:absolute; bottom:14px;right:17px; display:inline-block; margin:0; padding:0; overflow:hidden;z-index:2 }
.mContent04 dl dd .cont {text-align: center;line-height: 1;margin-top: -33px;}
.mContent04 dl dd .cont .top {font-size: 27px; font-weight: bold;line-height: 1;}
.mContent04 dl dd .cont .bot {font-size: 27px;line-height: 1;margin-top: 12px;}

.mContent04 dl.type01 { list-style:none; margin:0; padding:0; overflow:hidden; width:317px;}
.mContent04 dl.type01 .bg {background: #0867ae;border-radius: 0 0 10px 10px;position: absolute;width: 317px;bottom: 0px;height: 114px}
.mContent04 dl.type01 dd .cont .top {font-size: 27px; color: #0867ae;font-weight: bold;}
.mContent04 dl.type01 dd .cont .bot {font-size: 27px; color: #fff56d;}

.mContent04 dl.type02 { list-style:none; margin:0; padding:0; overflow:hidden; width:317px;  }
.mContent04 dl.type02 .bg {background: #8155a9;border-radius: 0 0 10px 10px;position: absolute;width: 317px;bottom: 0px;height: 114px}
.mContent04 dl.type02 dd .cont .top {font-size: 27px; color: #8155a9;font-weight: bold;}
.mContent04 dl.type02 dd .cont .bot {font-size: 27px; color: #fff;}

.mContent04 dl.type03 { list-style:none; margin:0; padding:0; overflow:hidden; width:317px;  }
.mContent04 dl.type03 .bg {background: #79b362;border-radius: 0 0 10px 10px;position: absolute;width: 317px;bottom: 0px;height: 114px}
.mContent04 dl.type03 dd .cont {margin-top: -29px;}
.mContent04 dl.type03 dd .cont .top {font-size: 22px; color: #79b362; font-weight: bold;}
.mContent04 dl.type03 dd .cont .bot {font-size: 24px; color: #fff; letter-spacing: -1.5px;}

.mContent04 dl.type04 { list-style:none; margin:0; padding:0; overflow:hidden; width:317px;  }
.mContent04 dl.type04 .bg {background: #e15b27;border-radius: 0 0 10px 10px;position: absolute;width: 317px;bottom: 0px;height: 114px}
.mContent04 dl.type04 dd .cont .top {font-size: 27px; color: #e15b27;font-weight: bold;}
.mContent04 dl.type04 dd .cont .bot {font-size: 27px; color: #fff;}


/* 2개배너일때 
/*.mContent04 dl dt.num1{ right:50px;}
.mContent04 dl dt.num2{ right:34px;}*/

/* 3개배너일때 */
/* .mContent04 dl dt.num1{ right:66px;}
.mContent04 dl dt.num2{ right:50px;}
.mContent04 dl dt.num3{ right:34px;} */

/* 4개배너일때 */
.mContent04 dl dt.num1{ right:82px;}
.mContent04 dl dt.num2{ right:66px;}
.mContent04 dl dt.num3{ right:50px;}
.mContent04 dl dt.num4{ right:34px;}

/* 5개배너일때 */
/*.mContent04 dl dt.num1{ right:98px;}
.mContent04 dl dt.num2{ right:82px;}
.mContent04 dl dt.num3{ right:66px;}
.mContent04 dl dt.num4{ right:50px;}
.mContent04 dl dt.num5{ right:34px;}*/

/*퀵메뉴*/
#quickMenu { position: absolute; right: 0; top: 0px; z-index:100; margin-right:-606px;border-radius:5px; border:1px solid #d2d5db; background:#fff; box-shadow:1px 3px 4px #c9c9c9;z-index:97; }
#quickMenu li {display:block; text-align:center;border-bottom:1px solid #d2d5db;}
#quickMenu li a {width:60px; height:25px; color:#191919; font-size:11px; display:block; padding: 45px 5px 0 5px;line-height: 1.2em;letter-spacing: -0.7px;}
#quickMenu li.quick_07 a {padding: 38px 5px 0 5px;height: 32px;}
.quick_01 { background: url(../images/quick_ico_01_off.png) center 14px no-repeat;}
.quick_02 { background: url(../images/quick_ico_02_off.png) center 17px no-repeat;}
.quick_03 { background: url(../images/quick_ico_03_off.png) center 14px no-repeat;}
.quick_04 { background: url(../images/quick_ico_04_off.png) center 17px no-repeat;}
.quick_05 { background: url(../images/quick_ico_05_off.png) center 16px no-repeat;}
.quick_06 { background: url(../images/quick_ico_06_off.png) center 13px no-repeat;}
.quick_07 { background: url(../images/quick_ico_07_off.png) center 10px no-repeat;}

#quickMenu li a:hover,#quickMenu li a:focus {color: #fff;}
#quickMenu li.quick_01 a:hover, #quickMenu li.quick_01 a:focus{background:url(../images/quick_ico_01_on.png) center 14px no-repeat #5674b9; border-radius:5px 5px 0 0;}
#quickMenu li.quick_02 a:hover, #quickMenu li.quick_02 a:focus {background:url(../images/quick_ico_02_on.png) center 17px no-repeat #5674b9; }
#quickMenu li.quick_03 a:hover, #quickMenu li.quick_03 a:focus {background:url(../images/quick_ico_03_on.png) center 14px no-repeat #5674b9;}
#quickMenu li.quick_04 a:hover, #quickMenu li.quick_04 a:focus {background:url(../images/quick_ico_04_on.png) center 17px no-repeat #5674b9;}
#quickMenu li.quick_05 a:hover, #quickMenu li.quick_05 a:focus {background:url(../images/quick_ico_05_on.png) center 16px no-repeat #5674b9;}
#quickMenu li.quick_06 a:hover, #quickMenu li.quick_06 a:focus {background:url(../images/quick_ico_06_on.png) center 13px no-repeat #5674b9;}
#quickMenu li.quick_07 a:hover, #quickMenu li.quick_07 a:focus {background:url(../images/quick_ico_07_on.png) center 10px no-repeat #5674b9;}

#quickMenu .btnTopWrap {height: 20px;border-radius:0 0 5px 5px;background: #5674b9;line-height: 21px;}
#quickMenu .btnTopWrap .btnTop {display: block;width: 70px;height: 20px;}
#quickMenu .btnTopWrap .btnTop span {display: block;font-size: 11px;font-weight: bold;color: #fff;text-align: center;}

/*강의실 퀵메뉴(정답)*/
#quickMenuClass { position: absolute; left:0;top: 0px; z-index:100; margin-right:-578px; box-shadow:1px 3px 4px #e5e5e5;z-index:97;border-radius:5px;}
#quickMenuClass .title {height: 27px;border-radius:5px 5px 0 0;background: #5674b9;line-height: 28px;font-size: 11px;text-align: center;color: #fff;}
#quickMenuClass ul {border-radius:0 0 5px 5px; border-left:1px solid #d2d5db;border-bottom:1px solid #d2d5db;border-right:1px solid #d2d5db;background:#fff;}
#quickMenuClass li {display:block;width: 50px;text-align:center;border-bottom:1px dotted #d2d5db;height: 30px;vertical-align: middle;line-height: 31px;margin: 0 10px;}
#quickMenuClass li:last-child {border-bottom: none;}
#quickMenuClass li b {color:#191919; width: 25px;text-align: center; font-size:11px;display: inline-block;}
#quickMenuClass li span {color: #5674b9; width: 25px;text-align: center; font-size:12px;display: inline-block;font-weight: bold;}

/*내용들 시작*/
.content .loginBox {background: #f3f3f3; border-radius: 15px; padding: 56px 0 70px 0;text-align: center;overflow: hidden;}
.content .loginBox .title {font-size: 23px; margin-bottom: 60px; color: #191919;}
.content .loginBox .title ins {text-decoration: none;color: #2a5caa;}
.content .loginBox ul {width: 425px; margin: 0 auto;}
.content .loginBox ul li a {width:155px; float: left;display: inline-block;overflow: hidden;text-align: center;}
.content .loginBox ul li .tit {font-size: 17px; font-weight: bold; color:#191919; padding-top: 148px; padding-bottom: 12px;}
.content .loginBox ul li.type01 a {margin-right: 115px;}
.content .loginBox ul li.type01 a {background: url('../images/login_ico_01_off.png') 0 0 no-repeat;}
.content .loginBox ul li.type02 a {background: url('../images/login_ico_02_off.png') 0 0 no-repeat;}
.content .loginBox ul li.type01 a:hover {background: url('../images/login_ico_01_on.png') 0 0 no-repeat;}
.content .loginBox ul li.type02 a:hover {background: url('../images/login_ico_02_on.png') 0 0 no-repeat;}

.loginBox ul li.type01 {background: url('../images/login_ico_01_on.png') 0 0 no-repeat;}
.loginBox ul li.type02 {background: url('../images/login_ico_02_on.png') 0 0 no-repeat;}

/*버튼*/
.btnJoin {width:112px;display: inline-block; border-radius: 20px;padding: 10px 0 10px 18px;text-align: left;background: url('../images/btn_arrow.png') 110px center no-repeat #393939; margin-top: 170px;font-size: 14px;}
.btnJoin span {color: #fff;}
.btnJoin2 {width:56px;display: inline-block; border-radius: 20px;padding: 6px 0 6px 20px;text-align: left;background: url('../images/btn_arrow.png') 58px center no-repeat #4f57a4; font-size: 14px;margin-top: 0;}
.btnJoin2 span {color: #fff;}
.btnJoin3 {width:63px;display: inline-block; border-radius: 20px;padding: 6px 0 6px 13px;text-align: left;background: url('../images/btn_arrow.png') 58px center no-repeat #4f57a4; font-size: 14px;margin-top: 0;}
.btnJoin3 span {color: #fff;}
.btnJoin2:hover,.btnJoin3:hover {background-color: #3a3a78;}

/*보더값 큰 높이값29*/
.btnBasic {width:98px;display: inline-block; border-radius: 15px;padding: 7px 0 7px 0;text-align: center;}
.btnBasic span {color: #fff;}

.btnBasicLine {width:96px;display: inline-block; border-radius: 15px;padding: 6px 0 6px 0;text-align: center;border: 1px solid #6f6f6f; background: #fff;}
.btnBasicLine span {color: #6f6f6f;}

/*라인2px 보더값 큰 버튼*/
.btnBasicLine2 {width:64px;display: inline-block; border-radius: 5px;padding: 4px 0 4px 0;text-align: center;border: 2px solid #2a5caa; background: #fff;line-height: 1.5}
.btnBasicLine2 span {color: #2a5caa;font-weight: bold;}
.btnBasicLine2.type02 {width: 32px;line-height: 1.2;padding: 4px;}

.btnBasicLine2.can {border: 2px solid #767676;}
.btnBasicLine2.can span {color: #767676;}

.btnBasicLine2.refund {border: 2px solid #aa2a66;}
.btnBasicLine2.refund span {color: #aa2a66;}

.btnBasicLine2.del {border: 2px solid #4e700f;}
.btnBasicLine2.del span {color: #4e700f;}

/*높이가 커진 보더값 큰 버튼*/
.btnBasic2 {width:120px;display: inline-block; border-radius: 20px;padding: 9px 0 9px 0;text-align: center;font-size: 16px;font-weight: bold;}
.btnBasic2 span {color: #fff;}

/*상단에 있는 목록버튼 보더값이 10*/
.btnBasicLine3 {width:96px;display: inline-block; border-radius: 10px;padding: 6px 0 6px 0;text-align: center;border: 1px solid #6f6f6f; background: #fff;}
.btnBasicLine3 span {color: #6f6f6f;}

/*하얀색 초기화버튼*/
.btnBasicW {width:98px;display: inline-block; border-radius: 15px;padding: 7px 0 7px 0;text-align: center;}
.btnBasicW span {color: #6f6f6f;}

/*보더값 큰 높이값27*/
.btnBasicIn {width:74px;display: inline-block; border-radius: 15px;padding: 5px 0 5px 0;text-align: center;line-height: 1.4}
.btnBasicIn span {color: #fff;}

/*테이블안에 버튼 보더값이 작음(높이값이 25)*/
.btnLine1 {width: 76px; border-radius:6px; display:inline-block;text-align: center; padding: 3px 0 3px 0; border: 1px solid #d2d5db; background: #fff; vertical-align: middle;line-height: 1.5}
.btnLine1 span {color:#8b8b8b;font-weight: bold; }
.btn1 {width: 78px; border-radius:6px; display:inline-block;text-align: center; padding: 4px 0 4px 0; vertical-align: middle;line-height: 1.5}
.btn1 span {color:#fff; }

/*회원사안내 높이값이 25*/
.btn1Info {width: 84px; border-radius:6px; display:inline-block;text-align: center; padding: 5px 0 5px 0; vertical-align: middle;line-height: 1.5}
.btn1Info span {color:#fff;font-weight: bold; background:url('../images/info_ico.png') 0 2px no-repeat; padding-left: 16px;}

.btn2Info {width: 84px; border-radius:6px; display:inline-block;text-align: center; padding: 5px 0 5px 0; vertical-align: middle;line-height: 1.5;}
.btn2Info span {color:#fff;font-weight: bold; background:url('../images/info_ico_2.png') 0 2px no-repeat; padding-left: 16px;}

/*테이블밖에 버튼 (높이값이 29)*/
.btn2 {width: 66px; border-radius:6px; display:inline-block;text-align: center; padding: 7px 0 7px 0; vertical-align: middle;}
.btn2 span {color:#fff;}

.btn3 {width: 94px; border-radius:6px; display:inline-block;text-align: center; padding: 7px 0 7px 0; vertical-align: middle;}
.btn3 span {color:#fff;}

.btnBig {width: 124px; border-radius:6px; display:inline-block;text-align: center; padding: 19px 0; vertical-align: middle;line-height: 1.4}
.btnBig span {color: #fff;font-size: 15px;}

/*팝업 하단 큰 버튼*/
.btnPop {width:138px;display: inline-block; border-radius: 8px;padding: 14px 0 14px 0;text-align: center;}
.btnPop span {color: #fff;font-size: 15px;letter-spacing: 0;}
.btnPopClass {width:94px;display: inline-block; border-radius: 5px;padding: 6px 0 6px 0;text-align: center;}
.btnPopClass span {color: #fff;font-size: 13px;letter-spacing: 0;}

.btnPopLine {width:136px;border:1px solid #6f6f6f;display: inline-block; border-radius: 8px;padding: 13px 0 13px 0;text-align: center;}
.btnPopLine span {font-size: 15px;letter-spacing: 0;}
.btnPopLineClass {width:92px;border:1px solid #6f6f6f;display: inline-block; border-radius: 5px;padding: 5px 0 5px 0;text-align: center;}
.btnPopLineClass span {font-size: 13px;letter-spacing: 0;color: #191919;}

.downExel {margin-top: 10px;text-align: center;}
.downExel a {width: 268px;background: #e15b27;border-radius:6px; display:inline-block;text-align: center; padding: 7px 0 7px 0; vertical-align: middle;line-height: 1.5;color: #fff;font-size: 14px;}
.downExel.type02 {margin-top: 30px;}

/*인증번호 버튼*/
.btnNemo {width:138px;display: inline-block; padding: 10px 0 10px 0;text-align: center;vertical-align: bottom;}
.btnNemo span {color: #fff;font-size: 14px;letter-spacing: 0;}

/*그라데이션이 들어간 모서리 둥근 버튼*/
.btnGradient { padding: 20px;border-radius:9px; vertical-align: middle;border:1px solid #d3d3d3; display:inline-block;text-align:center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e3e3+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ }/*20190624*/
.btnGradient.type_write { padding: 20px;border-radius:9px; vertical-align: middle;border:1px solid #d3d3d3; display:inline-block;text-align:center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e3e3+100 */
    background: rgba(119,155,212,1); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(119,155,212,1) 0%, rgba(36,78,144,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(119,155,212,1) 0%,rgba(36,78,144,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(119,155,212,1) 0%,rgba(36,78,144,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ }/*20190624*/
.btnGradient span { color:#191919;font-size: 16px!important;}/*20190624*/
.btnGradient span.point4 {font-size: 16px!important;}/*20190624*/
.btnGradient.type_write span {color: #fff;font-size: 16px}/*20190624*/

/*그라데이션이 들어간 네모 버튼*/
.btnGradient2 { padding: 6px 20px 6px 20px; border:1px solid #d3d3d3; vertical-align: middle;display:inline-block;text-align:center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e3e3+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ }
.btnGradient2 span { color:#191919; }

.inputSearchBtn {padding: 7px 0;vertical-align: bottom;width: 46px;background: #5674b9;text-align: center;display: inline-block;}
.inputSearchBtn span {color: #fff;font-size: 13px;}
.inputGo {padding: 7px 0;vertical-align: bottom;width: 46px;background: #ccc;text-align: center;display: inline-block;}
.inputGo span {color: #191919;font-size: 13px;}

/*탭에 들어간 큰버튼*/
.btnBigC {width: 81px;height: 81px;border-radius:6px; display:inline-block;text-align: center; vertical-align: middle;line-height: 80px;font-size: 15px;}
.btnBigC span {color: #fff;}

.btnBigCLine {width: 79px;height: 79px;border-radius:6px; display:inline-block;text-align: center; vertical-align: middle;line-height: 80px;border:1px solid #6f6f6f;background: #fff;font-size: 15px;}
.btnBigCLine span {}

.btnBigCLine2 {width: 87px;height: 77px;border-radius:6px; display:inline-block;text-align: center; vertical-align: middle;line-height: 80px;border:2px solid #2b5ca9;background: #fff;font-size: 15px;}
.btnBigCLine2 span {color: #2b5ca9;font-weight: bold;}

/*색*/
.confirm {background: #5674b9;}
.confirm2,.view,.modified {background: #aa2a66;}
.confirm3 {background: #2a5caa;}
.cancel,.prev {background: #767676;}
.write {background: #555;}
.delete {background: #565656;}
.reset,.infoView {background: #fff;}
.deed {background: #7e55a4;}
.apply {background: #e15b27;}

/*글씨색*/
.point1,.yesTxt {color: #2a5caa!important;}
.point2,.noTxt {color: #e15b27!important;}
.point3 {color:#191919!important;}
.point4 {color:#aa2a66!important;}
.point5 {color: #5674b9;}
.point6 {color: #767676;}
.point7 {color: #aaa;}
.bold {font-weight: bold;color:#191919!important;}
/**/
.marLeft6 {margin-left: 6px;}
.dotTit {margin:20px 0 10px 0;color:#191919;}

/* 섬머노트 표 */
.table-bordered {  border: 1px solid #ddd;  }
.table-bordered tr {  border: 1px solid #ddd;  }
.table-bordered td {  border: 1px solid #ddd;  }

/*표 테이블*/
.table { border-top:1px solid #d2d5db;border-right:1px solid #d2d5db;}
.table table {}
.table table th {padding:12px 10px; border-left:1px solid #d2d5db; border-bottom:solid 1px #d2d5db;vertical-align: middle;background: #f7f7f7;text-align: center;}
.table table td {padding:12px 10px; border-left:1px solid #d2d5db; border-bottom:solid 1px #d2d5db;vertical-align: middle;text-align: center;background: #fff;}
.table table th.left {text-align: left;}
.table table td.left {text-align: left;padding: 12px 20px;}

/*표 테이블 강의실용*/
.tableClass { border-top:1px solid #d2d5db;border-right:1px solid #d2d5db;}
.tableClass table {}
.tableClass table th {padding:8px 0px; border-left:1px solid #d2d5db; border-bottom:solid 1px #d2d5db;vertical-align: middle;background: #f7f7f7;text-align: center;}
.tableClass table td {padding:8px 0px; border-left:1px solid #d2d5db; border-bottom:solid 1px #d2d5db;vertical-align: middle;text-align: center;}
.tableClass table td.high {padding:31px 0 24px 0;font-weight: bold;}
.tableClass table td.high .number {font-size: 36px; font-weight: bold; color: #191919;vertical-align: sub;}
.tableClass table td.high .number2 {font-weight: bold; }
.tableClass table td.high ins {color: #191919;font-weight: bold; }

/*입력 테이블*/
.inputTable {border-top:1px solid #d2d5db;border-right:1px solid #d2d5db;clear: both;}
.inputTable.type02 {font-size: 15px;}
.inputTable table { word-break:break-all;}
.inputTable table th {padding:12px 0 12px 24px;border-left:1px solid #d2d5db; border-bottom:solid 1px #d2d5db;vertical-align: middle;background: #f7f7f7;text-align: left;}
.inputTable table th.bgNo {background: none;}
.inputTable table td {padding:12px 24px;border-left:1px solid #d2d5db; border-bottom:solid 1px #d2d5db;vertical-align: middle;text-align: left;}
.inputTable table td img {width: 100%;}
.inputTable table td a img {width: auto;}
.inputTable.typePop table td {padding: 12px 20px;}
.inputTable table td.form {padding:5px 24px;}
.inputTable.typePop table td.form {padding: 5px 20px;}
.inputTable table td .botTxt {margin-top: 6px;}
.inputTable table td .guideTxt {margin-top: 6px;}
.inputTable table td .guideTxt2 {margin-bottom: 6px;}
.inputTable table td .guideTxt3 {margin: 6px 0;}
.inputTable table th ins {text-decoration: none;color: #aa2a66;}
.inputTable table td .text1 {display: inline-block; margin-top: 6px;}
.inputTable table th.center {padding: 12px 0; text-align: center;}
.inputTable.tResult {margin-bottom: 30px;}
.inputTable.tResult table th {color: #aa2a66;text-align: center;padding:6px 0 6px 0;}
.inputTable.tResult table td {font-weight: bold;padding:6px 24px;}

/*리스트 테이블 th색 없음*/
.list { border-top:3px solid #5674b9;clear: both;}
.list table {}
.list table th {padding:12px 8px; border-bottom:solid 1px #d2d5db;vertical-align: middle;background: none;border-left: none;text-align: center;}
.list table td {padding:12px 8px; border-bottom:solid 1px #d2d5db;vertical-align: middle;border-left: none;text-align: center;}
.list table td.left {text-align: left;}
.list table td.form {padding:5px 20px;}
.list table td.form2,.list table th.form2 {padding:5px 0px;}
.list table th.line {border-right: 1px solid #d2d5db;}
.list table td.tit {text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list table th.none {text-align: center;}

/*리스트 테이블 th가 회색 (서브페이지 기본 게시판)*/
.listBoard { border-top:3px solid #5674b9;clear: both;}
.listBoard table {word-break: break-all;}
.listBoard table th {padding:12px 6px; border-bottom:solid 1px #d2d5db;vertical-align: middle;background: none;border-left: none;text-align: center;background: #f6f6f6;line-height: 1.4}
.listBoard table td {padding:12px 6px; border-bottom:solid 1px #d2d5db;vertical-align: middle;border-left: none;text-align: center;}
.listBoard table td.left {text-align: left;}
.listBoard table td.form {padding:5px 6px;}
.listBoard table td.form2,.listBoard table th.form2 {padding:5px 0px;}
.listBoard table td.tit {text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.listBoard table td.tit a:hover,.listBoard table td.tit2 a:hover  {text-decoration: underline;}
.listBoard table td.tit2 {text-align: left;padding: 12px 10px;}
.listBoard table th.none {text-align: center;}
.listBoard table .botNone {border-bottom: none;}
.listBoard table th.form3 {padding:5px 0 5px 0;}
.listBoard table th.form4 {padding:5px 0 5px 0;}
.listBoard.type02 table th,.listBoard.type02 table td {padding: 12px 1px;}
.listBoard.type02 table td.left {padding: 12px 10px;}

/*글쓰기 테이블(두번째 tr은 회색)*/
.writeTable { border:1px solid #d2d5db;border-bottom: none;clear: both;}
.writeTable table {}
.writeTable table th {padding:12px 0 12px 28px; border-bottom:solid 1px #d2d5db;vertical-align: middle;background: none;border-left: none;text-align: left;}
.writeTable table td {padding:12px 24px; border-bottom:solid 1px #d2d5db;vertical-align: middle;border-left: solid 1px #d2d5db;text-align: left;}
.writeTable table tr:nth-child(2n+1) {background:#f7f7f7;}
.writeTable table td.form {padding:5px 24px;}

/*페이징*/
.paging {margin:20px auto; text-align:center;display: table;table-layout: fixed;border-collapse: collapse;}
.paging.type02 {margin:40px 0 20px 0;}
.paging a {height:38px; margin-left:-1px;padding: 0 16px; border: 1px solid #d2d5db; font-size:13px; text-align:center; line-height:38px;letter-spacing: 0; vertical-align: top;float: left;}
.paging a:hover {text-decoration: underline;}
.paging a.on {border:3px solid #5674b9;padding: 0 14px; height:34px; line-height: 34px;margin-right:1px;}
.paging a.p_btn {background:url('../images/prev_off.png') 13px 11px no-repeat;padding:0; width:38px; height:38px; border-left:1px solid #d2d5db; border-bottom-left-radius:5px; border-top-left-radius:5px; text-align:center; text-indent:-9999px; line-height:38px; vertical-align:middle;margin-left: 0;}
.paging a.p_btn.on {background:url('../images/prev_on.png') 13px 11px no-repeat;}
.paging a.p_btn:hover {background:url('../images/prev_on.png') 13px 11px no-repeat;}
.paging a.n_btn {background:url('../images/next_off.png') 13px 11px no-repeat;padding:0; width:38px; height:38px; border-left:1px solid #d2d5db; border-bottom-right-radius:5px; border-top-right-radius:5px; text-align:center; text-indent:-9999px; line-height:38px; vertical-align:middle;margin-left: -1px;}
.paging a.n_btn.on {background:url('../images/next_on.png') 13px 11px no-repeat;}
.paging a.n_btn:hover {background:url('../images/next_on.png') 13px 11px no-repeat;}

/*하단버튼영역*/
.btnArea {text-align: center;overflow: hidden;}
.btnArea .btnCell {color: #fff;letter-spacing: -3px;}
.blankCell,.btnCell {color: #fff;letter-spacing: -3px;}
table .btnCell {color: #fff;letter-spacing: -3px;}
.btnArea.topLine {border-top: 1px solid #d2d5db;padding-top: 40px;}

.btnAreaRight {text-align: right;overflow: hidden;}
.btnAreaRight.typeTop {margin-bottom: 20px;}
.btnAreaRight.typeTop2 {margin-bottom: 10px;}

.content .btnArea {margin-top: 60px;}
.dotTxt {font-weight: bold;}
.dotTxt span {float: left;}
.dotTxt p {margin-left: 8px;}

/*탭*/
.tabArea { margin-bottom:40px; overflow:hidden; width:100%; }
.tabArea ul li {}
.tabArea ul li a {display:block;float:left; font-size:15px; font-weight:bold;border:1px solid #d2d5db;border-left:none;padding: 13px 0 12px 0; display: inline-block;background:#ebebeb;text-align: center;}
.tabArea ul li:first-child a {border-radius: 10px 0 0 0;border:1px solid #d2d5db;}
.tabArea ul li:last-child a {border-radius: 0 10px 0 0;}
.tabArea ul li.on a {border-bottom: none;background:#fff;color: #2a5caa;}

.tabArea.type02 ul li a {width:49.7%;}
.tabArea.type03 ul li a {width:24.8%;}

.popWrap .tabArea {margin-bottom: 30px!important;}

/*회원가입*/
/*약관동의*/
.joinWrap {}
.joinWrap .joinUl {height:50px;width: 736px;line-height: 49px;vertical-align: middle;font-size: 16px;margin-bottom: 38px;}
.joinWrap .joinUl.type01 {background:url('../images/ziphopUl_bg.jpg') 0 0 no-repeat;}
.joinWrap .joinUl.type02 {background:url('../images/ziphopUl_bg.jpg') 0 -50px no-repeat;}
.joinWrap .joinUl.type03 {background:url('../images/ziphopUl_bg.jpg') 0 -100px no-repeat;}
.joinWrap .joinUl.type04 {background:url('../images/ziphopUl_bg.jpg') 0 -150px no-repeat;}
.joinWrap .joinUl li {font-size: 16px;float: left;}
.joinWrap .joinUl li.type001 {padding-right: 92px;padding-left: 46px;}
.joinWrap .joinUl li.type002 {padding-right: 86px;}
.joinWrap .joinUl li.type003 {padding-right: 87px;}
.joinWrap .joinUl li ins {color: #5674b9;font-size: 10px;font-weight: bold;letter-spacing: 0.5px;}
.joinWrap .joinUl li span {color: #5674b9;font-size: 16px;font-weight: bold;}
.joinWrap .joinUl li.on ins {color: #b2e0ef;}
.joinWrap .joinUl li.on span {color: #fff;}

.joinWrap .title {background: url('../images/title_ico.jpg') 0 4px no-repeat;padding-left: 12px;color:#2a5caa;font-size: 18px;font-weight: bold;margin-bottom: 15px; display: inline-block;}
.agreeCont {margin-bottom: 22px; font-size: 15px;}
.agreeCont.type02 {margin-bottom: 30px; }
.agreeCont .tit {font-weight: bold; color: #191919; margin-bottom: 8px;margin-top: 8px;}
.agreeCont .tit b {color:#aa2a66;}
.agreeCont .tit.type02 {margin-top: 0;}
.popWrap .agreeCont .tit {text-align: left;margin-bottom: 8px;}
.agreeCont .agreeBox {border: 1px solid #d2d5db;height: 158px;overflow-y:scroll;padding: 16px 20px;line-height: 1.8;word-break: keep-all;}
.agreeCont .agreeBox.type02 {height: 70px;overflow-y: hidden;}
.agreeCont .agreeBox.type03 {height: 136px;overflow-y: hidden;}/*고용보험환급과정 팝업*/
.agreeCont .agreeBox.type04 {height: 107px;overflow-y: hidden;}/*1:1 상담*/
.agreeCont .agreeBox.type05 {height: 70px;}/*고용보험환급과정 이용동의 내용*/
.agreeCont .agreeCheck {text-align: right; margin-top: 8px;font-size: 15px;}
.agreeAll {margin-top: 14px; overflow: hidden;background: #f6f6f6;height: 36px;}
.agreeAll .agreeCheck {text-align: right; margin-top: 8px; color: #2a5caa;font-size: 15px;}
.joinWrap .btnArea {margin-top: 60px;clear: both;}

.joinWrap .injng {overflow: hidden;width: 504px;margin: 0 auto;font-size: 15px;}
.joinWrap .injng .injngLeft {float: left;display: inline-block;}
.joinWrap .injng .injngRight {display: inline-block;margin-left: 60px;}
.joinWrap .injngWrap.type03 .injngRight {margin-left: 28px;}
.joinWrap .injng .injngRight .in {border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;padding: 11px 0;overflow: hidden;width: 274px;line-height: 1.4;}
.joinWrap .injng .injngRight .tit {color: #aa2a66; margin-bottom: 14px;font-weight: bold;font-size: 18px;margin-top: 10px;}
.joinWrap .injngWrap.type03 .injngRight .tit {font-size: 16px;}
.joinWrap .injngWrap.type03 .injngRight .in {font-size: 13px;}
.joinWrap .injng .injngRight .tit2 {margin-bottom: 6px;font-weight: bold;}
.joinWrap .injng .injngRight p.bot {font-weight: bold;line-height: 1.6;}
.joinWrap .injng .injngRight p.bot ins {color:#5674b9; }
.joinWrap .injngWrap.type02  .btnArea {margin-top: 70px;clear: both;}

.joinWrap .joinConfirmTxt {text-align: center;color: #767676; font-size: 23px; padding-top: 22px;line-height: 1.6;}
.joinWrap .joinConfirmTxt ins {color:#2a5caa;}
.joinWrap .joinConfirmimg {text-align: center;padding-top: 48px;}
.joinWrap .joinConfirmTxt p {font-size: 34px;color: #191919;}

.joinWrap .injngWrap {border-radius: 15px; background: #f3f3f3; padding: 56px 30px;}
.joinWrap .injngWrap.type02 {padding: 56px 0px 70px 0;}
.joinWrap .injngWrap.type03 {padding: 48px 40px;}
.joinWrap h5 {text-align: center; font-size: 23px; color: #191919; margin-bottom: 30px;}
.joinWrap h5 ins {color:#2a5caa; }
.joinWrap .injngWrap .injngBox {padding: 16px 20px; border: 1px solid #d2d5db;overflow: hidden; line-height: 1.7em;background: #fff;word-break: keep-all;font-size: 15px;}
.joinWrap .injngWrap .injngBox b {display: block;margin-bottom: 10px;}
.joinWrap .injngWrap .injngBox span {float: left;}
.joinWrap .injngWrap .injngBox p {margin-left:8px; /*margin-bottom: 6px;*/}
.joinWrap .injngWrap .injngBox ins {color: #5674b9;}
.joinWrap .injngWrap .lastTxt {text-align: right;color: #767676; margin-top: 15px;font-weight: bold;font-size: 15px;}


.topRight {float: right; display: inline-block;}
.topRight .txt {color:#aa2a66;margin-top: 8px; font-weight: bold;font-size: 15px;}
.topRight.type02 {margin-bottom: 15px;}

.topTxt {margin-bottom: 8px;line-height: 1.8;}
.topTxt.type02 {font-size: 15px;}
.topTxtt {font-size: 15px;margin-bottom: 8px;color:#aa2a66; }
.botTxt {margin-top: 8px;line-height: 1.8;font-size: 15px;}
.botTxt .leftWrap {display: inline-block; }
.botTxt .leftWrap .txt {color:#2a5caa; font-weight: bold; margin-right: 6px;}
.botTxt .leftWrap .txt ins {color:#aa2a66;text-decoration: none;}
.botTxt .rightWrap {display: inline-block; float: right;}
.botTxt .rightWrap .txt {color:#aa2a66;}
.txtCont {line-height: 1.5;}
.botTxt .right1 {text-align:right;}
.botTxt .right1 .txt {color:#aa2a66;font-size: 15px;}
.botTxt .right2 {text-align:right;margin-top: 6px;font-size: 15px;}
.botTxt .right2 .txt {color:#2a5caa; font-weight: bold;}
.botTxt .right2 .txt ins {color:#aa2a66;text-decoration: none;}

/*팝업*/
.popWrap {background: #393939;display: inline-block;overflow: hidden;}
.popWrap.type01 {width:780px;}
.popWrap.type02 {width:600px;}
.popWrap.type03 {width:680px;}
.popWrap .boxIn {margin: 8px; background: #fff; padding: 40px 30px;position: relative;}
.popWrap h2 {font-size: 27px;text-align: left;margin-bottom: 25px; color: #191919; line-height: 1.3;padding-bottom: 16px;border-bottom: 1px solid #191919;/*background:url('../images/pop_top_line.png') 0 44px no-repeat;padding-left: 8px;*/}
.popWrap .subTit {text-align: center;color: #aa2a66;font-weight: bold;/*margin-top: -24px;*/font-size: 16px;}
.popWrap .tit {margin-bottom: 28px;}
.popWrap .btnArea {margin-top: 40px;}
.popWrap .timer {position: absolute;border-radius: 10px;width: 110px;overflow: hidden;top:10px;right: 30px;}
.popWrap .timer .in {padding: 17px 0 16px 0;text-align: center;overflow: hidden;background: #ebebeb;}
.popWrap .timer dl {}
.popWrap .timer dl dt {font-size: 11px;color: #6f6f6f;}
.popWrap .timer dl dd {font-size: 22px;}
.popImgWrap {overflow: hidden;margin-bottom: 30px;}
.popWrap .tit {word-break: keep-all;line-height: 1.5;font-size: 15px;}

/*새팝업*/
.popWrapMain {background: #393939;display: inline-block;overflow: hidden;width: 600px;}
.popWrapMain .boxIn {margin: 15px 15px 40px 15px; background: #fff; padding: 40px 20px 0 20px;position: relative;}
.popWrapMain h2 {font-size: 27px;text-align: left;margin-bottom: 25px; color: #191919; line-height: 1.3;padding-bottom: 16px;border-bottom: 1px solid #999;font-weight: bold;}
.popWrapMain .foot {padding: 20px 0;text-align: center;border-top: 1px solid #999;}
.popWrapMain .foot img {display: block;margin: 0 auto;}
.popWrapMain .popCont {line-height: 1.8;font-size: 15px;color: #191919;word-break:keep-all;padding-bottom: 28px;}
.spanTxt span {float: left;}
.spanTxt p {margin-left: 12px;}
.popWrapMain .footWrap {position: absolute;left: 0;width: 100%;padding-top: 13px;}
.popWrapMain .footWrap .todayCheck {display: inline-block;float: left;color: #fff;}
.popWrapMain .footWrap .xBtnWrap {display: inline-block;float: right;}
.popWrapMain .footWrap .xBtn {background:url('../images/pop_x_btn.png') right center no-repeat;width: 46px;display: inline-block;}
.popWrapMain .footWrap .xBtn span {color: #fff;}

.popWrapMain.type02 {background: #607bca;}
.popWrapMain.type02 .boxIn { background: #fff; border-radius: 18px;padding: 20px 20px 0 20px;}
.popWrapMain.type02 header .head {border-bottom: 3px solid #607bca;padding-bottom: 10px;}
.popWrapMain.type02 header .head img {display: block;}
.popWrapMain.type02 header h2 {padding:28px 0 0 0;border-bottom: none;}
.popWrapMain.type02 .popCont {padding-bottom: 50px;}

.popWrapMain .info {border-top: 1px solid #d2d5db; overflow: hidden;}
.popWrapMain .info.type02 {}
.popWrapMain .info .line {padding:12px 0px;overflow: hidden;line-height: 1.6;word-break: keep-all;}
.popWrapMain .info .line.type02 {border-bottom: 1px solid #999; margin-bottom: 30px;}
.popWrapMain .info .line .file {float: left;color: #e15b27;font-size: 15px;}
.popWrapMain .info .line .fileName {margin-left: 68px;font-size: 15px;}
.popWrapMain .info .line .fileName a {color: #e15b27;}
.popWrapMain .info .line .fileName a:hover {text-decoration: underline;}
.popWrapMain .info .line .fileName a::before { content: "|";margin:0 10px 0 5px; color: #6f6f6f;}
.popWrapMain .info .line .fileName a.first::before { content: ""; margin:0 0 0 0;color: #6f6f6f;}

/*로그인*/
.joinWrap.type02 {text-align: center;font-size: 15px;}
.joinWrap.type02 .loginForm {width:436px; padding: 42px 90px;margin: 0 auto;margin-top: 30px;}
.loginForm {padding:42px 88px; overflow:hidden; border-radius:10px; background:#f3f3f3;font-size: 15px;}
.loginForm.type02 {padding: 42px 58px;}
.loginForm.type03 {padding: 42px 50px;}
.loginForm form {position:relative;}
.loginForm form ul { margin-right:8px;}
.joinWrap.type02 .loginForm form ul {margin-right: 0;float: left;}
.loginForm form ul li.item {margin-bottom:8px;}
.loginForm form ul li.item:last-child {margin-bottom:0px;}
.loginForm form ul li.item label {font-weight: bold; width: 58px;display: inline-block;text-align: right;margin-right: 9px;}
.loginForm form ul li.item.type02 label {width: 72px;}
.loginForm.type02 form ul li.item label {width: 120px;}
.loginForm.type03 form ul li.item label {width: 70px;}
.loginForm form .submit {position:absolute; top:0; right:0; width:100px; height:84px; text-align:center; color:#fff;font-size: 15px;line-height:82px; background:#5674b9; border: none;}
.loginForm form .submit.type02 {height: 120px;}
.loginForm form p {margin:0;}
.loginBotTxt {margin-top: 16px;line-height: 1.5;}
.loginBotTxt .in {overflow: hidden;margin-left: 132px;}
.loginBotTxt .in.type02 {overflow: hidden;width: auto;margin: 0;padding-left: 81px;}
.loginBotTxt .dott {float: left;}
.loginBotTxt .txt {margin-left: 8px;width: 327px;word-break: keep-all;}
.idSearch {display:inline-block; float:left; text-align:right; margin-top:10px;}
.loginForm form p.idCheck { float:left;font-size:15px;margin-top:10px; color:#767676; margin-left: 70px;}
.loginForm form p.idCheck label {padding-left:4px; }
.idTxt {font-weight: bold;font-size: 30px;/*margin-top: 20px;*/color: #191919;}
.idTxtTop {font-weight: bold;margin-bottom: 23px;font-size: 15px;}
.botJoin {margin-top: 8px;font-size: 15px;}
.joinWrap.type02 .botJoin {width: 524px;margin: 0 auto;margin-top: 8px;}
.botJoin ul {text-align: right;}
.botJoin ul li {display: inline;text-align: right;font-weight: bold;}
.botJoin ul li:hover {text-decoration: underline;}
.botJoin ul li:first-child {color: #aa2a66;}
.botJoin ul li::before { content: "|";margin:0 8px 0 8px;}
.botJoin ul li:first-child::before { content: ""; margin:0 8px 0 0;}

/*강의실*/
#classWrap {width:1014px; height:698px; border:#ccc solid 1px; border-radius:10px; background:#fff; position: relative;}
#classWrap header {width:982px; height:44px; border-bottom:#ccc solid 1px; padding: 13px 0 0 32px;}

.contWrap {position:relative; width:1100px; height:698px;}
.contWrap .classLeft {background:#373743; display: inline-block; width:234px; height:640px; float: left;border-radius: 0 0 0 10px;}
.contWrap .classLeft h2 {height: 82px;}
.contWrap .classLeft h2 img {padding: 40px 0 0 21px;}
.classNav {display:block;width:214px; padding-left: 20px;}
.classNav ul li {display:block; width:195px; height:40px; border-bottom:1px solid #474753; line-height: 38px;}
.classNav ul li a {font-size: 14px; color: #fff; padding-left: 40px; background:url('../images/num_arrow_off.png') 171px center no-repeat;display:block;width:145px; height: 40px;}
.classNav ul li.on a {background:url('../images/num_arrow_on.png') 171px center no-repeat;color: #5674b9; font-weight: bold;}
.classNav ul li.num_01 {background:url('../images/num_01_off.png') 12px center no-repeat;border-top:1px solid #474753;}
.classNav ul li.num_02 {background:url('../images/num_02_off.png') 14px center no-repeat;}
.classNav ul li.num_03 {background:url('../images/num_03_off.png') 14px center no-repeat;}
.classNav ul li.num_04 {background:url('../images/num_04_off.png') 14px center no-repeat;}
.classNav ul li.num_05 {background:url('../images/num_05_off.png') 14px center no-repeat;}
.classNav ul li.num_06 {background:url('../images/num_06_off.png') 14px center no-repeat;}
.classNav ul li.num_07 {background:url('../images/num_07_off.png') 13px center no-repeat;}
.classNav ul li.num_08 {background:url('../images/num_08_off.png') 13px center no-repeat;}
.classNav ul li.num_09 {background:url('../images/num_09_off.png') 13px center no-repeat;}

.classNav ul li.num_01.on {width:214px; border-radius:5px 0px 0px 5px;background:url('../images/num_01_on.png') 12px center #fff no-repeat;}
.classNav ul li.num_02.on {width:214px; border-radius:5px 0px 0px 5px;background:url('../images/num_02_on.png') 14px center #fff no-repeat;}
.classNav ul li.num_03.on {width:214px; border-radius:5px 0px 0px 5px;background:url('../images/num_03_on.png') 14px center #fff no-repeat;}
.classNav ul li.num_04.on {width:214px; border-radius:5px 0px 0px 5px;background:url('../images/num_04_on.png') 14px center #fff no-repeat;}
.classNav ul li.num_05.on {width:214px; border-radius:5px 0px 0px 5px;background:url('../images/num_05_on.png') 14px center #fff no-repeat;}
.classNav ul li.num_06.on {width:214px; border-radius:5px 0px 0px 5px;background:url('../images/num_06_on.png') 14px center #fff no-repeat;}
.classNav ul li.num_07.on {width:214px; border-radius:5px 0px 0px 5px;background:url('../images/num_07_on.png') 13px center #fff no-repeat;}
.classNav ul li.num_08.on {width:214px; border-radius:5px 0px 0px 5px;background:url('../images/num_08_on.png') 13px center #fff no-repeat;}
.classNav ul li.num_09.on {width:214px; border-radius:5px 0px 0px 5px;background:url('../images/num_09_on.png') 13px center #fff no-repeat;}

.contWrap .classRight { float: left; padding: 0 65px; overflow-y: scroll; height:626px; border-top: 4px solid #f2f2f2;}
.classCont {width:633px; padding-bottom: 60px;}
.classNavi {height:14px; line-height:14px;overflow:hidden;position: absolute;top:-37px;right:81px;}
.classNavi dl {float: right;}
.classNavi dl dt {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.classNavi dl dd {float: left;background: url('../images/sub_navi_arrow.png') 0 0 no-repeat;padding:0 20px 0 25px;}
.classNavi dl dd.first {background: url('../images/sub_navi_home.png') 0 0 no-repeat;padding-left: 29px;padding-right: 0;text-indent: -9999px; }
.classNavi dl dd.last {padding-right: 2px;}
.classCont .header {position: relative; }
.classCont .header .claTit {/*position: absolute; top:9px; left: 0;*/ text-align: center; margin-top: 10px;}
.classCont .header .claTit img {padding-right: 5px;}
.classCont .header h3 {height:88px;text-align:center;font-size:30px;vertical-align: middle;display: table-cell;width: 633px;word-break: keep-all;}
.classCont .headBox {border-top:2px solid #ccc;border-bottom:2px solid #dddfe4;padding:22px 0;display:inline-block;width:633px;}
.classCont .headBox .Fleft {}
.classCont .headBox .firstIco {width:180px; height:107px; margin:0 24px 0 6px; text-align: center;vertical-align: middle; display: table-cell;}
.classCont .headBox .dday {text-align:center; width:150px; height:107px; margin:0 24px 0 6px;}
.dday .Tit { text-decoration:underline; letter-spacing: 0;}
.dday .Tit b { color:#5674b9; }
.dday .con {height:35px; margin:10px 0 15px 0; color:#838892; font-size:48px; font-weight:bold; font-family:Arial, sans-serif; line-height:40px; letter-spacing:-1px; }
.dday .con .day {padding-top:10px; font-size:15px; vertical-align:top; letter-spacing:-1px; /*padding-right:12px;*/ }
.dday .bot {width:150px; height:32px; display: table-cell; vertical-align: middle;border-radius:5px; background:#5674b9; color:#fff; font-weight:bold; text-align:center; letter-spacing:0;}
.btnGo {float:right; display:inline-block;}
.goBtn {display:inline-block; width:130px; height:107px; line-height:108px; border-radius:15px; background:url('../images/go_ico.png') 116px center no-repeat #aa2a66; box-shadow:3px 3px 0px #e8e8e8; padding-left:20px;}
.goBtn span {color:#fff; font-size:24px; }
a.goBtn:hover {color:#fff;}

.graphList {display:inline-block; padding:6px 24px 0 24px; height:101px;  border-left:1px solid #ccc;}
.graphList dl {width:246px; }
.graphList dl dt { font-size:15px; font-weight:bold; margin-bottom:5px; }
.graphList dl dd {width:246px; height:28px; line-height:28px; display:inline-block; position:relative;}
.iGraph {position:relative; line-height:normal; vertical-align:middle; white-space:nowrap; width:180px;}
.gBar {display:inline-block; width:160px; height:20px;border-radius:3px; background:#eeeeee; }
.gAction {display:inline-block; position:absolute; left:0; height:20px; border-radius:3px; max-width: 160px;}
.gNum { text-align:right; position:absolute; right:-68px; font-size:25px; font-weight:bold; top:-3px; }

.myColor {background: #7e55a4;}
.encoColor {background: #2a5caa;}
.myColorTxt {color: #7e55a4;}
.encoColorTxt {color: #2a5caa;}

.hafZone {}
.hafZone .contZone.type01 { margin-right:25px; width:287px; }
.hafZone .contZone.type02{ padding-left:25px;width:287px; border-left:1px dotted #aaa; }
.listUl {width:287px; margin-top:20px; }
.listUl li { width:287px; position:relative; line-height:26px;}
.listUl li a.tit { width:212px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom; }
.listUl li a:hover {text-decoration:underline; }
.listUl li .date {display:inline-block; text-align:right; position:absolute; right:0;}
.aRight {position:absolute; right:0px; top:-2px;}
.morePlus_btn {background:url('../images/morePlus_ico.png') right 0 no-repeat; font-size:13px; font-weight:bold; width:56px; height:20px; display:inline-block;}

.contZone {margin-top:38px; width:100%; clear:both; display:inline-block; position:relative; }
.contZone.viewType {margin-top: 12px;}
.contZone h4.classTit {font-size:15px;margin-bottom:10px;font-weight: bold;color: #aa2a66;}
.contZone h4.classTit span {/*color: #aa2a66;*/}
.contZone .fRight {display:inline-block;}
.numBig {font-size:30px; font-weight:bold; color: #2a5caa;}
.number b {color:#191919;}

.classDataBox {margin-bottom:20px; border:1px #d2d5db solid;text-align:center; overflow: hidden;}
.classDataBox .boxIn {padding:19px;}

.listTopLeft {float: left;height: 29px;margin-bottom: 7px;}
.listTopLeft p {line-height: 1.5;}
.listTopLeft .in {vertical-align: bottom;display: table-cell;height: 29px; }
.deepblueTxt {color: #2a5caa;}
.blueTxt {color: #5674b9;}
.listTopRight {float: right;height: 29px;margin-bottom: 12px;}
.listTopRight .point4 {font-size: 15px;vertical-align: middle;}
.listTopRight .listTopBtn {display: inline-block;vertical-align: top;margin-left: 5px;}
.popWrap .listTopLeft {height: auto;font-size: 15px;}
.popWrap .listTopLeft.type02 {float: none;}
.popWrap .listTopLeft form {font-size: 13px;}

/*리스트 상세보기*/
.listView {border-bottom: 1px solid #d2d5db; clear: both; width:100%;word-break: keep-all;}
.listView h5 {border-top:2px solid #5674b9; padding: 18px 20px; vertical-align: middle; }
.listView h5 span {color: #0d5dc1; font-weight: bold; float: left; padding-top: 3px;}
.listView h5 .tit {font-weight: normal; font-size: 18px; margin-left: 35px; display: block;line-height: 22px;}
.listView .info {border-top: 1px solid #d2d5db; /*border-bottom: 1px solid #d2d5db;padding:7px 6px;*/overflow: hidden;}
.listView .info.type02 {border-top: none; padding-left: 18px; width: 97%;}
.listView .info.type03 {border-top: none; }
.listView .info.type05 { margin-top: -3px; width: 98.4%; border-bottom: 1px solid #d2d5db; display: table-cell;}
.listView .info.type05 .fLeft {width:469px; display: inline-block; float: left; }
.listView .info.type05 .fRight {width:200px; float: right;}
.listView .info.type05 dl.type05 {display: inherit;}
.listView .info.type05 dl.type05 dt.type05 { float: none; display: inline;}
.listView .info.type05 dl.type05 dd.type05 {margin-left: 0px; display: inline; float: none;}

.listView .fLeft {/*width:250px;*/padding-left: 14px;}
.listView ul {}
.listView ul li {float: left; }
.listView ul li:first-child {margin-left: -10px;}
.listView ul li::before { content: "|";margin:0 10px 0 10px;}
.listView ul li:first-child::before { content: ""; margin: 0 10px 0 0;}
.listView ul li:last-child::before { content: "|";}
.listView ul li.none::before { content: ""; margin: 0 10px 0 0;}
.listView .fRight {/*width:430px;*/display: inline-block;text-align:right; padding-right: 14px;}
.listView dl { display: inline-block; }
.listView dl dt {float: left; }
.listView dl dd {margin-left: 56px; display: block;}
.listView dl dd.type02 {margin-left: 30px; display: block;}
.listView dl dd.second {margin-left: 0;display: inline-block;}
.listView dl dd a {color:#e15b27; }
.listView dl dd a:hover {text-decoration: underline;}
.listView .info.type02 dl {}
.listView .info.type04 dl {color: #191919!important;}
.listView .info.type04 dl dd {margin-left: 80px;}
.listView .info.type04 dl dd.dd_type04 {margin-left: 50px;}
.listView .contView {clear: both; padding:40px 20px; /*width:100%; */line-height: 1.8;font-size: 15px;}
.listView .contView .img {margin-bottom: 10px;}
.listView .contView .img img {display: block;}

.listView .info .line {border-bottom:1px solid #d2d5db;padding:7px 20px;overflow: hidden;line-height: 1.6;}
.listView .info .line.type02 {border-bottom: none;}
.listView .info .line .file {float: left;color: #e15b27;}
.listView .info .line .fileName {margin-left: 58px;}
.listView .info .line .fileName a {color: #e15b27;}
.listView .info .line .fileName a:hover {text-decoration: underline;}
.listView .info .line .fileName a::before { content: "|";margin:0 10px 0 5px; color: #6f6f6f;}
.listView .info .line .fileName a.first::before { content: ""; margin:0 0 0 0;color: #6f6f6f;}
.listView .info .line .discu {float: left;}
.listView .info .line .discuDate {margin-left: 60px; letter-spacing: 0;}
.listView .info .line .division {float: left;}
.listView .info .line .divisionTxt {margin-left: 36px;}

.listView.typeBook {border-top:2px solid #0d5dc1;}
.listView.typeBook h5 {border-top: none;}
.listView.typeBook .Fleftt {float: left;padding-left: 20px; width:123px;padding-top: 22px;}
.listView.typeBook .Frightt {float: left;padding-left: 14px; width:563px;}

.btnArea.listViewType {margin-top: 60px;}
.btnArea.listViewTypeClass {float: right;margin-top: -36px;}

.dotTit {color: #191919;font-weight: bold;}
.work {border: 1px solid #d2d5db;overflow: hidden;border-bottom: none;}
.boardDl {overflow: hidden;border-bottom: 1px solid #d2d5db;vertical-align: middle;}
.boardDl dl {display: table;width: 100%;}
.boardDl.bg {background: #f7f7f7;}
.boardDl dl dt {vertical-align: middle;display: table-cell;padding: 10px 24px;}
.boardDl dl dd {vertical-align: middle;display: table-cell;padding: 10px 24px;}
.boardDl dl dd.form {padding: 5px 24px;border-left:1px solid #d2d5db;}

.boardDl .hafDl dl {width: 49%;float: left;}
.boardDl .hafDl dl dd {border-left:1px solid #d2d5db;}
.boardDl .hafDl dl.type02 {border-left:1px solid #d2d5db;}

.serveylist .boardDl2 {overflow: hidden;border-bottom: none; overflow: hidden;vertical-align: middle;}
.serveylist .boardDl2 dl {display: table;width: 100%;padding: 0;border-bottom: 1px solid #d2d5db;border-top: none;}
.serveylist .boardDl2 dt {padding:10px 0px;vertical-align: middle;display: table-cell;text-align: center;}
.serveylist .boardDl2 dd {padding:10px 24px;vertical-align: middle;display: table-cell;}
.serveylist .boardDl2 dl dd.form {padding: 5px 24px;border-left:1px solid #d2d5db;}

.testResult {border: 1px solid #d2d5db;overflow: hidden;border-bottom: none;margin-bottom: 30px;}
.testResult .boardDl3 {overflow: hidden;border-bottom: 1px solid #d2d5db;vertical-align: middle;}
.testResult .boardDl3 dl {display: table;width: 100%;padding: 0;border-top: none;}
.testResult .boardDl3 .hafDl {width: 50%;float: left;}
.testResult .boardDl3 .hafDl dl {font-weight: bold;}
.testResult .boardDl3 .hafDl dl dt {vertical-align: middle;display: table-cell;padding: 10px 0px;background: #f7f7f7;text-align: center;color: #aa2a65;}
.testResult .boardDl3 .hafDl dl dd {vertical-align: middle;display: table-cell;padding: 10px 24px;border-left:1px solid #d2d5db;}
.testResult .boardDl3 .hafDl dl.type02 {border-left:1px solid #d2d5db;}

/*댓글영역*/
.replyWrap { position:relative; z-index:2;}
.replyWrite { padding:20px 0 30px 0; border-bottom:1px solid #d2d5db;height: 117px;}
.replyWrite legend { position:absolute; left:-99999px; font-size:0; width:0; height:0; line-height:0; border-bottom:1px solid #dedede;}
.replyWrite dl dt { width:0; height:0; overflow:hidden; font:0/0 Arial; text-indent:-1000em; }
.replyWrite dl.writing { margin-bottom:0; }
.writeTxtArea {height: 76px;border: 1px solid #aaa;padding: 6px 8px;background: #fff;position: absolute;padding-right: 106px;top: -1px;}
.replyWrite dl.writing dd {position: relative;}
.replyWrite dl.writing textarea {border: none;word-spacing:2px; overflow:auto; overflow-x:hidden; resize:none; }
.replyWrite dl.writing input {vertical-align:top; position: absolute;right: 0;top: -1px;}

.replyWrite .head {height: 22px; vertical-align: bottom;margin-bottom: 6px;}
.replyWrite .head .replyNum {float: left;}
.replyWrite .head .replyNum .tit {display: inline-block;margin-right: 6px;font-size:14px;font-weight: bold;vertical-align: top;margin-top: 4px;}
.replyWrite .head .replyNum .numTxt {font-weight: bold; font-family: Arial,Sans-serif; font-size: 19px; color:#aa2a66;display: inline-block;padding-top: 2px;}
.replyWrite .head .replyTxtt {float: right;margin-top: 8px;letter-spacing: 0;}

.replyList {overflow: hidden;}
.replyList ul.replyFirst li {border-bottom:1px solid #d2d5db;}
.replyList ul.replyFirst li .head {padding: 12px 0;overflow: hidden;}
.replyList ul.replyFirst li .head .nameWrap {float: left; color: #5674b9; font-weight: bold;}
.replyList ul.replyFirst li .head .dateWrap {float: right;}
.replyList ul.replyFirst li .head .dateWrap span {margin-left: 7px;}
.replyList ul.replyFirst li .head .dateWrap span a {font-weight: bold;}
.replyList ul.replyFirst li .comment {clear: both;margin-bottom: 14px;line-height: 1.6}
.replyList ul.replyFirst li .replybtn {border:1px solid #aaa; display: inline-block;background: #fff;padding: 3px 14px 2px 14px;text-align: center;}
.replyList ul.replyFirst li .replybtn b {color: #aa2a66;margin-left: 6px;letter-spacing: 0;}

/*답글영역*/
.replyTo {display: block;}
.replyTo ul.replySecond {padding-bottom: 10px;}
.replyTo ul.replySecond li {background:url('../images/reply_left_ico.png') 0 10px no-repeat;padding: 10px 0 0px 16px;border-bottom: none;display: none;}
.replyList ul.replyFirst li.open .replyTo ul.replySecond li {display: block;}
.replyTo dl.writing {}
.replyTo dl.writing dd {position: relative;}
.replyTo dl.writing dd .replyTxtt {position: absolute;right: 1px;top:-15px;}
.replyTo dl.writing textarea {border: none;word-spacing:2px; overflow:auto; overflow-x:hidden; resize:none; }
.replyTo dl.writing input {vertical-align:top; position: absolute;right: 0;top: 0;}
.writeTxtAreaTo {height: 41px;border: 1px solid #aaa;padding: 6px 8px;background: #fff;position: absolute;/*padding-right: 106px;*/top: 0;}
.replyTo dl.writing dt { width:0; height:0; overflow:hidden; font:0/0 Arial; text-indent:-1000em; }

.replyTo ul.replySecond li .comment {margin-bottom: 0;}
.replyTo ul.replySecond li .foot {margin-top: 8px;overflow: hidden;}
.replyTo ul.replySecond li .foot span {margin-left: 7px;}
.replyTo ul.replySecond li .foot span a {font-weight: bold;}

/*QA답변보기*/
.answerView {border-bottom: 1px solid #aaa; padding:20px; background: #f0f0f0; }
.answerView .boxIn {background:url('../images/reple_ico.png') 0 0 no-repeat; display: inline-block; padding: 0 0 10px 20px;}
.answerView ul li {float: left; }
.answerView ul li::before { content: "|";margin:0 6px 0 6px;}
.answerView ul li:first-child::before { content: ""; margin: 0 6px 0 0;}
.answerView ul li b {padding-right: 6px; }
.answerView ul li b.grayTxt {padding-right: 0px; }
.answerView ul li:first-child {font-weight: bold; margin-left: -6px;}
.answerView .contView {padding: 30px 0 0 0;line-height: 1.8;word-break: keep-all;width: 573px;font-size: 15px;}

/*설문지*/
.textBoxPoll {padding:28px; border-radius:10px;/*width:100%;*/ background:#f3f3f3; line-height:1.6;}
.textBoxPoll.type02 {margin-bottom: 30px;}
.textBoxPoll.type03 {margin-top:38px;}
.serveylist {margin-top:20px; padding-bottom:10px;word-break: keep-all;border-bottom:1px solid #aaa;}
.serveylist.type02 {padding-bottom: 0;}
.serveylist dl {width:100%; padding:20px 0 25px; border-top:1px solid #aaa;clear: both;}
.serveylist dl.first {border-top: none;}
.serveylist dl dt {position:relative; padding:8px 0 15px 30px; color:#5674b9;font-weight:bold;}
.serveylist dl dt span.num {position:absolute; top:4px; left:0; margin-right: 5px;color:#5674b9!important;font-size:20px; font-weight:bold;line-height:18px;}
.serveylist dl dt ins {color: #e15b27;font-weight: normal;}
.serveylist dl dd {padding-left: 25px;}
.serveylist dl dd input {margin-top:0px; margin-right:15px;}
.serveylist dl dd.file {padding-top:15px;}
.serveylist dl dd.file  b {padding-right: 10px;}
.serveylist dl dd .serveyWrite {background:url('../images/reply_ico_survery.png') 0 14px no-repeat;padding-left: 12px;}
.serveylist dl dd .serveyWrite span {vertical-align: top;padding-top: 12px;display: inline-block;margin-right: 12px;}
.serveylist dl dd ul {}
.serveylist dl dd ul li {padding:5px 0 5px 0;}
.serveylist dl dd ul li label {padding-top:3px;}
.ment {font-size: 18px; margin-top: 40px;text-align: center;color: #aa2a66;}
.writeTxtAreaSurvey {height: 40px;border: 1px solid #5674b9;padding: 6px 8px;background: #fff;display: inline-block;width: 92%;}
.writeTxtAreaSurvey textarea {border: none;word-spacing:2px; overflow:auto; overflow-x:hidden; resize:none; }
.writeTxtAnswer {padding: 0;width: 94%;display: inline-block;margin-top: 10px;line-height: 1.6;}

/*파일업로드버튼*/
/* input file type */
.input-file {padding-right: 100px;position: relative;}
.input-file [type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0 none;}
.input-file .file-label {width: 78px; border-radius:6px; display:inline-block;text-align: center; padding: 4px 0 4px 0; vertical-align: middle;background-color: #666;color: #fff;text-align: center;line-height: 1.5;position: absolute;right: 0;top:0;}
.input-file .file-name {width: 100%;/*margin-right: 6px;*/border: 1px solid #d2d5db;right: 0;padding-left: 12px;border-radius: 6px;box-shadow: inset 3px 4px 6px -2px #ddd;height: 13px;}
.input-file .file-name.type02 {width: 100%;}
.inputWrap {}

/* 접근성 탭 포커스 스타일 */
.file-focus {outline: 1px dotted #5674b9;}

/*과제결과*/
.worklist {margin: 38px 0 0 0;line-height: 1.6;}
.worklist .titIco {background:url('../images/tit_circle_ico.png') 0 7px no-repeat;padding-left: 12px;font-weight: bold;color: #5674b9;}
.worklist ul li {margin-bottom: 38px;}
.worklist ul li:last-child {margin-bottom: 0;}
.worklist ul li .workTxt {padding: 5px 12px 26px 12px;}
.boardBasic {border:1px solid #d2d5db;border-bottom:none;line-height: 1.6;}
.boardBasic dl {display: table;width: 100%;border-bottom:1px solid #d2d5db;padding: 0;border-top: none;}
.boardBasic dl dt {vertical-align: middle;display: table-cell;padding: 10px 0px;font-weight: bold;text-align: center;width: 90px;color: #6f6f6f;}
.boardBasic dl dd {vertical-align: middle;display: table-cell;padding: 10px 24px;border-left: 1px solid #d2d5db;}
.boardBasic dl dt.bg {background: #f7f7f7;width: 110px;}

/*연수원소개*/
.introTop {background:url('../images/intro_top_img.png') center 0px no-repeat;height: 322px;position: relative;}
.introTop .introTit {font-size: 27px;color: #191919;display: inline-block;position: absolute;top:37px;left:34px;line-height: 1.4;}
.introTop .introTit ins {color: #5674b9;}
.introTop .introJang {font-size: 17px;color: #191919;position: absolute;bottom: 117px;left: 35px;}
.introWrap {margin-top: 20px;word-break: keep-all;width: 736px;}
.introWrap .txtImg {float: left;width: 141px;margin-top: 5px;margin-bottom: 10px;}
.introWrap .txtCont {font-size: 16px;color: #191919;line-height: 1.8;display: block;margin-left: 141px;}
.introWrap .txtCont ins {color: #5674b9;}
.introWrap .txtBot {text-align:right;color: #5674b9;margin-top: 56px;font-size: 18px;font-weight: bold;}

/*연수개요*/
.introDl {background:url('../images/intro_img_01.jpg') center 0px no-repeat;height: 556px;margin-bottom: 30px;padding-left: 2px;width: 658px;margin: 0 auto;}
.introDl dl dt {width: 574px;height: 104px;text-align: center;margin: 0 auto;padding-bottom: 98px;}
.introDl dl dt b {font-size: 25px;color: #191919;font-weight: bold;margin-top: 16px;display: inline-block;}
.introDl dl dt p {font-size: 18px;font-weight: bold;color: #191919;line-height: 2;}
.introDl dl dd{float: left;width: 325px;height: 171px;position: relative;}
.introDl dl dd.type03 {float: right;}
.introDl dl dd .tit {width: 171px;color: #fff;font-weight: bold;}
.introDl dl dd .tit b {position: absolute;font-size: 40px;font-weight: bold;font-family: Arial,Sans-serif;}
.introDl dl dd .tit p {position: absolute;font-size: 17px;line-height: 1.4;text-align: center;}
.introDl dl dd .txt {width: 160px;position: absolute;font-size: 16px;font-weight: bold;word-break: keep-all;}
.introDl dl dd.type01 .tit {}
.introDl dl dd.type01 .tit b {right: 110px;top:114px;}
.introDl dl dd.type01 .tit p {right: 61px;top:70px;}
.introDl dl dd.type01 .txt {color: #7e55a4;top:14px;left: 8px;}
.introDl dl dd.type02 .tit {}
.introDl dl dd.type02 .tit b {left: 16px;top:11px;}
.introDl dl dd.type02 .tit p {left: 55px;top:58px;}
.introDl dl dd.type02 .txt {color: #5674b9;top:14px;left: 181px;}
.introDl dl dd.type03 .tit {}
.introDl dl dd.type03 .tit b {right: 172px;top:6px;}
.introDl dl dd.type03 .tit p {left: 61px;top:53px;}
.introDl dl dd.type03 .txt {color: #54aea0;top:98px;left: 173px;}
.introDl dl dd.type04 .tit {}
.introDl dl dd.type04 .tit b {right: 13px;top:114px;}
.introDl dl dd.type04 .tit p {right: 53px;top:53px;}
.introDl dl dd.type04 .txt {color: #74a33b;top:96px;left: -7px;width: 162px;word-break: break-all;}

.introDl2 dl {height: 175px;padding-left: 245px;border-bottom:1px solid #d6d6d6;}
.introDl2 dl dt {font-weight: bold;color: #191919;font-size: 18px;vertical-align: bottom;}
.introDl2 dl.type01 dt {padding-top: 24px;margin-bottom: 24px;}
.introDl2 dl.type02 dt {padding-top: 38px;margin-bottom: 24px;}
.introDl2 dl.type03 dt {padding-top: 24px;margin-bottom: 24px;}
.introDl2 dl.type04 dt {padding-top: 24px;margin-bottom: 24px;}
.introDl2 dl dd {padding-left: 12px;margin-bottom: 7px;font-size: 15px;}
.introDl2 dl.type01 {margin-top: -10px;}
.introDl2 dl dd{background:url('../images/intro_icon_01.png') 0px 8px no-repeat;}
.introDl2 dl.type01 {background:url('../images/intro_ico_01.png') 79px center no-repeat;}
.introDl2 dl.type02 {background:url('../images/intro_ico_02.png') 83px center no-repeat;}
.introDl2 dl.type03 {background:url('../images/intro_ico_03.png') 84px center no-repeat;}
.introDl2 dl.type04 {background:url('../images/intro_ico_04.png') 76px center no-repeat;}

/*집합연수*/
/*연수개요*/
.ziphopProcess {background:url('../images/ziphop_process_bg.png') 0 0 no-repeat;width: 735px;height: 317px;}
.ziphopProcess dl {width: 164px;height: 207px;margin-right: 81px;float: left;display: inline-block;}
.ziphopProcess dl.type02 {/*margin-right: 22px;*/}
.ziphopProcess dl.last {margin-right: 0;}
.ziphopProcess dl dt {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.ziphopProcess dl dd {font-size: 16px;color: #191919;padding-top: 93px;font-weight: bold;text-align: center;}
.ziphopProcess dl.bot {height: 120px;}

/*연수일정*/
.calendar {text-align: center;width: 100%;position: relative;margin-bottom: 44px;}
.calendar ul {display: table;margin:0 auto;width:180px;}
.calendar ul li {display: table-cell;vertical-align: middle;}
.calendar ul li a {text-indent: -9999px;display: block;}
.calendar ul li a.cBtnLeft {background:url('../images/cal_arrow_left.png') 0 center no-repeat;}
.calendar ul li a.cBtnRight {background:url('../images/cal_arrow_right.png') 0 center no-repeat;}
.calendar ul li span.num {font-size: 40px;font-weight: bold;color:#2a5caa;font-family: Arial;padding: 0 34px;}
.calendar .selRight {position: absolute;right:0;top:8px;}
.calendar .selRight .selTit {font-weight: bold;margin-right: 8px;color:#191919;margin-top:7px;display: inline-block;vertical-align: top;}

.calendarHead {border-radius: 10px;background: #5674b9; height: 47px;line-height: 47px;overflow: hidden;}
.calendarHead ul li {float: left;line-height: 47px;color: #fff;font-size: 15px;text-align: center;}
.calendarHead ul li.type01 {width: 19%;}
.calendarHead ul li.type02 {width: 27.4%;margin-left: 40px;}
.calendarHead ul li.type03 {width: 20%;}
.calendarHead ul li.type04 {width: 11%;}
.calendarHead ul li.type05 {width: 9%;}

.calendarList {margin-top: 12px;}
.calendarList dl {border-radius: 15px;/*border:1px solid #5674b9;*/display: table;width: 100%;min-height: 110px;}
.calendarList dl dt {border-radius: 14px 0 0 14px; background: #5674b9;width: 19%;display: table-cell;vertical-align: middle;text-align: center;}
.calendarList dl dt .year {font-family: Arial;font-size: 15px;color:#b0dff0;font-weight: bold;}
.calendarList dl dt .mon {font-family: Arial;font-size: 50px;color:#fff;font-weight: bold;}
.calendarList dl dt .en {font-family: Arial;font-size: 15px;color:#fff;font-weight: bold;}
.calendarList dl dd {border-radius: 0 14px 14px 0;border:1px solid #5674b9;display: table-cell;vertical-align: middle;padding: 16px 40px;width: 82%;}
.calendarList dl dd ul {}
.calendarList dl dd ul li {border-bottom: 1px solid #d2d5db;padding: 16px 0;width:100%;}
.calendarList dl dd ul li:last-child {border-bottom: none;}
.calendarList dl dd ul li span {display: inline-block;text-align: center;}
.calendarList dl dd ul li .tit { padding-left: 16px;text-align: left!important;width: 37.5%;}
.calendarList dl dd ul li .tit a {width: 93%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;}
.calendarList dl dd ul li .tit a:hover {font-weight: bold;}
.calendarList dl dd ul li .date {width: 24.5%;color: #5674b9;}
.calendarList dl dd ul li .price {width:15%;color: #e15b27;text-align: right;padding-right: 10px;}
.calendarList dl dd ul li .apply {width: 15.5%;position: relative;background: none;height: 100%}
.calendarList dl dd ul li .apply a {position: absolute;top: -18px;left: 50%;margin-left: -34px;}
/*.calNone {text-align: center;padding: 22px 0;border-bottom: 1px solid #d6d6d6;border-top: 3px solid #5674b9;font-size: 17px;}*/
.calNone {text-align: center;padding-bottom: 15px;border-bottom: 1px solid #d6d6d6;font-size: 17px;}

/*집합연수*/
.topBox {border-radius: 10px;background: #e6eef8;padding: 16px 40px;margin-bottom: 30px;line-height: 1.8;color: #191919;}
.botBox {border-radius: 10px;background: #e6eef8;padding: 16px 40px;margin-top: 30px;line-height: 1.8;color: #191919;}
.botBox.type02 {background: #f5f5f5;}
.dataBox {width:100%;border-top:3px solid #767676;border-left:1px solid #d2d5db;border-right:1px solid #d2d5db;margin-bottom: 30px;}
.dataBox .boxIn {padding: 28px 0;margin: 0 auto;}
.dataBox .block {vertical-align: middle;height: 29px;}
.dataBox .block.type02 {margin-top:18px;}
.dataBox .foot {background: #d2d5db;padding: 10px 0;text-align: center;}
.dataBox .foot .btnCell {color: #d2d5db;letter-spacing: -3px;}

.titleIco {background: url('../images/title_ico.jpg') 0 4px no-repeat;padding-left: 12px;color:#2a5caa;font-size: 18px;font-weight: bold;margin-bottom: 10px; display: inline-block;}
.titleIco.type02 {margin-bottom: 0;}
.titleIco.type03 {margin-bottom: 30px;}
.ziphopUl {width: 736px;vertical-align: middle;margin-bottom: 40px;margin-top: 40px;}
.ziphopUl.type01 {background:url('../images/ziphopUl_bg.jpg') 0 0 no-repeat;}
.ziphopUl.type02 {background:url('../images/ziphopUl_bg.jpg') 0 -50px no-repeat;}
.ziphopUl.type03 {background:url('../images/ziphopUl_bg.jpg') 0 -100px no-repeat;}
.ziphopUl.type04 {background:url('../images/ziphopUl_bg.jpg') 0 -150px no-repeat;}
.ziphopUl ul {height: 50px;}
.ziphopUl ul li {height: 50px;line-height: 50px;float: left;}
.ziphopUl ul li ins {color: #5674b9;font-size: 10px;font-weight: bold;letter-spacing: 0.5px;}
.ziphopUl ul li span {color: #5674b9;font-size: 16px;font-weight: bold;}
.ziphopUl ul li.on ins {color: #b2e0ef;}
.ziphopUl ul li.on span {color: #fff;}
.ziphopUl ul li.type001 {padding-right: 78px;padding-left: 35px;}
.ziphopUl ul li.type002 {padding-right: 68px;}
.ziphopUl ul li.type003 {padding-right: 83px;}
.ziphopUl .cont {height: 109px;border:1px solid #5674b9;background: #f6f6f6;border-top:none;position: relative;}
.ziphopUl .contt {padding: 24px 22px 0 22px;line-height: 1.8;font-size: 15px;}
.ziphopUl .contt.typeFinal {font-size: 18px;color: #2a5caa;}
.ziphopUl .btnAreaRight {position: absolute;right: 22px;bottom:16px;}
.ziphopUl .btnAreaRight .btnCell {color: #f6f6f6;}
.agreeCheckRight {text-align: right; margin-top: 8px;font-size: 15px;}
.ziphopUl.thing03 ul li {}
.ziphopUl.thing03 ul li.type0001 {padding: 0 148px 0 70px;}
.ziphopUl.thing03 ul li.type0002 {padding-right: 134px;}
.ziphopUl.menu01{background:url('../images/ziphopUl_bg2.jpg') 0 0 no-repeat;}
.ziphopUl.menu02{background:url('../images/ziphopUl_bg2.jpg') 0 -50px no-repeat;}
.ziphopUl.menu03{background:url('../images/ziphopUl_bg2.jpg') 0 -100px no-repeat;}

/*팝업*/
.ziphopImgWrap {line-height: 1.8;font-size: 15px;}

/*마이페이지-단체결제정보*/
.ziphopUl.thing03_2 ul li {}
.ziphopUl.thing03_2 ul li.my01 {padding-right: 142px;padding-left: 65px;}
.ziphopUl.thing03_2 ul li.my02 {padding-right: 112px;}
.ziphopUl.thing03_2 ul li.my03 {}
.ziphopUl.menu001{background:url('../images/ziphopUl_bg2.jpg') 0 0 no-repeat;}
.ziphopUl.menu002{background:url('../images/ziphopUl_bg2.jpg') 0 -50px no-repeat;}
.ziphopUl.menu003{background:url('../images/ziphopUl_bg2.jpg') 0 -100px no-repeat;}

/*마이페이지*/
.myTop {font-size: 17px;margin-bottom: 20px;}
.myTop ins {color: #2a5caa;}
.scoreWrap {position: relative;height: 60px;margin-bottom: 15px;}
.scoreWrap .listTopLeft {position: absolute;bottom: 0;margin-bottom: 0;}
.scoreWrap .listTopRight {height: auto;}
.scoreBox dl {height: 60px;}
.scoreBox dl dt {width: 108px;height: 51px;padding-top: 9px;text-align: center;color: #fff;background: #5674b9;border-radius: 10px 0 0 10px;vertical-align: middle;line-height: 1.4;float: left;font-size: 15px;}
.scoreBox dl dd {margin-left: 107px;height: 58px;text-align: center;font-size: 32px;vertical-align: middle;line-height: 58px;border: 1px solid #5674b9;border-radius: 0 10px 10px 0;width: 120px;}
.scoreBox dl dd ins {color: #e15b27;}

/*사이버연수*/
.imgList {border-top:3px solid #5674b9;border-bottom: 1px solid #8b8b8b;}
.imgList.typeView {margin-bottom:30px;position: relative;border-bottom:1px solid #d6d6d6;}
.imgList ul li {border-top:1px solid #d2d5db;padding: 12px 0;overflow: hidden;position: relative;}
.imgList.typeView ul li {border-top: none;height: 145px;position: relative;}
.imgList ul li:first-child {border-top:none;}
.imgList ul li .pic {float: left;position: relative;height: 145px;}
.imgList ul li .pic .img {position: absolute;width:215px;height: 145px;}
.imgList ul li .pic .border {position: absolute;top:0;left:0;}
.imgList ul li .cont {float: left;margin-left: 255px;width: 100%;overflow: hidden;line-height:1.4;}
.imgList ul li .cont .tit {width: 366px;font-size: 18px;margin: 0 0 20px 0;line-height:1.5;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}
.imgList ul li .cont .tit.type02 {margin: 0 0 14px 0;}
.imgList ul li .cont .tit a {word-break: break-all;}
.imgList ul li .cont .tit a:hover {text-decoration: underline;}
.imgList ul li .cont dl {margin-bottom: 7px;}
.imgList ul li .cont dl:last-child {margin-bottom: 0;}
.imgList ul li .cont dl dt {float: left;color: #2b5ca9;}
.imgList ul li .cont dl dd {margin-left: 100px;display: block;}
.imgList ul li .cont dl.type02 dd {margin-left: 174px;}
.imgList ul li .cont dl.type03 dd {margin-left: 120px;}
.imgList ul li .btns {position: absolute;top:50%;right:18px;margin-top: -40px;}
.imgList.typeView .btnArea {position: absolute;right: 0;top:50%;margin-top: -28px;}
.imgList.typeView ul li .cont dl {font-size: 15px;}
.noneTxtt {text-align: center;padding: 20px 0;}

/*금융연수*/
.finanImg {margin-bottom: 25px;}
.titIcoC {background:url('../images/tit_circle_ico.png') 0 7px no-repeat;padding-left: 12px;color: #5674b9;font-size: 16px;margin-bottom: 14px;font-weight: bold;line-height: normal;}
.titIcoC2 {background:url('../images/tit_circle_ico_big.png') 0 4px no-repeat;padding-left: 14px;color: #5674b9;font-size: 16px;margin-bottom: 14px;font-weight: bold;line-height: normal;}
.finanWrap {}

.finanWrap .imgs {float: left;margin-right: 20px;}
.finanWrap .finanCont {font-size: 15px;padding-top: 15px;line-height: 1.9;display: block; width: auto;margin-left: 250px;}
.finanCont {line-height: 1.8;word-break: keep-all;width: 736px;font-size: 15px;}
.finanCont.type02 {margin-bottom: 30px;}
.finanDl {margin-top: 10px;}
.finanDl dl {margin-bottom: 8px;}
.finanDl dt {float: left;}
.finanDl dd {margin-left: 37px;}
.finanBox {border-radius: 10px;background: #f5f5f5;padding: 40px;margin-bottom: 30px;line-height: 1.4em;}
.finanBox2 {background:url('../images/sinyong.jpg') 0 0 no-repeat; height: 917px;}
.finanBox2 .sinyongCont {padding-top: 253px; padding-left: 40px;}
.finanTopTxt {color: #2b5ca9;font-size: 15px;font-weight: bold;line-height: 1.5;margin-bottom: 50px;}
.finanTopTxt span {float: left;}
.finanTopTxt p {margin-left: 14px;}
.sinyongNemo {height: 30px;line-height: 30px;color: #fff;font-size: 16px;font-weight: bold;display: inline-block;padding: 0 10px;background:#5674b9;margin-bottom: 5px;}
.finanBox2 .sinyongCont dl {margin-bottom: 36px;}
.finanBox2 .sinyongCont dl.type01 dt {float: left;margin-right: 14px;margin-bottom: 0;}
.finanBox2 .sinyongCont dl.type01 dd {line-height: 30px;}
.finanBox2 .sinyongCont dl dd {font-size: 15px;color: #191919;line-height: 1.7;}
.finanBox2 .sinyongCont dl dd span {float: left;font-weight: bold;}
.finanBox2 .sinyongCont dl dd p {margin-left: 74px;}
.finanBox2 .sinyongCont dl dd .pointTxt {margin-left: 0;color: #2b5ca9; }
.finanBox2 .sinyongCont .btnArea {margin-top: 0;}

.finanTop {overflow: hidden; border-top: 3px solid #5674b9; border-bottom: 1px solid #d6d6d6;padding: 12px 0;}
.finanTop .pic {float: left;margin-right: 24px;height: 145px;position: relative;}
.finanTop .pic .img {position: absolute;width:215px;height: 145px;}
.finanTop .pic .border {position: absolute;top:0;left:0;}
.finanTop .cont {margin-left: 238px;overflow: hidden;line-height:1.4;}
.finanTop .cont dl {margin-bottom: 7px;}
.finanTop .cont dl:last-child {margin-bottom: 0;}
.finanTop .cont dl dt {float: left;}
.finanTop .cont dl dd {margin-left: 64px;display: block;}
.finanTop .cont dl.type02 dd {margin-left: 156px;}
.dlTxt {clear:both;line-height: 1.8;margin-bottom: 6px;}
.dlTxt span {float: left;}
.dlTxt p {display: block;margin-left: 7px;}
.dlTxt.type02 {margin-left: 6px;color: #6f6f6f;margin-bottom: 0;}
.dlTxt2 {clear:both;line-height: 1.8;margin-left: 10px;}
.dlTxt2 span {float: left;}
.dlTxt2 p {display: block;margin-left: 7px;}

.finanTop.type02 {}
.finanTop.type02 .pic {width: 164px;margin-right: 0;}
.finanTop.type02 .pic img {padding: 11px 0 0 33px;}
.finanTop.type02 .cont {margin-left: 0;overflow: hidden;line-height:1.4;font-size: 15px;}

/*맞춤형교육*/
.imgListInfo {margin-top: 20px;overflow: hidden;margin-bottom: 40px;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;padding: 24px 0 20px 0;}
.imgListInfo ul li {float: left;color: #191919;overflow: hidden;margin-right: 25px;}
.imgListInfo ul li:last-child {margin-right: 0;}
.imgListInfo ul li .tit {font-size: 15px;font-weight: bold;text-align: center;padding-top: 105px;border-radius: 10px;width:165px;height: 60px;line-height: 1.4;}
.imgListInfo ul li .cont{overflow: hidden;word-break: keep-all;width: 165px;font-size: 15px;}
.imgListInfo ul li.type01 .tit {background: url('../images/custom_info_01.png') center 41px no-repeat #f6f6f6;}
.imgListInfo ul li.type02 .tit {background: url('../images/custom_info_02.png') center 35px no-repeat #f6f6f6;}
.imgListInfo ul li.type03 .tit {background: url('../images/custom_info_03.png') center 34px no-repeat #f6f6f6;}
.imgListInfo ul li.type04 .tit {background: url('../images/custom_info_04.png') center 34px no-repeat #f6f6f6;}
.imgListInfo ul li .cont .txts{clear: both;padding: 16px 16px 0 16px;}
.imgListInfo ul li .cont .txts .txt {margin-bottom: 6px;line-height: 1.4;}
.imgListInfo ul li .cont .txts .txt span {float: left;}
.imgListInfo ul li .cont .txts .txt p {display: block;margin-left: 10px;}

.imgListInfo2 {margin-top: 20px;overflow: hidden;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;padding: 24px 0 24px 0;}
.imgListInfo2 ul li {float: left;color: #191919;overflow: hidden;margin-right: 24px;}
.imgListInfo2 ul li:last-child {margin-right: 0;}
.imgListInfo2 ul li .tit {font-size: 15px;font-weight: bold;text-align: center;padding-top: 105px;border-radius: 10px;width:165px;height: 60px;line-height: 1.4;float: left;}
.imgListInfo2 ul li .cont{overflow: hidden;word-break: keep-all;width: 175px;margin-left: 165px;font-size: 15px;}
.imgListInfo2 ul li.type01 {border-right: 1px solid #d6d6d6;padding-right: 24px;width: 340px;}
.imgListInfo2 ul li.type02 {width: 346px;}
.imgListInfo2 ul li.type01 .tit {background: url('../images/custom_info_05.png') center 36px no-repeat #f6f6f6;}
.imgListInfo2 ul li.type02 .tit {background: url('../images/custom_info_06.png') center 37px no-repeat #f6f6f6;}
.imgListInfo2 ul li .cont .txts{clear: both;padding: 16px 16px 0 16px;}
.imgListInfo2 ul li .cont .txts .txt {margin-bottom: 6px;line-height: 1.4;}
.imgListInfo2 ul li .cont .txts .txt span {float: left;}
.imgListInfo2 ul li .cont .txts .txt p {display: block;margin-left: 10px;}

/*맞춤형교육 신청팝업*/
.customCont {font-size: 14px;line-height: 1.8;}
.customCont .downExel {margin: 20px 0 0 0;text-align: center;}

/*faq*/
.faqMain {text-align: center;width: 570px;margin: 0 auto;margin-top: 25px;overflow: hidden;}
.faqMain ul li {width: 270px;height: 173px;margin-bottom: 30px;position: relative;}
.faqMain ul li:nth-child(odd) {float: left;}
.faqMain ul li:nth-child(even) {float: right;}
.faqMain ul li .tit {position: absolute;top: 24px;left: 30px;font-size: 30px;color: #fff;text-align: left;}
.faqMain ul li a {bottom: 25px;right: 30px;position: absolute;}
.faqMain ul li a span {color: #2a5caa;font-size: 14px;font-weight: bold;}
.faqMain ul li.type01 {background:url('../images/faq_img_01.png') 0 0 no-repeat;}
.faqMain ul li.type02 {background:url('../images/faq_img_02.png') 0 0 no-repeat;}
.faqMain ul li.type03 {background:url('../images/faq_img_03.png') 0 0 no-repeat;margin-bottom: 20px;}
.faqMain ul li.type04 {background:url('../images/faq_img_04.png') 0 0 no-repeat;margin-bottom: 20px;}
.centerBot {width: 570px;margin: 0 auto;margin-top: 5px;overflow: hidden; text-align: right;}

.faq{border-top:solid 2px #5674b9;}
.faq dt{border-bottom:solid 1px #d2d5db;padding:20px 20px 18px 52px; background:url('../images/q_ico.png') 20px 20px no-repeat; font-weight: bold; cursor: pointer;}
.faq dt a p{margin:0;background:url('../images/q_arrow_open.png') right 5px no-repeat; padding-right: 20px;}
.faq dt a p{display:block;}
.faq dt a:hover p {}
.faq dd{border-bottom:solid 1px #d2d5db;display:none;padding:20px 20px;padding-left:78px;}
.faq dl.open dt{background:url('../images/q_ico.png') 20px 20px no-repeat;}
.faq dl.open dt a p{background:url('../images/q_arrow_close.png') right 5px no-repeat;}
.faq dl.open dt a p {color:#5674b9;}
.faq dl.open dd {display:block;background:#f1f1f1 url('../images/aa_ico.png') 28px 22px no-repeat;line-height:1.7;}
.noneTxt {border-bottom:solid 1px #d2d5db;padding:20px 0; text-align: center; }

/*이용안내*/
.centerInfo {padding-bottom: 10px;margin-top: 18px;}
.centerInfo ul li {height: 215px;border-bottom: 1px solid #d6d6d6;width: 100%;}
.centerInfo ul li.type01 {background:url('../images/center_info_01.png') 62px 38px no-repeat;height: 378px;}
.centerInfo ul li.type02 {background:url('../images/center_info_02.png') 59px center no-repeat;}
.centerInfo ul li.type03 {background:url('../images/center_info_03.png') 75px center no-repeat;}
.centerInfo ul li.type04 {background:url('../images/center_info_04.png') 72px center no-repeat;}
.centerInfo ul li dl {padding-left: 224px;display: table-cell;vertical-align: middle;height: 215px;}
.centerInfo ul li.type01 dl {height: 378px;}
.centerInfo ul li dl dt {font-size: 18px;color: #191919;margin-bottom: 15px;}
.centerInfo ul li dl dt b {font-size: 40px;font-family: Arial;color: #e15b27;margin-right: 10px;vertical-align: sub;}
.centerInfo ul li dl dd {font-size: 15px;}
.centerInfo ul li dl dd .infoTxt2 {font-size: 15px;margin-left: 12px;margin-bottom: 8px;line-height: 1.5;}
.centerInfo ul li dl dd .infoTxt2 span {float: left;}
.centerInfo ul li dl dd .infoTxt2 p {margin-left: 10px;}
.infoIco01 {background:url('../images/intro_icon_01.png') 0 11px no-repeat;padding-left: 12px;margin-bottom: 8px;line-height: 1.8;}
.infoIco02 {background:url('../images/info_ico2.png') 0 5px no-repeat;padding-left: 12px;margin-bottom: 12px;}
.infoIco01.type02 {margin-bottom: 4px;}
.textWrap {font-size: 15px;}
.textWrap span {float: left;}
.textWrap p {margin-left: 68px;}
.infoIco01 span.leftS {float: left;}
.infoIco01 span.marS {margin-left: 58px;display: block;}
.infoIco01 span.marS2 {margin-left: 72px;display: block;}

.centerInfo2 {text-align: center;width: 570px;margin: 0 auto;margin-top: 25px;overflow: hidden;}
.centerInfo2 ul li {width: 270px;height: 173px;margin-bottom: 30px;position: relative;}
.centerInfo2 ul li:nth-child(odd) {float: left;}
.centerInfo2 ul li:nth-child(even) {float: right;}
.centerInfo2 ul li .tit {position: absolute;top: 24px;left: 30px;font-size: 30px;color: #fff;text-align: left;}
.centerInfo2 ul li a {bottom: 25px;right: 30px;position: absolute;}
.centerInfo2 ul li a span {color: #2a5caa;font-size: 15px;font-weight: bold;}
.centerInfo2 ul li.type01 {background:url('../images/info2_ico01.png') 0 0 no-repeat;}
.centerInfo2 ul li.type02 {background:url('../images/info2_ico02.png') 0 0 no-repeat;}
.centerInfo2 ul li.type03 {background:url('../images/info2_ico03.png') 0 0 no-repeat;margin-bottom: 20px;}
.centerInfo2 ul li.type04 {background:url('../images/info2_ico04.png') 0 0 no-repeat;margin-bottom: 20px;}
.centerBot {width: 570px;margin: 0 auto;margin-top: 5px;overflow: hidden; text-align: right;}
.centerBot .point4 {font-size: 15px;vertical-align: middle;}

/*결제관리팝업*/
.paymentUl ul li {margin-bottom: 60px;overflow: hidden;display: block;}
.payment .icos {line-height: 1.6;font-size: 15px;}
.payment.type01 {height: 428px;}
.payment.type01 {background:url('../images/info_pop_01.jpg') 0 0 no-repeat;}
.payment.type01 .icos {background:url('../images/info_pop_ico.png') 381px 56px no-repeat;padding: 54px 0 0 440px;height:inherit;}
.payment.type01_0 {height: 436px;}
.payment.type01_0 {background:url('../images/info_pop_01_0.jpg') 0 0 no-repeat;}
.payment.type01_0 .icos {background:url('../images/info_pop_ico.png') 381px 56px no-repeat;padding: 54px 0 0 440px;height:inherit;}
.payment.type02 {height: 292px;}
.payment.type02 {background:url('../images/info_pop_02.jpg') 0 0 no-repeat;}
.payment.type02 .icos {background:url('../images/info_pop_ico.png') 381px 112px no-repeat;padding: 110px 0 0 440px;height:inherit;}
.payment.type03 {height: 362px;}
.payment.type03 {background:url('../images/info_pop_03.jpg') 0 0 no-repeat;}
.payment.type03 .icos {background:url('../images/info_pop_ico.png') 381px 163px no-repeat;padding: 161px 0 0 440px;height:inherit;}
.payment.type04 {height: 456px;}
.payment.type04 {background:url('../images/info_pop_04.jpg') 0 0 no-repeat;}
.payment.type04 .icos {background:url('../images/info_pop_ico.png') 381px 210px no-repeat;padding: 208px 0 0 440px;height:inherit;}
.payment.type05 {height: 325px;}
.payment.type05 {background:url('../images/info_pop_05.jpg') 0 0 no-repeat;}
.payment.type05 .icos {background:url('../images/info_pop_ico.png') 381px 136px no-repeat;padding: 134px 0 0 440px;height:inherit;}
.payment.type06 {height: 312px;}
.payment.type06 {background:url('../images/info_pop_06.jpg') 0 0 no-repeat;}
.payment.type06 .icos {background:url('../images/info_pop_ico.png') 381px 132px no-repeat;padding: 130px 0 0 440px;height:inherit;}
.payment.type07 {height: 419px;}
.payment.type07 {background:url('../images/info_pop_07.jpg') 0 0 no-repeat;}
.payment.type07 .icos {background:url('../images/info_pop_ico.png') 381px 130px no-repeat;padding: 128px 0 0 440px;height:inherit;}
.payment.type07_0 {height: 422px;}
.payment.type07_0 {background:url('../images/info_pop_07_0.jpg') 0 0 no-repeat;}
.payment.type07_0 .icos {background:url('../images/info_pop_ico.png') 381px 130px no-repeat;padding: 128px 0 0 440px;height:inherit;}
.payment.type07_1 {height: 417px;}
.payment.type07_1 {background:url('../images/info_pop_07_1.jpg') 0 0 no-repeat;}
.payment.type07_1 .icos {background:url('../images/info_pop_ico.png') 381px 130px no-repeat;padding: 128px 0 0 440px;height:inherit;}
.payment.type08 {height: 419px;}
.payment.type08 {background:url('../images/info_pop_08.jpg') 0 0 no-repeat;}
.payment.type08 .icos {background:url('../images/info_pop_ico.png') 381px 130px no-repeat;padding: 128px 0 0 440px;height:inherit;}
.payment.type08_0 {height: 418px;}
.payment.type08_0 {background:url('../images/info_pop_08_0.jpg') 0 0 no-repeat;}
.payment.type08_0 .icos {background:url('../images/info_pop_ico.png') 381px 130px no-repeat;padding: 128px 0 0 440px;height:inherit;}
.payment.type09 {height: 291px;}
.payment.type09 {background:url('../images/info_pop_09.jpg') 0 0 no-repeat;}
.payment.type09 .icos {background:url('../images/info_pop_ico.png') 486px 93px no-repeat;padding: 91px 0 0 545px;height:inherit;}

/*교육수료증*/
.sang_wrap { width: 19cm;height: 27cm;margin-top: 0.4cm;margin-left: 0.05cm;color: #393939; overflow: hidden;}
.sang_in {position: relative;}
.sang_img {position: absolute; z-index: 1;}
.sang_img img {width: 100%;}

.sang_btn { padding:8px 0 8px 0;  position: absolute; top:6px; left: 50%; margin-left: -38px; z-index: 20;}
.dojang {width: 60px; position: absolute; right: 5px; bottom:20px; z-index: 2;}
.dojang img {width: 100%;}

.sang_pop_boxIn { padding:124px 130px 0px 130px; position: absolute; z-index: 10;}
.sang_header { font-family: "Batang", "바탕", Tahoma, serif; font-size:18px; letter-spacing:0px; line-height:20px; text-align: left; font-weight: bold;}
.sang_title {font-family:"Gungsuh", "궁서", Tahoma, serif; font-size:46px; letter-spacing:0px; line-height:48px; height:160px; display:table-cell; vertical-align:middle; width:453px; }
.sang_title_in { text-align:center; padding:0; margin:0; }
.sang_info { margin-top: 20px;}
.sang_info dl { font-size: 18px; font-family: "Batang", "바탕", Tahoma, serif;  font-weight: bold; letter-spacing: 0; margin-bottom: 16px; clear: both;}
.sang_info dl dt {float:left; width:90px;line-height: 1.5; }
.sang_info dl dt::after {content: ":";float: right;}
.sang_info dl dd {margin-left:84px; display: block;padding-left: 12px;word-break: keep-all;line-height: 1.5;}
/*.sang_info dl dd::before { content: ":";margin:0 12px 0 0px;}*/
.sang_content { position: relative;font-size:22px; letter-spacing:0px; line-height:1.8em; margin:50px 0 50px 0; clear:both; font-family:"Gungsuh", "궁서", Tahoma, serif; height: 105px;}
.sang_content_bg {position: absolute;top: -17px;left: 50%;margin-left: -84px;z-index: 1;}
.sang_content_bg img {width: 168px;}
.sang_content .txt {position: absolute;z-index: 10;}

.sang_footer {font-family:"Gungsuh", "궁서", Tahoma, serif;  text-align:center; position: relative; }
.foot_date { font-size:20px; letter-spacing:0px; line-height:22px; }
.foot_jang { font-size:30px; letter-spacing:-1px;line-height:34px;margin-top: 50px; /*background:url('../images/bubin_img.png') 34px 3px no-repeat;background-size:30px;*/ padding-bottom:30px; position: relative; z-index: 11; /*padding-left: 36px;*/}
.foot_jang img {width: 30px; vertical-align: bottom;margin-right: 5px;}
.foot_dojang {/*background:url('../images/dojang_big.png') 0px 0px no-repeat;background-size: 150px;*/position: absolute;width: 80px;height: 80px;right: -24px;top: 51px;}
.foot_dojang img {width: 80px;}

/*연수 상단*/
.topWrap {border-top:3px solid #5674b9;border-bottom: 1px solid #d6d6d6;overflow: hidden;padding: 16px 0;margin: 10px 0 30px 0;}
.topWrap .pic {float: left;height: 145px;width: 215px;position: relative;}
.topWrap .pic .img {position: absolute;width:215px;height: 145px;}
.topWrap .pic .border {position: absolute;top:0;left:0;}
.topWrap .cont {margin-left: 240px;}
.topWrap .cont .tit {font-size: 18px;color: #191919;margin-bottom: 10px;line-height: 1.5;}
.topWrap .cont dl {margin-bottom: 3px;font-size: 15px;}
.topWrap .cont dl dt {float: left;line-height: 1.8;}
.topWrap .cont dl dd {margin-left: 76px;line-height: 1.8;word-break: keep-all;width: 406px;}
.topWrap .cont dl dd b {color: #e15b27;}
.topWrap .cont dl.type02 {float: left;margin-bottom: 0;}
.topWrap .cont dl.type03 {float: left;margin-left: 10px;margin-bottom: 0;}
.topWrap .cont dl.type02 dd,.topWrap .cont dl.type03 dd {width: auto;}

/*포토갤러리*/
.gallery {border-top:3px solid #5674b9;border-bottom: 1px solid #aaa;overflow: hidden;}
.gallery ul {border-top: 1px solid #aaa;padding: 20px 0;overflow: hidden;}
.gallery ul:first-child {border-top:none;}
.gallery ul li.noneTxt {float: none;border-bottom: none;}
.gallery ul li {float: left;margin-left: 18px;}
.gallery ul li:first-child {margin-left: 0;}
.gallery ul li .pic {border:1px solid #d7d7d7;}
.gallery ul li .pic img {display: block;}
.gallery ul li .tit {font-size: 17px;padding: 10px 0 5px 0;}
.gallery ul li .tit a {width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;color: #191919;}
.gallery ul li .tit a:hover {text-decoration: underline;}

/*학습창*/
#studyWrap {/*width:1003px;*/ background:#fff;}
#studyWrap header { height:76px; border-bottom:#ccc solid 1px; font-size:14px; position:relative; box-shadow:0 4px 0 #f2f2f2; text-align: center;}
#studyWrap .mokk { border-right:1px solid #ccc;height:76px;position: absolute;}
#studyWrap .mokk.on .studyView {display:block;}
#studyWrap h1 { text-align:center; display: inline-block;padding-left: 95px;height: 76px;}
#studyWrap h1 span {display: table-cell;vertical-align: middle;height: 76px;}
#studyWrap h1 span img {display: block;}
#studyWrap .xBtn {width:72px; height:76px; float:right; text-align:left; line-height: 74px;}
#studyWrap .xBtn span {display: table-cell;vertical-align: middle;height:76px;}

.studyView {display:none; overflow:hidden; padding-bottom:14px; width:290px; height:100%; overflow-y:scroll; position:absolute;background:#292929; z-index:80; }
.studyView .boxIn {padding:20px;}
.studyView .boxIn .studyView_close {position:absolute; top:5px; right:5px;cursor:pointer;}

.studyView h2 {color:#9ccc44; font-size:19px; font-weight:normal; letter-spacing:-1.5px; line-height:24px; padding:20px;}
.studyView h2 p { height:18px; line-height:18px;margin-bottom:6px;}
.studyView ul li {background:url('../images/pencil_off.png') 20px 19px no-repeat; border-bottom:1px solid #474747; padding-left:20px; }
.studyView ul li:first-child { border-top:1px solid #474747;}
.studyView ul li a{color:#aaa; font-size:16px; background:url('../images/study_bot_open.png') 220px center no-repeat; display:block; padding:16px 52px 16px 20px; }
.studyView ul li .depth2 {display:none; background:#3b3b3b; margin-left:-19px; width:269px;}
.studyView ul li .depth2 ul {padding:14px 14px 14px 34px; }
.studyView ul li .depth2 ul li {background:none;padding:0; margin-bottom:6px; border-bottom:none;}
.studyView ul li .depth2 ul li:first-child {border-top:none;}
.studyView ul li .depth2 ul li.on a {color:#5ec2dc;}
.studyView ul li .depth2 ul li a {color:#fff; font-size:13px;background:none; padding:0; }
.studyView ul li .depth2 ul li a em {float: left;}
.studyView ul li .depth2 ul li a span {margin-left:10px; display:block;}
.studyView ul li.open .depth2 {display:block; }
.studyView ul li.open {background:url('../images/pencil_on.png') 20px 19px no-repeat;}
.studyView ul li.open a {color:#00a6e9; background:url('../images/study_top_close.png') 220px center no-repeat;}

.sudtyCont {clear:both; margin:12px; }

#studyWrap .study_view_btn { background:url('../images/study_open.png') center 15px no-repeat; font-size:11px; font-weight:bold; width:95px; text-align:center; display:inline-block;color:#767676; padding-top:48px;}
#studyWrap .study_view_btn span { text-align:center; padding-top:30px; display:inline-block;}
#studyWrap .mokk.on .study_view_btn { background:url('../images/study_close.png') center 15px no-repeat;}

#studyWrap .bottom {height: 50px;display: table;background: #292929;width: 100%; }
#studyWrap .bottom .in {padding: 0 20px;display: block;height: 50px;position: relative;}
#studyWrap .bottom .contLeft {padding-right: 110px;height: 50px;}
#studyWrap .bottom .playBar {float: left;display: inline-block;width: 80%;}
#studyWrap .bottom .sound {display: inline-block;width: 20%;}
#studyWrap .bottom .page {display: inline-block;width: 100px;text-align: right;line-height: 50px;position: absolute;top: 0;right: 20px;}
#studyWrap .bottom .playBar .barWrap {position: relative;height: 50px;display: table;width: 100%;}
#studyWrap .bottom .playBar .barIn {padding: 0 106px 0 28px;}
#studyWrap .bottom .playBar .btns {display: table-cell;vertical-align: middle;height: 50px;width: 28px;position: absolute;}
#studyWrap .bottom .playBar .btns a {vertical-align: middle;height: 20px;display: block;position: absolute;left: 0;top: 50%;margin-top: -10px;}
#studyWrap .bottom .bar {position: relative;line-height: normal;vertical-align: middle;white-space: nowrap;height: 29px;margin-top: 21px;width: 100%;}
#studyWrap .bottom .barStick {height: 8px;border-radius: 10px; background: #7d7d7d;}
#studyWrap .bottom .barStickCol { display: inline-block;position: absolute;left: 0;height: 8px;border-radius:10px;background: #b95c2a;}
#studyWrap .bottom .barStickCol .barStickOne {position: absolute;top: 0;background: url('../images/movie_play_one.png') right center no-repeat;top: 50%;margin-top: -10px;width: 20px;height: 20px;right: -10px;}
#studyWrap .bottom .playBar .time {display: inline-block;position: absolute;right: 0;top: 0;height: 50px;line-height: 50px;width: 90px;}
#studyWrap .bottom span {color: #fff;font-size: 14px;font-weight: bold;}
#studyWrap .bottom .sound .soundIn {width: 100%;position: relative;height: 50px;display: table;}
#studyWrap .bottom .sound .ico {position: absolute;left: 0; top: 50%;margin-top: -11px;width: 30px;}
#studyWrap .bottom .sound .ico img {display: block;}
#studyWrap .bottom .sound .barIn {padding: 0 0 0 30px;}
#studyWrap .bottom .page .prevBtn {width: 15px;text-align: left;display: inline-block;}
#studyWrap .bottom .page .nextBtn {width: 15px;text-align: right;display: inline-block;}
#studyWrap .bottom .page span {font-size: 16px;margin-top: -2px;}
#studyWrap .bottom .page span.on {color: #f6712a;}

.agreeBox {border: 1px solid #d2d5db;height: 158px;overflow-y:scroll;padding: 10px 15px 13px 15px;line-height: 1.8;}
.agreeBox.type02 {height: 84px;}
.agreeCheckRight.type02 {margin-top: 6px;}
.blockTop {margin-bottom: 18px;line-height: 1.8;}

/*위탁계약서*/
#contract {color: #000;width: 713px;line-height: 1.7;font-size: 14px;}
#contract .in {padding: 60px;}
#contract h1 {text-align: center;font-size: 20px; text-decoration: underline;font-weight: bold;margin: 20px 0 20px 0;}
#contract h2 {font-weight: bold;font-size: 15px;margin-bottom: 20px;}
.conBox {margin-top: 30px;}
.conBox table { border-top:1px solid #000;border-right:1px solid #000; margin-top: 10px;}
.conBox table th {padding:6px 8px; border-left:1px solid #000; border-bottom:solid 1px #000;vertical-align: middle;text-align: center;}
.conBox table td {padding:6px 8px; border-left:1px solid #000; border-bottom:solid 1px #000;vertical-align: middle;text-align: center;}
#contract .conDate {text-align: center;margin: 80px 0;font-weight: bold;}
#contract .conTable th,#contract .conTable td {text-align: left;}
.conTable table td {position: relative;}
.conTable table td .jangIn {/*background:url('../images/dojang_small.png') 0 0 no-repeat;*/ position: absolute;top: -19px;left: 76px;width: 70px;height: 66px;/*background-size: 70px;*/}
.conTable table td .jangIn img {width: 70px;}
/* 박정훈 수정 */
.pointer {cursor:pointer;}

/*한전꺼*/
.review.type03 {padding: 20px 0 30px 0;border-bottom: 1px solid #d2d5db;height: 117px;}
.review.type03 ul {border: 1px solid #ccc; display: inline-block; width:716px; }
.review.type03 ul li { display: inline-block; /*border-left: 1px solid #ccc;*/line-height:90px; height: 90px;}
.review.type03 ul li.item02{ border-left: none;position: relative;margin-left: -1px;width: 535px;}
.review.type03 ul li.item03{ position: absolute;right: -1px;top: -1px;}
.review.type03 ul li.item03 input {display: block;}
.reviewZone .head {height: 28px; line-height: 28px; }
.reviewZone .head span {vertical-align:top;padding-top: 1px; display: inlie-block;}
.reviewZone .head .numTxt.type02 {font-weight: normal; font-family: Arial; font-size: 19px; color:#0d5dc1;display: inline-block;padding-top: 2px;}

.review.type03 ul.typeClass {width:631px; position: relative;height: 88px;}

.review.type04 {height: 55px;/*margin-bottom: 10px;*/position: relative;}
.review.type04 ul {/*border: 1px solid #ccc;*/ display: inline-block; width:618px; }
.review.type04 ul li {float: left; display: inline-block;  line-height:20px; height: 20px;}
.review.type04 ul li.item02{width: 522px;border-left: none;position: absolute;top: -1px;left: -1px;}
.review.type04 ul li.item03{width: 99px;border-top:none; position: absolute;top: -1px;right: 0;}
.review.type04 ul li.item03 input {position: absolute;top:0}
.modiTxt {margin-bottom: 10px;}

.review.type05 {height: auto;margin-bottom: 10px;}
.review.type05 ul {border: 1px solid #ccc; display: inline-block; width:703px; }
.review.type05 ul li {float: left; display: inline-block; border-left: 1px solid #ccc; line-height:20px; height: 20px;}
.review.type05 ul li.item02{width: 85.8%; border-left: none;}
.review.type05 ul li.item03{width: 14%; background: #fff; border-top:none; }
.modiTxt {margin-bottom: 10px;}

.reviewList {border-bottom: 1px solid #aaa;border-top: 1px solid #aaa;}
.reviewList ul {}
.reviewList ul li {width:100%; border-top: 1px dotted #aaa; padding: 10px 0;}
.reviewList ul li:first-child {border-top: none; }
.reviewList ul li .score {margin-bottom: 5px;}
.reviewList ul li .comment {margin-bottom: 5px;}

.replyList {/*border-top: 1px solid #aaa;*/}
.replyList ul {}
.replyList ul li {}
.replyList ul li:first-child {border-top: none; }
.replyList ul li.open .repleView {display: block;}
.replyList ul li .repleView {display: none; background:url('../images/reple_ico.png') 0px 2px no-repeat;padding-left: 15px; margin-top: 10px; position: relative;}
.replyList ul li .repleView .replyTxtt {position: absolute;right: 0;top: -18px;}
.replyList .comment {margin-bottom: 5px;}

.writeTxtArea2 {height: 76px;border: 1px solid #aaa;padding: 6px 8px;background: #fff;position: absolute;top: -1px;}
.writeTxtArea2 textarea {border:none;resize: none;overflow-y: auto;}
.writeTxtAreaTo textarea {border:none;resize: none;overflow-y: auto;}
.reviewZone .head {height: 22px; vertical-align: bottom;/*margin-bottom: 6px;*/}
.reviewZone .head .replyNum {float: left;}
.reviewZone .head .replyNum .tit {display: inline-block;margin-right: 6px;font-size:14px;font-weight: bold;vertical-align: top;margin-top: 4px;}
.reviewZone .head .replyNum .numTxt {font-weight: bold; font-family: Arial; font-size: 19px; color:#aa2a66;display: inline-block;padding-top: 6px;}
.reviewZone .head .replyTxtt {float: right;margin-top: 8px;letter-spacing: 0;}

.replyBtn {border:1px solid #aaa; display: inline-block;background: #fff;padding: 3px 14px 2px 14px;text-align: center;}
.replyBtn b {color: #aa2a66;margin-left: 6px;letter-spacing: 0;}

.replyList {overflow: hidden;}
.replyList ul.replyFirst li {border-bottom:1px solid #d2d5db;padding-bottom: 10px;padding-top: 12px;}
.replyList ul.replyFirst li .head {padding: 0 0 12px 0;overflow: hidden;}
.replyList ul.replyFirst li .head .nameWrap {float: left; color: #5674b9; font-weight: bold;}
.replyList ul.replyFirst li .head .dateWrap {float: right;}
.replyList ul.replyFirst li .head .dateWrap span {margin-left: 7px;}
.replyList ul.replyFirst li .head .dateWrap span a {font-weight: bold;}
.replyList ul.replyFirst li .head .dateWrap span a:hover {text-decoration: underline;}
.replyList ul.replyFirst li .comment {clear: both;margin-bottom: 5px;line-height: 1.6}
.replyList ul.replyFirst li .replybtn {border:1px solid #aaa; display: inline-block;background: #fff;padding: 3px 14px 2px 14px;text-align: center;}
.replyList ul.replyFirst li .replybtn b {color: #aa2a66;margin-left: 6px;letter-spacing: 0;}

/*답글영역*/
.replyTo {display: block;}
.replyTo ul.replySecond {padding-bottom: 10px;}
.replyTo ul.replySecond li {background:url('../images/reply_left_ico.png') 0 10px no-repeat;padding: 10px 0 0px 16px;border-bottom: none;display: none;}
.replyList ul.replyFirst li.open .replyTo ul.replySecond li {display: block;}
.replyTo dl.writing {}
.replyTo dl.writing dd {position: relative;}
.replyTo dl.writing dd .replyTxtt {position: absolute;right: 1px;top:-15px;}
.replyTo dl.writing textarea {border: none;word-spacing:2px; overflow:auto; overflow-x:hidden; resize:none; }
.replyTo dl.writing input {vertical-align:top; position: absolute;right: 0;top: 0;}
.writeTxtAreaTo {height: 41px;border: 1px solid #aaa;padding: 6px 8px;background: #fff;position: absolute;/*padding-right: 106px;*/top: 0;}
.replyTo dl.writing dt { width:0; height:0; overflow:hidden; font:0/0 Arial; text-indent:-1000em; }

.replyList ul.replyFirst li .comment {margin-bottom: 10px;}
.replyList ul.replyFirst li .foot {overflow: hidden;}
.replyList ul.replyFirst li .foot span {margin-left: 7px;}
.replyList ul.replyFirst li .foot span a {font-weight: bold;}
.replyList ul.replyFirst li .foot span a:hover {text-decoration: underline;}
.replyList ul.replyFirst li .foot .modi {display: inline-block;}

/*이용약관*/
.termsWrap {word-break: keep-all;font-size: 15px;}
.termsWrap table {font-size: 13px;}
.termsWrap .terms {margin-bottom: 30px;line-height: 1.8;}
.terms .tit {font-size: 15px;font-weight: bold;color: #2a5caa;margin-bottom: 12px;}
.terms .tit2 {font-size: 16px;font-weight: bold;}
.terms .tit3 {font-size: 16px;font-weight: bold;margin-right: 5px;}
.terms .txt {}
.terms ul span {float: left;}
.terms ul p {display: block;}
.terms ul.first p {margin-left: 20px;}
.terms ul.second {margin-left: 20px;}
.terms ul.second.type02 {margin-left: 10px;}
.terms ul.second p {margin-left: 10px;}
.terms ul.second p.type01 {float: left;margin-left: 8px;}
.terms ul.second p.type02 {margin-left: 40px;}
.terms ul li ol {margin-left: 20px;}
.terms ul li ol li {margin-left: 20px;}
.terms .liIn {margin-left: 20px;}
.terms .ico {background:url('../images/terms_ico.png') 0 11px no-repeat; padding-left: 9px;}
.terms .liIn .table {margin: 10px 0;word-break: keep-all;}
.termsWrap .titBoo {font-size: 15px;color: #191919;font-weight: bold;margin-bottom: 20px;}
.terms ul.third {margin-left: 10px;margin-bottom: 10px;}
.terms ul.third p {margin-left: 10px;}

/* 강의실 과제제출 팝업 서유성 crp : classroom Popup*/
.crpHomwork {width:720px; }
.crpHomwork ul li {border-bottom:1px solid #aaa; display: inline-block; padding: 20px 0; width:100%; }
.crpHomwork ul li .file {margin-top: 10px; }
.crpHomwork ul li .file b {margin-right: 6px; margin-left: 0px;}
.crpHomwork ul li .file .doc {color:#2f8812;}
.crpHomwork ul li .file .doc:hover {text-decoration: underline;}

.crPopWrap {width:780px; background: #393939;}
.crPopWrap .popBoxIn {width:724px; margin: 8px 8px 4px 8px; background: #fff; padding: 0 20px; display: inline-block; overflow:hidden;}
.crPopWrap .popBoxIn.type02 { padding: 0 20px 40px 20px;}
.crPopWrap .popTop {height: 24px; padding: 8px;}
.crPopWrap .popTop .popbt {float: right; }
.crPopWrap .popTop .popbt span {color:#fff; vertical-align: bottom; margin-right: 5px;}
.crPopWrap .header {display:table-cell; vertical-align:middle; height:133px; width:724px;}
.crPopWrap .header .h2 { font-size:28px; font-weight: normal; text-align:center; line-height:30px; }
.crPopWrap .header .popsub {font-size: 15px; text-align: center; margin-top: 13px;font-family:"Malgun Gothic","맑은 고딕"; }
.crPopWrap .listSec {margin-bottom: 40px; width:724px;}
.crPopWrap .listSec h3 {margin-bottom: 10px;}
.crPopWrap .listSec em {font-style: normal; float: left; }
.crPopWrap .listSec ins {margin-left: 10px; display: block;text-decoration: none;}
.crPopWrap .freeSec {margin-bottom: 40px; width:724px; text-align: center;}

/*버튼*/
.crpBtnBig {width:157px; height:47px; line-height:45px; border-radius:10px; display:inline-block; font-family:"Malgun Gothic","맑은 고딕"; font-size:17px;text-align: center; font-weight: bold;}
.crpBtnBig span {color:#fff; }
.crpBtnBig span.blackTxt {color:#191919; }
.crpBtnBigLine {width:155px; height:45px; line-height:43px; border-radius:10px; display:inline-block; font-family:"Malgun Gothic","맑은 고딕"; font-size:17px;text-align: center;border:1px solid #767676; font-weight: bold;}
.crpBtnBigLine span {color:#191919; }
.crpBtnArea4 {text-align: center; margin: 60px 0 60px 0;}

.btn_r {width: 78px; height:26px;  line-height:26px; border-radius:6px; display:inline-block; font-size:12px;text-align: center;}
.btn_r span {color:#fff;font-weight: bold; }
.btn_r span.type02 {font-weight: normal; }

.crpTitle {background: url('../images/blue_dot.png') 0 6px no-repeat;padding-left: 14px;font-family:"Malgun Gothic","맑은 고딕"; font-size: 15px; font-weight: bold; margin-bottom: 14px;}

.textarear {width:97%; border-radius: 6px; border:1px solid #aaa; padding:4px 8px; box-shadow: inset 2px 4px 6px -2px #ddd; }

/*색상*/
.blue {background:#00a6e9;}
.blue2 {background:#0d5dc1;}
.deepblue {background:#0d5dc1;}
.gray {background: #767676;}
.deepgray {background: #555555;}
.lightgray {background: #ccc;}
.white {background: #fff;}
.red {background:#e40009; }
.ygreen {background:#9ccc44; }
.black {background: #191919;}
.green {background:#2f8812; }
.rOrange {background: #f15a22; }

.choice {border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-right: 1px solid #ccc;margin: 10px 0 14px 0;}
.choice dl {border-bottom: 1px solid #ccc;width:100%;display: table;}
.choice dl.bg {background:#f7f7f7;}
.choice dl dt {padding:7px 30px;text-align:center;font-weight: bold; width:34px;display: table-cell; vertical-align: middle;border-right: 1px solid #ccc; }
.choice dl dd {padding:7px 24px 0 24px;float: left; position: relative;width: 576px;line-height: 27px;}
.choice dl dd ul {float: left;width:100%;margin-bottom:7px;}
.choice dl dd ul li.tit {float: left; text-align: center;}
.choice dl dd ul li.cont {margin-left: 67px; display: block}
.choice dl dd ul li .contime {position: absolute; right:24px;top:7px;}

.choice.type02 {display: inline-block;}
.choice.type02 dl.dtNone { }
.choice.type02 dl.dtNone dt {position:absolute;left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;border-right:none;}
.choice.type02 dl.dtNone dd {width:95.3%; }
.choice.type02 dt {width:72px; padding:7px 0 7px 20px; text-align: left; }
.choice.type02 dd {width:96px; padding:7px 0 7px 20px; text-align: left;height: 28px;}
.choice.type02 dd.big {width:466px; }

.crassroomWork {margin-top: 20px; }
.crassroomWork h6 {font-family:"돋움","Dotum";}

.btnBg2 {display:inline-block; width:75px; height:27px; border-radius:15px; text-align:center; line-height:29px;}
.btnBg2 span {color: #fff;}

.dlLeft {float: left;}
.dlLeft.line1 {/*border-right: 1px solid #ccc;*/}
.dlLeft.line2 {border-left: 1px solid #ccc;}

.btnBigLine {width:155px; height:45px; line-height:43px; border-radius:10px; display:inline-block; font-family:"Malgun Gothic","맑은 고딕"; font-size:17px;text-align: center;border:1px solid #767676; font-weight: bold;}
.btnBigLine span {color:#191919; }

.btnArea2 {text-align: center; margin: 60px 0 20px 0;}

/*사이트맵*/
.siteMap {margin-bottom: 86px;overflow: hidden;}
.siteMap dl {width: 243px;height: 282px;display: block;border-left: 1px solid #5674b9;float: left;}
.siteMap dl.last {background: url('../images/sitemap_bot_ico.png') 0 bottom no-repeat;}
.siteMap dl dt {background: url('../images/sitemap_tit.png') 0 0 no-repeat;width: 166px;height: 35px;color: #fff;font-size: 17px;font-weight: bold;padding-left: 27px;line-height: 35px;margin-bottom: 22px;}
.siteMap dl dd {padding: 0 0 0 25px;}
.siteMap dl dd ul li {color: #191919;font-size: 15px;padding-left: 10px;line-height: 1;margin-bottom: 14px;}
.siteMap dl dd ul li.dot {background: url('../images/sitemap_ico.png') 0 6px no-repeat;}
.siteMap dl dd ul li ul.sitmMapDepth3 {}
.siteMap dl dd ul li ul.sitmMapDepth3 li {background: url('../images/sitemap_ico_2.png') 0 6px no-repeat;color: #767676;font-size: 14px;}
.siteMap dl dd ul li ul.sitmMapDepth3 li:first-child {margin-top: 14px;}

/*앞에 별 텍스트*/
.starTxt span { float: left;}
.starTxt p {margin-left: 14px;display: block;}

/*2018.07.31 추가*/
.findId {background: #ebebeb;width: 524px;border-radius: 15px;overflow: hidden;padding: 36px 0;}
.findId ul {width: 425px; margin: 0 auto;}
.findId ul li {display: block;width: 210px;float: left;text-align: center;}
.findId ul li a {width:120px;height: 120px;display: block;overflow: hidden;text-align: center; margin: 0 auto;}
.findId ul li.type01 a {background: url('../images/injng_ico_01_off.png') center 0 no-repeat;}
.findId ul li.type02 a {background: url('../images/injng_ico_02_off.png') center 0 no-repeat;}
.findId ul li.type01 a:hover {background: url('../images/injng_ico_01_on.png') center 0 no-repeat;}
.findId ul li.type02 a:hover {background: url('../images/injng_ico_02_on.png') center 0 no-repeat;}
.findId ul li span {text-align: center;color: #6f6f6f;font-size: 13px;padding-top: 14px;display: block;}