@charset "utf-8";

.txt1 {color:#539ccf !important}
.txt2 {color:#d30000 !important}
.txt3 {color:#ffcc00 !important}
.txt4 {color:#7ea951 !important}
.txt5 {color:#f96340 !important}
.txt6 {color:#182f59 !important}
.txt7 {color:#f13d1d !important}
.txt8 {color:#000000 !important}
.txt9 {color:#305cd6 !important}
.txtMline {text-decoration:line-through !important}
.txtBline {text-decoration:underline !important}
.txtC {text-align:center !important}
.txtR {text-align:right !important}
.txtL {text-align:left !important}
.txtB {font-weight:bold !important}

.tbox1 {padding:3px 8px; color:#fff; background:#3a5aa7}
.tbox2 {padding:3px 8px; color:#fff; background:#59b224}
.tbox3 {padding:3px 8px; color:#fff; background:#ff6633}
.tbox4 {padding:3px 8px; color:#fff; background:#ff2700}
.tbox5 {padding:3px 8px; color:#fff; background:#263c96}
.tbox6 {padding:3px 8px; color:#fff; background:#8936e0}

.mgT1 {margin-top:1em !important}
.mgT10 {margin-top:10px !important}
.mgT20 {margin-top:20px !important}
.mgT30 {margin-top:30px !important}
.mgR1 {margin-right:1em !important}
.mgR2 {margin-right:2em !important}
.mgL10 {margin-left:10px !important}
.mgL15 {margin-left:15px !important}
.mgL20 {margin-left:20px !important}
.mgL25 {margin-left:25px !important}
.mgL30 {margin-left:30px !important}
.mgT40 {margin-top:40px !important}
.mgT50 {margin-top:50px !important}
.mgT70 {margin-top:70px !important}
.mgTm30 {margin-top:-30px !important}
.mgNo {margin:0 !important}

.pdt10 {padding-top:10px !important}
.pdt20 {padding-top:20px !important}
.pd20 {padding:20px !important}
.pdRL20 {padding:0 20px !important}
.pdL20 {padding-left:20px !important}
.pdt2b1em {padding:2em 0 1em !important}
.pdb1em {padding-bottom:1em !important}
.pdb2em {padding-bottom:2em !important}
.pdb70px {padding-bottom:70px !important}
.pdNo {padding:0 !important}

.bg1 {background:#ffdcdc !important}
.bg2 {background:#e3ebf4 !important}
.bg3 {background:#d0d9f2 !important}
.bg4 {background:#e7efd7 !important}
.bg5 {background:#ffe2cc !important}
.bg6 {background:#ffffd6 !important}
.bg7 {background:#ede3fd !important}
.bg8 {background:#d5fbe5 !important}
.bg9 {background:#eaebea !important}
.bg10 {background:#ddd; color:#900}
.bg11 {background:#f8f8f8; color:#900}
.bg12 {background:#ffb2b0 !important}

.borNo {border:none}

input.w85p {width:85%}
input.w180 {width:180px}
input.w120 {width:120px}
input.w100 {width:100px}
input.w80 {width:80px}
input.w40 {width:40px}
input.wfull {width:98%}

select.w80 {width:80px}
select.w100 {width:100px}

.tree {padding:1.6em 0; height: 28px;}
.tree span {color:#539ccf}

/*링크 효과*/
	.hvr-reveal {
	  display:block;
	  margin-top:1em;
	  padding:1.5em 0;
	  text-align:center;
	  font-weight:bold;
	  font-size:120%;
	  background:#f1f1f1;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden}
	.hvr-reveal:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  border-color: #2098d1;
	  border-style: solid;
	  border-width: 0;
	  -webkit-transition-property: border-width;
	  transition-property: border-width;
	  -webkit-transition-duration: 0.1s;
	  transition-duration: 0.1s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out}
	.hvr-reveal:hover:before,
	.hvr-reveal:focus:before,
	.hvr-reveal:active:before {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  border-width: 4px}

.subject {float:left; color:#243746; font-size:120%; font-weight:bold; padding:10px; background:url(../images/common/bullet1.gif) no-repeat left 17px}
.subject label {vertical-align:middle}

.sub-buy {position:relative; /*margin:1.6em 0 0*/}
.sub-buy .buy-bnts {position:relative; float:right}
.sub-buy .buy-bnts a {display:inline-block; text-align:center; padding:6px 1em; border:1px solid #b7b7b7; margin:5px 0 0 5px}
.sub-buy .buy-bnts .basket {color:#757575; background:#fff}
.sub-buy .buy-bnts .buy{color:#fff; border:1px solid #333; background:#333}
.sub-buy .buy-bnts .top{color:#fff; border:1px solid #fff}
.sub-buy .buy-bnts a:hover {color:#fff; border:1px solid #539ccf; background:#539ccf}
.sub-buy .buy-bnts:after {content:""; display:block; clear:both}
.sub-buy a.toggle {position:absolute; right:0; bottom:0.5em; display:block; width:30px; height:30px;  background:url(../images/sub/btnArr1.gif) no-repeat center center; cursor:pointer}
.sub-buy:after {content:""; display:block; clear:both}

a.addBtn {display:inline-block; background:#333; color:#fff; padding:7px 8px 6px !important; cursor:pointer}
a.addCartBtn {display:inline-block; background:red; color:#fff; padding:7px 8px 6px !important; cursor:pointer}
a.addBtn:hover {background:#539ccf}

a.addBtn2 {display:inline-block; background:#4b75c1; color:#fff; padding:5px 8px 4px !important; cursor:pointer}
a.addBtn2:hover {background:#084ac1}

a.receipt {display:inline-block; padding:5px 4px 4px !important; border:1px solid #ddd}

/*탑배너
.top-bnr {display:none}*/

/*레이어팝업*/
.Pstyle {opacity:0; display:none; position:relative; /*width:100%; max-width:450px;*/ background:#fff}
.b-close {position:absolute; right:5px; top:5px; padding:5px; display:inline-block; cursor:pointer; color:#000}
.popcontent {height:auto; width:auto}

.Layer-Popup {margin:0 auto; height:100%; width:100%; background:rgba(0, 0, 0, 0.5);}
.Layer-Popup img {border:1px solid #333333; max-width:100%;}
.Layer-Popup a {display:block; padding:5px 10px; background:#000000; color:#ffffff;}

/*레이어팝업 NewStyle*/
.PopupSz400 {width:400px !important}
.PopupSz400 h4 {background:url(/images/common/icon_circle.png)no-repeat left; padding-left:20px; margin-bottom:10px; font-size:1.15em}
.PopupSz400 h5 {font-size:1.1em; line-height:180%}
.PopupSz400 .txtBox{border:1px solid #ccc; padding:20px; height:120px; overflow:auto}
.PopupSz400 .txtBox ol li {list-style:decimal; margin-top:7px; font-weight:bold}
.PopupSz400 .txtBox ol li ol li {list-style:disc; margin-top:0px; font-weight:normal}
.PopupSz400 h3 {background:#658db5; color:#fff; /*font-weight:bold;*/ height:50px; line-height:50px; padding-left:1em}
.PopupSz400 .stop-history-wrap {padding:1.5em}
.PopupSz400 .stop-history-wrap li {list-style:disc; margin-left:1em; line-height:1.5}
.PopupSz400 p {padding:1em 0; text-align:center}
.PopupSz400 p a {display:block; background:#333; color:#fff; padding:1em 0; cursor:pointer; font-size:120%; font-weight:bold}
.PopupSz400 p a:hover {background:#539ccf}

/*레이어팝업-주소검색*/
.addContent {width:100%}
.addContent h3 {background:#658db5; color:#fff; /*font-weight:bold;*/ height:50px; line-height:50px; padding-left:1em}
.addFBox {padding:2em}
.addFBox .tabs li {display:inline; float:left; width:50%}
.addFBox .tabs li a {display:block; background:#757575; color:#fff; height:30px; line-height:30px; border:1px solid #757575; border-bottom:none; text-align:center}
.addFBox .tabs li a.active {background:#fff; color:#333; border:1px solid #222; border-bottom:none}
.addFBox p.txtinfo {padding:1em 0}
.addFBox .addNum,
.addFBox .addRoad {border:1px solid #ccc; padding:2em}
.addFBox  input {border:1px solid #bfbfbf; padding:5px; width:75%; margin-right:5px}
.addFBox  input.W50 {width:50%}
.addFBox .addNum p,
.addFBox .addRoad p {color:#ef4136; font-weight:bold; text-align:center; padding:1em 0 0; border-top:1px solid #b5b5b5; margin-top:2em}
.addFBox .addRoad select {width:48%}
.addFBox .addRoad div {margin-top:10px}
.addFBox .addList ul {border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding:1em 0; height:100px; overflow:auto}
.addFBox .addList li {height:24px; line-height:24px; padding-left:1em}
.addFBox .tabs:after {content:""; display:block; clear:both}

/*레이어팝업-주소검색*/
.stop-history {width:100%}
.stop-history h3 {background:#658db5; color:#fff; /*font-weight:bold;*/ height:50px; line-height:50px; padding-left:1em}
.stop-history .stop-history-wrap {padding:1.5em}
.stop-history .stop-history-wrap li {list-style:disc; margin-left:1em; line-height:1.5}
.stop-history p {padding:1em 0; text-align:center}
.stop-history p a {display:block; background:#333; color:#fff; padding:1em 0; cursor:pointer; font-size:120%; font-weight:bold}
.stop-history p a:hover {background:#539ccf}

/*동영상 삽입*/
.embedWrap {width:100%; max-width:920px; margin:0 auto; padding:30px 0 30px}
.embed-container {position:relative; padding:20px 0 56.25%; height:0; overflow:hidden; max-width:80%; margin:0 auto; height:auto}
.embed-container embed,
.embed-container iframe {position:absolute; top:0; left:0; width:100%; height:100%}

.embed-container2 {position:relative; padding:20px 0 54%; height:0; overflow:hidden; max-width:100%; margin:0 auto; height:auto}
.embed-container2 embed,
.embed-container2 iframe {position:absolute; top:0; left:0; width:100%; height:100%; background:#000000;}

.embedWrap-exam1 {width:100%; max-width:920px; margin:0 auto; padding:20px 0 30px; background:/*url(../images/sub/exam-info-AICPA_01.jpg) no-repeat*/#f8f8f8; background-size:cover}


/*게시판 타입1*/
.type1 {clear:both; width:100%; border:0; border-top:3px solid #333; border-collapse:collapse; margin:0.625em 0 1em}
/*.type1 col.col-picture {width:14%; max-width:140px; min-width:60px}*/
.type1 th{background:#efefef;text-align:left;font-weight:bold}
.type1 th,
.type1 td{padding:0.75em 5px; border:0}
.type1 th {border-bottom:1px solid #333; text-align:center; color:#333; font-weight:normal}
.type1 th.th1 {border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.type1 td {border-bottom:1px solid #ddd}
.type1 .borR {border-right:1px solid #ddd}
.type1 .borB {border-bottom:1px solid #333}
.type1 br {display:block}
.type1 li {padding:5px 0}
.type1 li.lecsub {font-size:120%}
.type1 li.lecsub a {font-weight:bold}
.type1 li label strong {color:#539ccf}
.type1 td .price {width:100%; max-width:150px}
.type1 td .price li {text-align:right}
.type1 td .price p {padding-top:5px}
.type1 td span.data {display:block; width:30px; height:30px; background:url(../images/sub/icon_date2.png) no-repeat center center; margin:0 auto}
.type1 td a.data {display:block; width:30px; height:30px; background:url(../images/sub/icon_date.png) no-repeat center center; margin:0 auto}
.type1 td a.link {text-decoration:underline}
.type1 td a.lecstart {display:block; text-decoration:underline}
.type1 td a.addEdit {display:inline-block; text-align:center; padding:5px 0 4px; border:1px solid #b7b7b7; width:40px}
.type1 td a.book1 {display:block; float:right; padding:8px 0 7px; width:80px; background:#ccc; color:#fff; text-align:center; border-radius:6px}
.type1 td a.book2 {display:block; float:right; padding:8px 0 7px; width:80px; background:#539ccf; color:#fff; text-align:center; border-radius:6px}
.type1 td a.book2:hover {background:#0d266e}
.type1 td:after {content:""; display:block; clear:both}
.type1 td span.pay { display:inline-block; width:60px; text-align:center}
.type1 ul.pay1 li {text-align:center}
.type1 select {width:50px}
.type1 input.num {width:60px}
.type1 input.full {width:99%}
.type1 .wrong {background:#ffebeb}
.type1 .wrong strong {color:#F00}

.type2 {clear:both; width:100%; border:0; border-top:3px solid #333; border-left:1px solid #333; border-collapse:collapse; margin:0.625em 0 1em}
.type2 th{background:#abd9fa;text-align:left;font-weight:bold; color:#333}
.type2 th,
.type2 td{padding:0.75em 5px; border:0}
.type2 th {border-bottom:1px solid #333; text-align:center; color:#333; font-weight:normal}
.type2 td {border-bottom:1px solid #333; border-right:1px solid #333}
.type2 .borR {border-right:1px solid #ddd}

.type3 {clear:both; width:100%; border:0; border-top:3px solid #333; border-collapse:collapse; margin:0.625em 0 1em}
.type3 th{background:#e4e4e4;text-align:left; font-weight:bold; color:#333}
.type3 th,
.type3 td{padding:0.75em 5px 0.625em; border:0; border-bottom:1px solid #333; text-align:center}
.type3 th {color:#333}
.type3 .borR {border-right:1px solid #ddd}
.type3 .borB {border-bottom:1px solid #ddd}
.type3 strong {padding:5px 5px 3px; border-radius:3px}
.type3 strong.sp1 {background:#3a9fed; color:#fff}
.type3 strong.sp2 {background:#ed3a81; color:#fff}

.type4 {clear:both; width:100%; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-collapse:collapse; margin:0.625em 0 1em; background:#fff}
.type4 col.col-picture {width:14%; max-width:140px; min-width:60px}
.type4 th {background:#f0f5f8; color:#333}
.type4 th,
.type4 td {padding:0.75em 1%; border:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center}
.type4 td a {display:block; padding:5px; border-radius:4px; background:#F33; color:#fff}
.type4 td a:hover {background:#900; color:#FFC}
.type4 tr.hide {display:none}

.type5_layout { display:block; width:100%; max-width:920px;}
.type5_layout li {display:inline-black; float:left; width:33.3%; margin-bottom:30px;}
.type5 {clear:both; width:98%; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-collapse:collapse; margin:0.625em 0 1em; background:#fff}
.type5 col.col-picture {width:14%; max-width:140px; min-width:60px}
.type5 th {background:#fafafa; color:#333}
.type5 th,
.type5 td {padding:0.75em 2.5%; border:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center}
.type5 td a {display:block; padding:5px; border-radius:4px; background:#F33; color:#fff}
.type5 td a:hover {background:#900; color:#FFC}
.type5 tr.hide {display:none}

.type6_layout { display:block; width:100%; max-width:920px;}
.type6_layout li {display:inline-black; float:left; width:50%; margin-bottom:30px;}

.type6 {clear:both; width:100%; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-collapse:collapse; margin:0.625em 0 1em; background:#fff}
.type6 th {background:#f9f9f9; color:#333}
.type6 th,
.type6 td {padding:0.75em 1%; border:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center}
.type6 td ol.olType1 li {list-style-type:lower-alpha; margin-left:20px; padding:5px 0;}
.type6 td ol.olType2 li {list-style-type:disc; margin-left:16px}
.type6 td ol.olType3 li {list-style-type:disc; margin-left:16px; padding:5px 0}

.type7 {clear:both; width:100%; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-collapse:collapse; margin:0.625em 0 1em; background:#fff}
.type7 th {background:#f0f5f8; color:#333;}
.type7 th,
.type7 td {padding:0.6em 1%; border:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; font-size:12px; line-height:160%}
/*.type7 td {text-align:left}*/


.sample {display:inline-block}
.sample a {display:inline-block; padding:3px 4px; border:1px solid #ddd; color:#fff}
.sample a.onlin {background:#539ccf}
.sample a.pmp {background:#7ea951}

.total {clear:both; position:fixed; bottom:0; left:0; background:#7f7f7f; color:#fff; padding:1em 0; width:100%; z-index:998}
.total .sub-buy {width:100%; max-width:1160px; margin:0 auto}
.total strong {color:#ffcc00}

/*버튼*/
a.btnOff {display:inline-block; padding:8px 0 7px; width:80px; background:#ccc; color:#fff; text-align:center; border-radius:6px}
a.btnOn {display:inline-block; padding:8px 0 7px; width:80px; background:#539ccf; color:#fff; text-align:center; border-radius:6px}
a.btnOn:hover {background:#0d266e}

/*화질버튼*/
.picture li {text-align:center}
.picture a {display:inline-block; background:#fff url(../images/sub/pt01.gif); border:1px solid #fff; padding:5px 0 4px; width:48px}
.picture a.picture-h {color:#f96340; border:1px solid #f96340}
.picture a.picture-n {color:#333; border:1px solid #333}
.picture a:hover {color:#fff; border:1px solid #539ccf; background:#539ccf}
.picture:after {content:""; display:block; clear:both}

/*화질버튼2*/
.picture2 li {text-align:center}
.picture2 a {display:inline-block; background:#fff url(../images/sub/pt01.gif); border:1px solid #fff; padding:5px 0 4px; width:60px}
.picture2 a.picture-h {color:#f96340; border:1px solid #f96340}
.picture2 a.picture-n {color:#333; border:1px solid #333}
.picture2 a:hover {color:#fff; border:1px solid #539ccf; background:#539ccf}
.picture2:after {content:""; display:block; clear:both}

/*강의리스트*/
.ssMenu {border-bottom:#243746 3px solid}
.ssMenu li {display:inline; float:left; margin-right:0.5%; width:24.5%; max-width:125px}
.ssMenu a {display:block; padding:10px 0; text-align:center; color:#757575; background:#e0e0e0}
.ssMenu a:hover,
.ssMenu a.active {color:#e0e0e0; background:#243746; font-weight:bold}
.ssMenu:after {content:""; display:block; clear:both}

.process {display:none}
.processM {margin-top:10px}
.processM .process1,
.processM .process2 { float:left; width:48%; padding:0 1%}
.processM select {width:100%}
.processM:after {content:""; display:block; clear:both}

.off-lec-list {}
.lec-img img {max-width:100%}


/*강의 상세*/
.lecInfo {border:1px solid #d3d3d3; margin-top:-18px}
.lecInfo h3 {background:#eee; border-bottom:1px solid #d3d3d3; padding:0.625em; line-height:1.5}
.lecInfo h3 strong.b {color:#000000}
.lecInfo .lecinfoSec {padding:1.6em}
.lecInfo .lecinfo-L img {float:left; background:#eee; border:1px solid #d3d3d3; width:150px; margin-right:10px; margin-top:15px;}
.lecInfo .lecinfo-L p {padding:8px 0}
.lecInfo .lecinfo-L span {color:#539ccf}
.lecInfo .lecinfo-L a {display:inline-block; margin:0 2px; border:1px solid #ddd; color:#fff; padding:4px 8px}
.lecInfo .lecinfo-L a.profHome {background:#539ccf}
.lecInfo .lecinfo-L a.allLec {background:#7ea951}
.lecInfo .lecinfo-L a:hover {background:#243746}

.lecInfo .lecinfo-R {clear:both}
.lecInfo .lecinfo-R li {border-bottom:1px solid #d3d3d3; padding:0.875em 0; vertical-align:middle}
.lecInfo .lecinfo-R li ul.lecPrice li {padding:0.625em 0; border:0}
.lecInfo .lecinfo-R li ul.lecPrice:after {content:""; display:block; clear:both}
.lecInfo .lecinfo-R li ul.bookPrice {overflow-y:scroll; height:70px}
.lecInfo .lecinfo-R li ul.bookPrice li {padding:0.625em 0; border:0}
.lecInfo .lecinfo-R li.lecTotal {background:#7f7f7f; color:#fff; padding:1em; text-align:right}
.lecInfo .lecinfoSec:after {content:""; display:block; clear:both}

.lecCon1 {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:1em 0; margin-top:1em; min-height:100px}
.lecCon2 {padding:1em 0 0; min-height:100px}
.lecCon2 img {max-width:100%}
.lecCon2 ul {margin-top:20px}
.lecCon2 li {display:inline; float:left; width:32.333333%; margin:0 0.5%}
.lecCon2 li a {display:block; text-align:center; border-radius:5px; color:#fff; padding:15px 0; font-weight:bold; background:#454545 url(../images/sub/pt02.png)}
.lecCon2 li a:hover {color:#FF6}
.lecCon2 li a br {display:block}
.lecCon2 ul:after {content:""; display:block; clear:both}
.lecCon2 p.lec-list-down a {display:block; width:100px; text-align:center; color:#fff; background:#333; height:30px; line-height:30px; float:right}
.lecCon2 p.lec-list-down a:hover {background:#539ccf}
.lecCon2 p.lec-list-down:after {content:""; display:block; clear:both}
.lecCon2 .type1 ul {margin:0}
.lecCon2 .type1 li {display:block; float:none; width:100%; text-align:right}

.lecplay {width:100%; min-width:320px; background:#000}
.lecplay h3 {background:#658db5; color:#fff; /*font-weight:bold;*/ height:50px; line-height:50px; padding-left:1em}
.lecplay .embedWrap {width:100%; max-width:800px; margin:0 auto; padding:10px 0}
.lecplay .embed-container {position:relative; padding:20px 0 56.25%; height:0; overflow:hidden; max-width:96%; margin:0 auto; height:auto}

.lecCon3 img {max-width:100%}

ul.review li span {display:inline-block; padding:0 10px; color:#fff; font-weight:bold}
ul.review li span.playtime {height:26px; line-height:26px; background:#539ccf}
ul.review li span.playing {height:26px; line-height:26px; background:#d30000}

.book-list {clear:both}

.lecMenu {border-bottom:#9c9c9c 1px solid; margin-top:1.6em}
.lecMenu li {display:inline; float:left; margin-right:0.5%; width:9.5%; max-width:125px}
.lecMenu a {display:block; margin:0 0 5px ; padding:10px 0; text-align:center; color:#757575; background:#e0e0e0}
.lecMenu a:hover,
.lecMenu a.active {color:#fff; background:#9c9c9c; font-weight:bold}
.lecMenu:after {content:""; display:block; clear:both}

.off-lec-all img.tilte {width:100%; max-width:920px; height:auto !important;}

.lecMenuAll li {display:inline; float:left; width:50%}
.lecMenuAll a {display:block; padding:1em 0; text-align:center; color:#2d3437; font-size:140%; font-weight:bold; background:#b3b3b3}
.lecMenuAll a:hover,
.lecMenuAll a.active {color:#fff; background:#1e1ee0}
.lecMenuAll:after {content:""; display:block; clear:both}

.returnMenuAll li {display:inline; float:left; width:50%}
.returnMenuAll a {display:block; padding:1em 0; text-align:center; color:#2d3437; font-size:140%; font-weight:bold; background:#dadada}
.returnMenuAll a:hover,
.returnMenuAll a.active {color:#fff; background:#0b303a}
.returnMenuAll:after {content:""; display:block; clear:both}

.lecMenuAll-s {border-bottom:#6d8fda 2px solid; margin-top:1.6em}
.lecMenuAll-s li {display:inline; float:left; width:33.33333%}
.lecMenuAll-s li br {display:block}
.lecMenuAll-s a {display:block; padding:1em 0; text-align:center; color:#666; font-size:120%; font-weight:bold; background:#dddddd; border-right:1px solid #fff}
.lecMenuAll-s a:hover,
.lecMenuAll-s a.active {color:#fff; background:#6d8fda}
.lecMenuAll-s:after {content:""; display:block; clear:both}

.lecMenuAll-itv {background:#a69b86; text-align:center}
.lecMenuAll-itv div.embedWrap {margin-top:30px}
.lecMenuAll-itv img.itv-text {width:100%; max-width:536px}

/*단과반 강의상세*/
.LV_type01 {width:100%; padding:40px 0 80px;}
.LV_type01 div {margin:0 auto;}
.LV_type01 div img {width:auto; max-width:100%;}
.LV_type01 div.part1 {padding:10px 0 0; width:90%; text-align:center; overflow:hidden}
.LV_type01 div.part1 p {width:100%; padding-top:40px; text-align:center; font-family:NanumBarunGothicBold; font-size:24px; font-weight:600;}
.LV_type01 div.part1 p br {display:none}
.LV_type01 div.part1 div.classTitleA {margin:auto; width:80%; overflow:hidden}/*선생님사진은 관리자-하드코딩*/
.LV_type01 div.part1 div.classTitle {padding-left:40%; padding-top:40px; padding-bottom: 15px; text-align:left}
.LV_type01 div.part1 div.classTitle h1 {font-weight:900; font-size:4.5em; color:#222; line-height:120%}
.LV_type01 div.part1 div.classTitle h2 {display:inline-block; background:#222; font-weight:900; font-size:3.6em; color:#fff; padding:7px 12px 4px; line-height:100%}
.LV_type01 div.part1 div.classTitle h3 {font-size:1.6em}

.LV_type01 div.part2 {width:85%; padding-top:30px; overflow:hidden; font:500 14px/150% "NanumBarunGothic"; letter-spacing:normal !important;}
.LV_type01 div.part2 ul {clear:both; overflow:hidden}
.LV_type01 div.part2 ul li.Left {float:left; width:12%;}
.LV_type01 div.part2 ul li.Left span {display:block; float:left; padding:6px 0 4px; width:90px; text-align:center; border-radius:20px; }
.LV_type01 div.part2 ul li.Right {float:right; width:84%; padding-top:5px; line-height:180%}
.LV_type01 div.part2 ul li.Right ol {/*width:100%; */margin-left:10px}
.LV_type01 div.part2 ul li.Right ol li {clear:both; display:list-item; list-style-type:square !important; width:100%; line-height:160%}
.LV_type01 div.part2 ul li.Right a {text-align:left; border-radius:5px; color:#000; padding:0; font-weight:bold; background:none}
.LV_type01 div.part2 ul li.Right a:hover {color:#ee404a}
.LV_type01 div.part2 ul li.Right dd img {padding-right:10px !important;}

.LV_type01 div.part3 {clear:both; padding-top:40px; width:92%; margin:0 auto;}
.LV_type01 div.part3 ul {clear:both; width:100%;}
.LV_type01 div.part3 ul li {text-align:center; width:100%;}
.LV_type01 div.part3 ul li.title {width:100%; text-align:center; font:600 24px/180% "NanumBarunGothicBold";}
.LV_type01 div.part3 ul li span {font:400 14px/150% "NanumBarunGothic"; letter-spacing:normal !important;}
.LV_type01 div.part3 ul li span.sc_time1 {display:inline-block; padding:7px 15px 5px; margin:2px 5px; background:#e67520 url(../images/sub/bg_pattern01.png) repeat; color:#FFFFFF}
.LV_type01 div.part3 ul li span.sc_time2 {display:inline-block; padding:7px 15px 5px; margin:2px 5px; background:#4962a7 url(../images/sub/bg_pattern02.png) repeat; color:#FFFFFF}
.LV_type01 div.part3 ul li span.sc_time3 {display:inline-block; padding:7px 15px 5px; margin:2px 5px; background:#9358b5 url(../images/sub/bg_pattern03.png) repeat; color:#FFFFFF}
.LV_type01 div.part3 ul li span.sc_time4 {display:inline-block; padding:7px 15px 5px; margin:2px 5px; background:#ffe13d url(../images/sub/bg_pattern04.png) repeat; color:#b80e00}
.LV_type01 div.part3 ul li span.sc_time5 {display:inline-block; padding:7px 15px 5px; margin:2px 5px; background:#e43d3d url(../images/sub/bg_pattern05.png) repeat; color:#FFFFFF}

.LV_type01 div.part4 {clear:both; padding-top:30px; width:100%;margin:0 auto;}
.LV_type01 div.part4 p {width:100%; text-align: center}

	@media all and (max-width:750px) {/*750이하 화면*/
		.LV_type01 div.part1 div.classTitleA {background:none; width:95%}
		.LV_type01 div.part1 div.classTitle {padding-left:0;}
		.LV_type01 div.part1 div.classTitle h1 {font-size:4.2em;}
	}

/*단과반 강의상세-버튼바*/
.btn_go1 {padding:50px 0 0; text-align:center; word-break:keep-all}
.btn_go1 div.btn_bar {margin:auto; text-align:center}
.btn_go1 div.btn_bar a.spClBtn {display:inline-block; padding:0 40px; background:#ff4242; background:linear-gradient(0deg, #e30a07, 50%, #ff4242); font:600 18px/320% 'NanumBarunGothic';}
.btn_go1 div.btn_bar a.spClBtn {color:#ffffff !important;}
.btn_go1 div.btn_bar a.spClBtn:hover {color:#ffffff ; background:#e30a07}


/*단과반 강의상세-강의시간표*/
.schedule_type01 {background:#fff; box-shadow:1px 1px 9px #555}
.schedule_type01 tr th {color:#646369; padding:4px 0; font-weight:bold; border:solid 1px #e0e0e0; text-align:center;}
.schedule_type01 tr td {border:solid 1px #e0e0e0; padding:0; margin:0}
	.sat {background:#edf2f7; color:#92a6b5 !important;}
	.sun {background:#f7f1ed; color:#c2a2a1 !important}
.schedule_type01 tr.date td {text-align:right; color:#bababa; font-weight:bold; border-bottom:none !important; padding:7px; letter-spacing:normal !important; font-size:11px}
.schedule_type01 tr.schedule td {border-bottom:none !important; border-top:none !important; text-align:center; padding:5px 0; margin-bottom:5px; font:400 12px/120% "NanumBarunGothic";}
	.bg_pt1 {background:#e67520 url(../images/sub/bg_pattern01.png) repeat; color:#FFFFFF}
	.bg_pt2 {background:#4962a7 url(../images/sub/bg_pattern02.png) repeat; color:#FFFFFF}
	.bg_pt3 {background:#9358b5 url(../images/sub/bg_pattern03.png) repeat; color:#FFFFFF}
	.bg_pt4 {background:#ffe13d url(../images/sub/bg_pattern04.png) repeat; color:#b80e00}
	.bg_pt5 {background:#e43d3d url(../images/sub/bg_pattern05.png) repeat; color:#FFFFFF}
.schedule_type01 tr.blank td {border-top:none !important; padding:0 !important; margin:0 !important}



/*신청 버튼 (2016-03-15)*/
.lecBtn01 {margin-top:50px; background:#fffff6; border:1px dashed #cccccc; padding:50px 15px 30px 15px}
.lecBtn01 dl {margin:auto; width:100%}
.lecBtn01 dl dd {text-align:center; padding:15px 0}
.lecBtn01 dl dd.title {font-size:20px; line-height:130%; letter-spacing:-0.08em}
.lecBtn01 dl dd.title span.p1 {color:#0072bc; font-weight:bold}
.lecBtn01 dl dd.title span.p2 {color:#b90016; font-weight:bold}
.lecBtn01 dl dd a {display:inline-block; width:260px; height:54px; line-height:54px; background:#c14949; margin:7px 15px; font-size:16px; font-weight:bold; color:#ffffff}
.lecBtn01 dl dd a:hover {background:#9d3b3b}


/*학습로드맵*/
.rdmMenu li {display:inline; float:left; width:25%}
.rdmMenu br {display:block}
.rdmMenu a {display:block; padding:10px 0; font-weight:bold; text-align:center; color:#fff; font-weight:bold; font-size:120%; background:#4a4f55; border-right:1px solid #fff}
.rdmMenu a:hover,
.rdmMenu a.active {background:#539ccf}
.rdmMenu:after {content:""; display:block; clear:both}

.rdmMenu2 li {display:inline; float:left; width:50%}
.rdmMenu2 br {display:block}
.rdmMenu2 a {display:block; padding:10px 0; font-weight:bold; text-align:center; color:#fff; font-weight:bold; font-size:120%; background:#4a4f55; border-right:1px solid #fff}
.rdmMenu2 a:hover,
.rdmMenu2 a.active {background:#539ccf}
.rdmMenu2:after {content:""; display:block; clear:both}

.rdmMenu3 li {display:inline; float:left; width:33.33333%}
.rdmMenu3 br {display:block}
.rdmMenu3 a {display:block; padding:10px 0; font-weight:bold; text-align:center; color:#fff; font-weight:bold; font-size:120%; background:#4a4f55; border-right:1px solid #fff}
.rdmMenu3 a:hover,
.rdmMenu3 a.active {background:#539ccf}
.rdmMenu3:after {content:""; display:block; clear:both}

.rdmTbox { padding:30px; background:#00184e url(../images/sub/pt04.png); color:#fff}
.rdmTbox h4 {font-size:140%; /*font-weight:bold;*/ margin-bottom:10px}

.roadmap_cfa01 {position:relative; padding:0; margin:0; margin:20px 0}
.roadmap_cfa01 div {position:absolute; top:5px; height:80px; width:80px; line-height:80px; border-radius:80px; text-align:center; color:#fff; font-size:120%; font-weight:bold; background:#539ccf; z-index:100}
.roadmap_cfa01 p {width:auto; border:1px solid #999; padding:25px 4% 25px 60px; margin-left:40px; font-weight:bold}
.roadmap_cfa01 strong {color:#539ccf}

.roadmap {background:#e6e6e6; padding:30px 20px}
.roadmap li.rdmsub {display:block; width:98%; margin:0 1% 20px; background:#d4d4d4}
.roadmap li.rdmsub-s {clear:both; display:block; width:98%; margin:0 1% 20px; background:#f8d95c; padding-bottom:5px}
.roadmap h3 {line-height:2.5; /*font-weight:bold;*/ margin-bottom:10px}
.roadmap h3 img {vertical-align:middle}
.roadmap h3 span {background:url(../images/sub/pt02.gif); color:#fff; padding:10px 20px; margin-right:10px}
.roadmap p,
.roadmap ol {margin:0 20px; color:#565656}
.roadmap p.title { font-size:110%; font-weight:bold; letter-spacing:-1px}
.roadmap ol {margin:10px 20px}
.roadmap ol li {margin-left:20px; list-style:decimal}
.roadmap p.lecday {color:#fff; background:#8a8a8a; padding:10px; margin:0; text-align:right}
.roadmap:after {content:""; display:block; clear:both}

.bookSec {padding:1.6em; border:1px solid #d3d3d3; margin-top:1em}
.bookSec .booktop {position:relative}
.bookSec .booktop .bookSec-L {float:left; width:20.65217%; text-align:center}
.bookSec .booktop .bookSec-L img {border:1px solid #d3d3d3; width:100%; margin-bottom:10px}

.bookSec .booktop .bookSec-R {float:right; width:75%}
.bookSec .booktop .bookSec-R li {border-bottom:1px solid #d3d3d3; padding:0.875em; vertical-align:middle}
.bookSec .booktop .bookSec-R li:last-child {border:0}
.bookSec .booktop a.more {position:absolute; right:0; bottom:0em; display:block; width:30px; height:30px; background:url(../images/sub/btnArr1.gif) no-repeat center center; cursor:pointer}
.bookSec .booktop a.more:hover {background:#eee url(../images/sub/btnArr1.gif) no-repeat center center}
.bookSec .booktop:after {content:""; display:block; clear:both}

	.bookCont {clear:both; display:none}
	.bookCont p.s-title a {padding:0 1em}
	.bookCont p.s-title a.active {color:#539ccf}
	.bookCont p.s-title {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:1em 0; background:url(../images/sub/pt01.gif)}
	.bookCont div {padding:1.25em 1em}
	.bookDetail {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:1em 0; background:url(../images/sub/pt01.gif)}
	.bookinfo img {width:100%}
	.bookDetail a {padding:0 1em}
	.bookDetail a.active {color:#539ccf}
.bookSec select {width:50px}

.lec-pkg {position:relative}

.btn-lec-schedule {position:absolute; top:-38px; right:0; z-index:9999}
.btn-lec-schedule a {display:inline-block; padding:7px 15px; background:#4a4f55; color:#fff;}
.btn-lec-schedule a:hover {background:#000; color:#FF6}

.lec-pkg span.info-title {display:inline-block; background:url(../images/sub/pt02.gif); font-size:140%; font-weight:bold; color:#fff; padding:10px 15px; /*width:110px;*/ margin-top:30px; text-align:center}
	.info {margin-top:30px}
	.info li {list-style:disc; margin-left:20px; line-height:20px}
	.advantage {margin-top:30px}
	.advantage li {line-height:30px; padding-left:28px}
	.advantage li.num1 {background:url(../images/sub/number1.png) no-repeat left 5px}
	.advantage li.num2 {background:url(../images/sub/number2.png) no-repeat left 5px}
	.advantage li.num3 {background:url(../images/sub/number3.png) no-repeat left 5px}
	.advantage li.num4 {background:url(../images/sub/number4.png) no-repeat left 5px}
	.advantage li.num5 {background:url(../images/sub/number5.png) no-repeat left 5px}
	.advantage li.num6 {background:url(../images/sub/number6.png) no-repeat left 5px}
	.advantage li.num7 {background:url(../images/sub/number7.png) no-repeat left 5px}
	.advantage li.num8 {background:url(../images/sub/number8.png) no-repeat left 5px}
	.advantage li.num9 {background:url(../images/sub/number9.png) no-repeat left 5px}
	.advantage li p {line-height:1.5}
	.advantage li ul {margin-top:10px}
	.advantage li li {display:inline; float:left; line-height:20px; margin-right:1%; border:1px #ccc dashed; width:44%; padding:20px 2%; margin-bottom:10px; text-align:center}
	.advantage li .ul-type1 li {min-height:270px}

	.advantage li li h4 {margin-bottom:14px; border-bottom:3px #d9d9d9 solid; padding-bottom:10px; /*font-weight:bold;*/ color:#505050; font-size:110%; letter-spacing:-1px}
	.advantage li li h4 br {display:block}
	.advantage li li p {text-align:left; margin-top:14px}
	.advantage li li img { width:100%; max-width:152px}
	.advantage li ul:after {content:""; display:block; clear:both}

	.refund {border:5px solid #d1e6f3; padding:20px; margin-top:20px}
	.refund li {padding:10px 0; padding-left:55px}
	.refund li.step1 {background: url(../images/sub/step1.jpg) no-repeat left 5px}
	.refund li.step2 {background: url(../images/sub/step2.jpg) no-repeat left 5px}
	.refund li.step3 {background: url(../images/sub/step3.jpg) no-repeat left 5px}
	.refund li.step4 {background: url(../images/sub/step4.jpg) no-repeat left 5px}

	.group {background:#ccc url(../images/sub/pt03.gif); margin-top:20px; border-radius:10px 10px 0 0}
	.group li {display:inline; float:left; width:33.33333%}
	.group li.half {display:inline; float:left; width:50%}
	.group a {display:block; padding:10px 0; text-align:center; font-size:120%; font-weight:bold; font-family:Verdana, Geneva, sans-serif; border-radius:10px 10px 0 0}
	.group a:hover,
	.group a.active {background:#e4e4e4 url(../images/sub/pt03.gif)}
	.group:after {content:""; display:block; clear:both}

.lec-pkg > img {width:100%; max-width:920px}

.lec-pkg .target {clear:both; width:100%; table-layout:fixed; margin:15px 0; border-collapse:collapse}
.lec-pkg .target th,
.lec-pkg .target td {text-align:center; color:#fff; letter-spacing:-1px}
.lec-pkg .target th {background:#f5716c url(../images/sub/pt02.png); font-size:120%; color:#FF6}
.lec-pkg .target td {background:#73b9d2 url(../images/sub/pt02.png); border-right:1px solid #fff}
.lec-pkg .target th div,
.lec-pkg .target td div {position:relative; padding:16px 10px; font-weight:bold; word-breka:keep-all}
.lec-pkg .target img {position:absolute; width:20px; left:-11px; top:50%; margin-top:-10px; z-index:10}


.lec-pkg .lec-time {clear:both; width:100%; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-collapse:collapse; margin:0.625em 0 1em}
/*.lec-pkg .lec-time col.col-picture {width:14%; max-width:140px; min-width:60px}*/
.lec-pkg .lec-time th {font-weight:bold; background:#fafafa}
.lec-pkg .lec-time th,
.lec-pkg .lec-time td {padding:0.75em 1%; border:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; color:#333}
	.utility {margin-top:30px; padding:7px 0 0; border:1px solid #ccc}
	.utility li {display:inline; float:left; text-align:center; width:50%; padding-bottom:7px}
	.utility li img {width:100%; max-width:170px}
	.utility:after {content:""; display:block; clear:both}

.lec-pkg .lec-time td .btn{margin:0 auto; width:100%}
.lec-pkg .lec-time td a.btn1{display:block; padding:8px 0 7px; width:80px; background:#e3732b; color:#fff; text-align:center; border-radius:6px}
.lec-pkg .lec-time td a.btn1:hover {background:#e35900}


.lec-pkg .lec-pkg-btn {width:100%; margin:30px auto 0; text-align:center}
.lec-pkg .lec-pkg-btn li {display:inline; float:left; margin-right:1%; width:32.33333%}
.lec-pkg .lec-pkg-btn li.ver50 {width:49%}
.lec-pkg .lec-pkg-btn li a {display:block; padding:10px; text-align:center; font-weight:bold; color:#fff; background:#333 url(../images/sub/pt02.png); border-radius:0 10px; letter-spacing:-1px}
.lec-pkg .lec-pkg-btn li a:hover {background:#999 url(../images/sub/pt02.png); color:#FF9}
.lec-pkg .lec-pkg-btn:after {content:""; display:block; clear:both}

	.lec-d-img {text-align:center; padding:40px 0}
	.lec-d-img img { max-width:100%}


/* 회계사/세무사 연간일정 및 종합반안내 */
.yaerPG_CB_01 {background:#73a3bc; padding:1em 0;}
.yaerPG_CB_01 li {margin:0 auto; text-align:center}
.yaerPG_CB_01 li.dotLine {background:url(../images/sub/yaerPG_CB_dotLine01.png)repeat-x; height:1px;}
.yaerPG_CB_01 li.title {padding:70px 0 15px 0}
.yaerPG_CB_01 li img.schedule {width:100%; max-width:870px; overflow: scroll}
.yaerPG_CB_01 li img.title {width:50%; max-width:271px; overflow: scroll}

.yaerPG_CB_02 {background:#f8f8f8; padding:2em;}
.yaerPG_CB_02_group {border:1px dashed #e1e1e1; padding:2em; background:#fff url(../images/sub/yaerPG_CB_point01.png) no-repeat left top; margin:0 auto 40px}
.yaerPG_CB_02_group h4 {font-size:1.9em; color:#e2551d; line-height:130% !important; letter-spacing:-0.03em; padding:1em 0}
.yaerPG_CB_02_group h4 span {font-size:0.6em; white-space:pre}
.yaerPG_CB_02_group li {background:url(../images/sub/pt05.png)no-repeat 0 0.7em; font:100 1.2em/150% 'NanumBarunGothic'; letter-spacing:-0.06em; padding:0.3em 0 0.3em 1em}
.yaerPG_CB_02 p.guide {font:100 1.2em/150% 'NanumBarunGothic'; background:none;}



/*강의시간표*/
.timetable {margin:20px 0}
.timetable a {display:none}
.timetable table {clear:both; width:100%; border:0; border-top:2px solid #333; border-collapse:collapse; margin:0.625em 0 1em}
.timetable table col.col-picture {width:14%; max-width:140px; min-width:60px}
.timetable table th{padding:0.75em 1%; border:0; text-align:center; background:#00536f; border-bottom:1px solid #ddd; font-weight:bold; color:#fff}
.timetable table td {padding:0.75em 1%; border:0; text-align:center; background:#FFFFFF}
.timetable table tr {border-bottom:1px solid #ddd}
.timetable table tr.date {background:#a0a0a0; color:#fff; font-weight:bold}
.timetable table tr.week td {background:#f9f9f9; color:#4b7c8c; border-top:1px solid #8eb3bf}
.timetable table td.ampm {background:#f1f1f1}
.timetable table .borR {border-right:1px solid #ddd}
.timetable-pop {padding:1em}


/*전국모의고사*/
.exam img {width:100%}
.exam .exam-tbl {padding:1em 2em 2em; background:#282834}
.exam .exam-tbl table {border:1px solid #565683; border-bottom:none; border-right:none; width:100%; background:#9a9acc}
.exam .exam-tbl table th {text-align:center; background:#393954; color:#9a9acc; font-weight:bold; padding:10px 0; border-bottom:1px solid #565683; border-right:1px solid #565683}
.exam .exam-tbl table td {text-align:center; color:#393954; padding:10px 0; border-bottom:1px solid #565683; border-right:1px solid #565683}

/*패키지 및 종합반*/
.pkg-info {margin-top:20px}
.pkg-info h3 {padding:14px 14px 12px; font-size:130%; /*font-weight:bold;*/ color:#000; background:url(../images/sub/pt01.gif); border:1px solid #000}
.pkg-subject {color:#243746; font-size:120%; font-weight:bold; padding:10px; background:url(../images/common/bullet1.gif) no-repeat left 17px; margin-top:10px}
.pkg-info table {clear:both; width:100%; border:0; border-top:1px solid #ccc; border-collapse:collapse; margin:0 0 1em}
.pkg-info table th{background:#e5e5e5; text-align:center; font-weight:bold}
.pkg-info table th,
.pkg-info table td{padding:10px 5px 8px; border:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center}
.pkg-info table th {color:#333}
.pkg-info table .borRNo {border-right:none}
.pkg-info a.btn_request {display:block !important; padding:15px 0; text-align:center; font-size:160%; font-weight:bold; color:#fff; letter-spacing:-1px; margin:0 auto !important; margin-top:3% !important; width:100% !important; border:1px solid #000;
background: #aebcbf; /* Old browsers */
background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
}


/*교수소개*/
.teacher-list {clear:both}
.t-list li {display:inline; float:left; width:48%; margin:0 1%; margin-bottom:2%}
.t-list .t-box {border:1px solid #d3d3d3; text-align:center; padding:1.25em 0 0}
.t-list .t-box .t-img {border:1px solid #d3d3d3; background:#eee; display:block; max-width:148px; margin:0 auto}
.t-list .t-box .t-img img {width:100%; max-width:148px; height:183px}
.t-list .t-box p {padding:1em 0; border-bottom:1px solid #d3d3d3}
.t-list .t-box div {padding:1.25em 0}
.t-list .t-box div a {display:inline-block; border:1px solid #ddd; padding:4px 8px; color:#fff}
.t-list .t-box div a.profile {background:#539ccf}
.t-list .t-box div a.sample {background:#7ea951}
.t-list .t-box div a:hover {background:#243746}
.t-list:after {content:""; display:block; clear:both}

.t-Info {border:1px solid #d3d3d3}
.t-Info h3 {background:#eee; border-bottom:1px solid #d3d3d3; padding:0.625em; line-height:1.5}
.t-Info .t-InfoSec {padding:1.6em}
.t-Info .t-Info-L {text-align:center}
.t-Info .t-Info-L img {background:#eee; border:1px solid #d3d3d3; width:150px}
.t-Info .t-Info-L p {padding:1em 0}
.t-Info .t-Info-L a {display:inline-block; margin:0 2px; border:1px solid #ddd; color:#fff; padding:4px 8px}
.t-Info .t-Info-L a.sample {background:#539ccf}
.t-Info .t-Info-L a.qna {background:#7ea951}
.t-Info .t-Info-L a:hover {background:#243746}

.t-Info .t-Info-R {}
.t-Info .t-Info-box li {}
.t-Info .t-Info-box div {border:1px solid #d3d3d3; padding:1em; height:170px; overflow-y:auto}
.t-Info .t-Info-box li p {font-weight:bold; font-size:120%; padding:1em 0}
.t-Info .t-Info-box li li {display:block; border:0; padding:3px 0; width:100%}
.t-Info .t-InfoSec:after {content:""; display:block; clear:both}

/*------------------------교수소개 NEW (2018.01.04 적용)---------------------*/
/*TOP-교수소개이미지*/
.profDetail_top {margin:0 auto!important; padding: 0 !important; width:920px; font-size:1.05em; overflow:hidden}
.profDetail_top .navi {padding:13px 0 15px; width:100%; text-align:left; border-top:1px solid #dddede; border-bottom:1px solid #dddede; font:600 1.2em Noto Sans Korean; color:#5c6265; overflow:hidden}
.profDetail_top .navi ul li {float:left; line-height:14px;}
.profDetail_top .navi ul li.class {padding:0 15px;  border-right:1px solid #dddede}
.profDetail_top .navi ul li.name {padding:0 15px;}
.profDetail_top .title img {max-width:100%}

/*강의세부과목, 약력, 주요저서*/
.profData {margin:0 auto!important; padding:0 !important; width:920px; overflow:hidden}
.profData ul {margin-top:20px; width:100%;}
.profData ul li {float:left; width:33.05%}
.profData ul li div {width:95%;}
.profData ul li div.left {float:left;}
.profData ul li div.center {margin:auto;}
.profData ul li div.right {float:right; margin-right:0px}
.profTitleBar {padding:6px 10px; background:#4a4f55; border:1px solid #4a4f55; font:400 1.2em Noto Sans Korean; color:#fff; text-align: center}
.profTitleBar2 {padding:6px 10px; background:#539ccf; border:1px solid #539ccf; font:400 1.2em Noto Sans Korean; color:#fff; text-align: center}
.proWritingBox {padding:10px; border:1px solid #dddddd; height:150px; text-align:left; background:#fff; overflow-y:auto}
.proWritingBox a:hover {text-decoration:underline}

/*버튼:강의맛보기, 학습Q&A*/
.profDataBtn {margin:0 auto!important; padding:0 !important; width:920px; overflow:hidden}
.profDataBtn ul {margin-top:10px; width:100%;}
.profDataBtn ul li {width:50%; margin-top:10px;}
.profDataBtn ul li.left {float:left;}
.profDataBtn ul li.right {float:right;}
.profDataBtn ul li img {max-width:100%}
.profDataBtn ul li a {background:#4a4f55; display:block; width:99.8%}
.profDataBtn ul li a:hover {background:#000}

/*탭메뉴*/
.profTabMenu {margin:0 auto; margin-top:30px; padding:0 !important; width:920px; overflow:hidden}
.profTabMenu ul {border-bottom:3px solid #ff454f; overflow: hidden}
.profTabMenu ul li {float:left; width:24.95%; font:400 1.2em Noto Sans Korean; text-align: center}
.profTabMenu ul li a {display:block; width:100%; border-top:1px solid #dddddd; border-right:1px solid #dddddd; padding:12px 0; color:#1d1f20}
.profTabMenu ul li a.active {border:1px solid #ff454f; background:#ff454f; color:#fff}
.profTabMenu ul li a.boL {border-left:1px solid #dddddd}

/*교수소개내용-특장점, 커리큘럼*/
.profcontents {margin:0 auto!important; padding:5% 0 !important; width:920px; background:#fff; text-align:center; overflow:hidden}
.profcontents img {max-width:100%;}
.profcontents div.title h1 {width:100%; background:#111 url(http://www.namucpa.com/images/professor/prof_contTitle01_bg.jpg)repeat; color:#fff; font:italic 300 2.1em/270% Noto Sans Korean;}
.profcontents div.title h1 span {font-weight:700}
.profcurriculum {padding-top:6%}
.profcurriculum .box3 {margin:auto; width:100%; overflow:hidden}
.profcurriculum .box3 li {float:left; width:33.05%; margin-top:7px }
.profcurriculum .box3 li div {width:95%;}
.profcurriculum .box3 li div.left {float:left;}
.profcurriculum .box3 li div.center {margin:auto;}
.profcurriculum .box3 li div.right {float:right; margin-right:0px}
.profcurriculum h2 {margin:auto; margin-top:4%; width:100%; text-align:left; background:url(/images/professor/imgKHS_pt01.jpg) no-repeat center left; padding-left:15px; font:500 1.68em Noto Sans Korean;}

	@media all and (max-width:1160px) {/*1160이하 화면*/
		.profDetail_top {width:100%}
		.profData {width:100%}
		.profDataBtn {width:100%}
		.profTabMenu {width:100%}
		.profcontents {width:100%}
	}

	@media all and (max-width:750px) {/*750이하 화면*/
		.profDataBtn ul li {width:100%}
		.PopupSz400 {width:100%}
		.passStoryEvent_btn li {width:100%}
	}
/*--------------------교수소개 NEW//---------------------*/

/*마이페이지*/
/*마이페이지-메인*/
.my-top-L,
.my-top-R {border:1px solid #e0e0e0; padding:1em}
.my-top-R {border-top:none}
.my-top-L div {}
.my-main-top h3 {font-size:110%; /*font-weight:bold;*/ padding:1em; border:1px solid #eee; margin-bottom:0.625em; background:url(../images/sub/pt01.gif)}
.my-main-top p {line-height:2; background:url(../images/common/bullet2.gif) no-repeat left center; margin-left:1em; padding:0 1em}
.my-main-top a {display:block; float:right; text-decoration:underline; color:#d30000}
.my-top-L:after,
.my-main-top:after {content:""; display:block; clear:both}

/*사전조사 팝업*/
.pretest {position:absolute; background:#fff; border:1px solid #333; z-index:9999}
.pretest .pretest-box {padding:1em}
.pretest h3 {background:#658db5; color:#fff; /*font-weight:bold;*/ height:50px; line-height:50px; padding-left:1em}
.pretest .close {position:absolute; right:5px; top:5px; padding:5px; display:inline-block; cursor:pointer; color:#000}
.pretest .buy-bnts { margin:0 auto; float:none; text-align:center}

/*새창공지사항*/
.my-notice-Board {position:relative}
.my-notice-Board h3 {position:fixed; background:#658db5; color:#fff; /*font-weight:bold;*/ height:50px; line-height:50px; padding-left:1em; width:100%; z-index:9999}
.my-notice-Board h3 .close {position:absolute; right:20px; top:10px; padding:5px; display:inline-block; cursor:pointer; color:#000}
.noticeBoard {padding:60px 1.5em 1.5em}

.my-main-notice {margin-top:2em}
.my-main-notice h3 {color:#243746; /*font-weight:bold;*/ font-size:120%; padding-left:10px; background:url(../images/common/bullet1.gif) no-repeat left center; margin-bottom:1em}
.my-main-notice h3 a {float:right; display:block; width:20px; height:26px; line-height:26px; text-align:center}
.my-main-notice:after {content:""; display:block; clear:both}

.my-on { margin-top:1em}
.my-on h2 {font-size:120%; /*font-weight:bold;*/ color:#2b7da7; height:40px; line-height:40px; border:1px solid #ccc; padding-left:2%}
.my-on .my-on-panel {padding:20px 2%; border:1px solid #ccc; border-top:none; overflow:hidden}
.my-on .my-on-panel .listLec {width:98%; float:left; margin:0 1%}
	.listLec img {border:1px solid #eaeaea; float:left; margin-right:10px}
	.listLec li {padding:4px 2%; color:#363c48}
	.listLec li a {font-weight:bold; color:#363c48}
	.listLec li a:hover {color:#000}
	.listLec:after {content:""; display:block; clear:both}

	.controls {position:relative; background:#CC3; width:68px; float:right}
	.controls a{position:absolute; top:0; width:40px; height:40px; display:block; background:url(../images/main/slider_arr3.png) no-repeat; font-size:0; z-index:10}
	.controls a.bx-prev{left:0;background-position:0 center}
	.controls a.bx-next{right:0;background-position:100% center}
	.controls:after {content:""; display:block; clear:both}

/*마이페이지-강의*/
.lec-infotxt1 {border:1px solid #e0e0e0; padding:1.5em}
.lec-infotxt1 h3 {/*font-weight:bold;*/ color:#333; margin-bottom:0.5em}
.lec-infotxt1 li {list-style-type:disc; margin-left:20px; line-height:1.5}

.lec-infotxt2 {position:relative; border-bottom:1px solid #e0e0e0; margin:1.5em 0; background:#f3f3f3}
.lec-infotxt2 h3 {/*font-weight:bold;*/ color:#333; border:1px solid #333; padding:1em; background:#fff url(../images/sub/pt01.gif); line-height:1.5}
.lec-infotxt2 h3 strong {font-size:90%; color:#539ccf; padding-bottom:0.5em}
.lec-infotxt2 h3 span {display:inline-block; padding:4px 5px 2px; color:#fff; font-size:11px; font-weight:normal; border-radius:3px}
.lec-infotxt2 h3 span.waiting{ background:#4db26c}
.lec-infotxt2 h3 span.ing{background:#d60000}
.lec-infotxt2 div.btns {text-align:center; margin:0.5em 0}
.lec-infotxt2 div.btns a {display:inline-block; text-align:center; padding:6px 0; border:1px solid #b7b7b7; background:#fff; width:30%; margin:0 1%}
.lec-infotxt2 div.btns a.extend {border:1px solid #333; background:#333; color:#fff}
.lec-infotxt2 div.btns a.change {border:1px solid #f96340; background:#f96340; color:#fff}
.lec-infotxt2 div.btns a:hover {color:#fff; border:1px solid #539ccf; background:#539ccf}
.lec-infotxt2 .s-infotxt1 {padding:1em}
.lec-infotxt2 .s-infotxt1 li {line-height:2}
.lec-infotxt2 .s-infotxt2 {padding:1em; border:1px solid #333; background:#fff; margin-top:-1px}
.lec-infotxt2 .s-infotxt2 li {line-height:2}
.lec-infotxt2 .s-infotxt2 li.stop{margin-bottom:0.5em}
.lec-infotxt2 .s-infotxt2 li.stop a {display:inline-block; padding:0 4px; border:1px solid #ddd}
.lec-infotxt2 .s-infotxt2 li.stop a.request {color:#fff; border:1px solid #333; background:#333}
.lec-infotxt2 .s-infotxt2 li.stop a:hover {color:#fff; border:1px solid #539ccf; background:#539ccf}
.lec-infotxt2 div.all-list {width:96%; margin:0 2% 1em}
.lec-infotxt2 div.all-list a {display:block; text-align:center; padding:6px 0; border:1px solid #b7b7b7; background:#fff}

.lec-infotxt3 {border:1px solid #333; background:#fff url(../images/sub/pt01.gif)}
.lec-infotxt3 li {display:block; line-height:1.5}
.lec-infotxt3 li.last {color:#539ccf; text-align:right; padding: 0 1% 1% 0}
.lec-infotxt3 h3 {/*font-weight:bold;*/ color:#333; padding:1em 0 1em 2%}
.lec-infotxt3 ul:after {content:""; display:block; clear:both}


/*온라인모의고사*/
.mock-sub {border:1px solid #ddd; background:url(../images/sub/pt01.gif)}
.mock-sub li {padding:6px 0 5px; text-align:center}
.mock-sub:after {content:""; display:block; clear:both}

.mock-btn {width:100%}
.mock-btn li {vertical-align:middle}
.mock-btn li a {display:block; color:#4a4f55; border-radius:4px}
.mock-btn li a.take {background:#f1d4d4; padding:6px 5px 5px}
.mock-btn li a.result {background:#b65656; color:#fff; padding:6px 5px 5px}
.mock-btn li a.print {margin-bottom:0.5em; padding:3px 0}
.mock-btn li a:hover {color:#fff; background:#539ccf}
.mock-btn li a.print:hover {background:none}
.mock-btn:after {content:""; display:block; clear:both}

.mock-btn2 li {vertical-align:middle}
.mock-btn2 li a {display:block; color:#4a4f55; border-radius:4px}
.mock-btn2 li a.print {margin-bottom:0.5em; padding:3px 0}
.mock-btn2 li a.commentary{background:#e0f1d4; padding:6px 5px 5px}
.mock-btn2 li a:hover {color:#fff; background:#539ccf}
.mock-btn2 li a.print:hover {background:none}
.mock-btn2:after {content:""; display:block; clear:both}

.mock-tab {border-bottom:#9c9c9c 2px solid; margin-top:2em}
.mock-tab li {display:inline; float:left; margin-right:1px}
.mock-tab a {display:block; padding:10px 10px 8px; color:#757575; background:#e0e0e0; font-weight:bold; border-radius: 5px 5px 0 0; text-align:center}
.mock-tab a:hover,
.mock-tab a.active {color:#fff; background:#9c9c9c}
.mock-tab:after {content:""; display:block; clear:both}

.mock-tab1 {position:relative; margin-top:1em; padding:1em 0}
.mock-tab1 ul {position:absolute; right:0; top:10px}
.mock-tab1 ul li {display:inline; float:left}
.mock-tab1 ul li:last-child {margin-left:-1px}
.mock-tab1 ul li a {display:block; padding:5px 10px 4px; border:1px solid #ccc; background:#ccc; color:#fff}
.mock-tab1 ul li a:hover,
.mock-tab1 ul li a.active {color:#333; background:#fff}
.mock-tab1 ul:after {content:""; display:block; clear:both}

.mock-paginate {vertical-align:middle; text-align:left; height:40px}
.mock-paginate img {vertical-align:middle}
.mock-paginate strong {display:inline-block; padding:0 10px; font-size:120%; color:#333}

.mock-tab2 {margin-top:1em; padding:1em 0}
.mock-tab2 p {padding:5px 0}

.mock-tab3,
.mock-tab4,
.mock-tab5 {margin-top:1em; padding:1em 0}
.grp-subject {display:block; margin-bottom:1.5em; padding:0 1%; width:98%}
.grp-subject img {width:100%}
.grp-subject p {font-weight:bold; line-height:1.5}
.grp-subject:after {content:""; display:block; clear:both}

/*모의고사 새창*/
.mock-test-Board {position:relative}
.mock-test-Board h3 {background:#658db5; color:#fff; /*font-weight:bold;*/ padding:1em}
.mock-test-Board .close {display:inline-block; padding:5px; cursor:pointer; color:#000; margin-left:20px; border:1px solid #fff}

.m-left {float:left; width:1012px}
	.m-t-top {background:#fff}
	.m-time {padding:0 10px}
	.m-t-tab {padding:0 10px; border-bottom:1px solid #333}
	.m-t-tab li {display:inline; float:left}
	.m-t-tab li a {display:block; width:140px; padding:10px 0; text-align:center; background:#eee; border-radius:10px 10px 0 0; margin-right:1px; font-weight:bold; color:#999}
	.m-t-tab li a:hover,
	.m-t-tab li a.active {color:#FFF; background:#333}
	.m-t-tab:after {content:""; display:block; clear:both}

	.q-img {width:100%; overflow-y:scroll; height:600px}
	.q-img img {}

.m-right {float:left; width:234px; margin:10px 0 0 15px}
	.q-num-t {clear:both; width:100%; border:0; border-top:1px solid #c27d6f; border-left:1px solid #c27d6f; border-collapse:collapse;  background:#fff}
	.q-num-t col.col-picture {width:14%; max-width:140px; min-width:60px}
	.q-num-t th {background:#fcf0da; color:#d18787; font-weight:bold}
	.q-num-t th,
	.q-num-t td {padding:3px 1%; border:0; border-bottom:1px solid #c27d6f; border-right:1px solid #c27d6f; text-align:center}
	.q-num-t tr.check {background:#fcf6eb}
	.m-right a {display:block; height:50px; line-height:50px; font-size:120%; font-weight:bold; text-align:center; width:100%; background:#333; color:#FF6; border-radius:10px; margin-top:20px}
	.m-right a:hover {background:#000; color:#fff}

.mock-test-Board:after {content:""; display:block; clear:both}


/*레이어팝업-진도별모의고사 성적표*/
.report {width:100%; min-width:360px}
.report h3 {background:#658db5; color:#fff; /*font-weight:bold;*/ height:50px; line-height:50px; padding-left:1em}
.reportBox {padding:0.5em 1em 1em}
.reportBox strong {display:block; padding:0.5em 0}
.reportBox .graph img {width:100%}
.reportBoard {padding:1em}

.subject-title {background:url(../images/sub/pt02.gif); color:#fff; font-size:120%; font-weight:bold; padding-left:1em; line-height:2.5}
.title-s {color:#243746; font-size:110%; font-weight:bold; padding:10px; background:url(../images/common/bullet1.gif) no-repeat left center; margin-top:1em}
.title-s a {display:inline-block; border:1px solid #ccc; border-radius:3px; padding:6px 5px 4px; font-size:90%; right:0}
.comment {padding:1em; border:1px solid #333; background:#efefef}


/*마이페이지-결제정보*/
.step li {display:inline; float:left; width:33.333333%; color:#606060; font-size:120%; text-align:center; padding:1em 0; background:#ddd url(../images/sub/mypage-step-bg1.gif) no-repeat right center}
.step li.friststep {background:#ddd url(../images/sub/mypage-step-bg3.gif) no-repeat right center}
.step li.laststep {background:#ddd}
.step li.active {color:#fff; font-weight:bold; background:#9c9c9c url(../images/sub/mypage-step-bg2.gif) no-repeat right center}
.step li.active span,
.step li.laststepAc span {color:#ffe400}
.step li.laststepAc {background:#9c9c9c; color:#fff; font-weight:bold}
.step:after {content:""; display:block; clear:both}

.cart-info {clear:both; margin:2em 0 1em}
.cart-info h3 { background:#dedede; border-radius:5px; padding:1em; /*font-weight:bold;*/ margin-bottom:1em}
.cart-info p.subject {float:none; color:#243746; font-size:110%; font-weight:bold; padding:10px; background:url(../images/common/bullet1.gif) no-repeat left 17px}
.cart-info ul.cart-text {margin-bottom:1em}
.cart-info ul.cart-text li {line-height:2}
.cart-info p.confirm { text-align:center; font-weight:bold; padding:2em 0; margin:1em 0; border-top:1px solid #333; border-bottom:1px solid #333 }

.cartTotal {background:#eee; border-top:1px solid #000; border-bottom:1px solid #000; padding:1em 0; margin-top:2em; text-align:center}

.txtBox1 {clear:both; border-top:3px solid #333; border-bottom:1px solid #333; background:#eee; margin:2em 0 1em; padding:1em}
.txtBox1 strong { background:url(../images/common/bullet1.gif) no-repeat left center; padding-left:1em}
.txtBox1 p {background:#fff; padding:0.625em; margin-top:0.625em}
/*장바구니 탭메뉴*/
.cartTab {overflow:hidden}
.cartTab li {display:inline; float:left; width:50%}
.cartTab li a {display:block; background:#f5f5f5; color:#172436; padding:20px 10px; font:300 24px/120% 'NanumBarunGothic'; border:1px solid #dfe2e0; border-bottom:3px solid #e90022; text-align:center}
.cartTab li a strong {font-weight:800}
.cartTab li a.active {background:#fff; color:#e90022; border:3px solid #e90022; border-bottom:none}
.exclBox {margin:45px 0;text-align:center; overflow:hidden}
.exclBox ul {margin:auto;}
.exclBox ul li {display:inline-table; padding:0 !important; margin:0 !important;}
.exclBox ul li p {padding:3px 0;}
.exclBox ul li p.exclTxt1 {color:#e90022; font:300 15px/120% 'NanumBarunGothic';}
.exclBox ul li p.exclTxt1 span {font-size:17px; font-weight:700}
.exclBox ul li p.exclTxt2 {color:#f0776c; font:300 15px/120% 'NanumBarunGothic';}

/*member-회원가입*/
.join-top {margin-top:1em}
	.join-top-L {margin-bottom:5px}
	.join-top-L li {display:inline; float:left; width:24%; margin:0 0.5%}
	.join-top-L li a {display:block; padding:1em 0; text-align:center; background:#e0e0e0; color:#757575; font-weight:bold}
	.join-top-L li a.active,
	.join-top-L li a:hover {background:#243746; color:#fff}
	.join-top-L:after {content:""; display:block; clear:both}
	.join-top-R {}
	.join-top-R li {display:inline; float:left; width:49%; margin:0 0.5%}
	.join-top-R li a {display:block; padding:1em 0; text-align:center; background:#fff; color:#757575; font-weight:bold; border-radius:3px; border:1px solid #b2b8c4}
	.join-top-R li a:hover {background:#b2b8c4; color:#fff}
.join-top:after {content:""; display:block; clear:both}

.join-step {position:relative; margin-top:2em; padding-left:1px; height:50px}
.join-step li {position:absolute; display:inline; width:25%}
.join-step li span {display:block; text-align:center; padding:1em 0; background:#fbfbfb; color:#757575; font-weight:bold; font-size:120%; border:1px solid #b2b8c4; margin-left:-1px}
.join-step li.active {z-index:2}
.join-step li.active span{background:#fff; border:1px solid #243746; border-bottom:1px solid #fff; color:#243746}
.join-step li.step1 {left:0}
.join-step li.step2 {left:25%}
.join-step li.step3 {left:50%}
.join-step li.step4 {left:75%}
.join-step:after {content:""; display:block; clear:both}

.join-box {clear:both; margin-top:1em; padding:1em}
.join-box h3.title { /*font-weight:bold;*/ color:#243746; padding:2em 0 1em}
.join-box .join-rules{border:1px solid #ccc; padding:2em; height:150px; overflow:auto}
.join-box .join-wrap {border:1px solid #ccc; padding:2em; overflow:auto}
.join-box .join-wrap li {width:100%}
.join-box p.check {padding:1em 0; vertical-align:middle}
.join-btns {text-align:center; padding:2em 0}
.join-btns a {display:inline-block; text-align:center; color:#333; width:150px; border:1px solid #ccc; padding:1em 0; font-size:120%; font-weight:bold}
.join-btns a.active {color:#fff; background:#333}
.join-btns a:hover {color:#fff; background:#539ccf}
	.rulesBox h1,
	.rulesBox h2,
	.rulesBox h3 {/*font-weight:bold;*/ padding:0.5em 0; margin:0.5em 0; color:#333 !important}
	.rulesBox h2 {border-bottom:1px dashed #dcdcdc; border-top:1px dashed #dcdcdc}
	.rulesBox h2 a {/*font-weight:bold;*/ color:#333 !important}
	.rulesBox .ruleS li {padding:2px; margin:0}
	.rulesBox .ruleC {line-height:1.5}
	.rulesBox .ruleC ol li {list-style:decimal; margin:0; margin-left:1.5em; width:100%}

	.rulesBox h3 {line-height: 36px; vertical-align:middle}
	.rulesBox .ruleST {margin:auto; text-align:center; background:#edf8fe; padding: 30px}
	.rulesBox .ruleST li {padding:10px 0; width:15%; display:inline-block;}
	/*.rulesBox .ruleST li:after {content:""; display:inline-block; clear:both}*/
	.rulesBox .ruleST li a {font:600 15px/120% 'NanumBarunGothic'; color:#000000}
	.rulesBox .ruleST li p {margin-top: 5px}
	.rulesBox p.Ts {margin-top: 40px; font: 600 16px/120% 'NanumBarunGothic'; color:#000000;}
	.rulesBox .ruleSTs {margin:auto; margin-top:10px; background: #fbfbfb; padding:30px}
	.rulesBox .ruleSTs li a {display:block; margin-top: 5px; font: 400 14px/100% 'NanumBarunGothic'; color:#000000; vertical-align:middle !important;}
	.rulesBox .ruleSTs li a span {line-height: 36px; vertical-align:middle}

.join-box li {margin-bottom:1em}
.join-box ul:after {content:""; display:block; clear:both}

.join-box .confirm {border:1px solid #ccc; padding:3em; min-height:434px}
.join-box .confirm h2 {border:1px solid #90939b; padding:1em 0; text-align:center; color:#000; /*font-weight:bold;*/}
.join-box .confirm h2 img {vertical-align:middle}
.join-box .confirm p.cfTxt1 {margin:3em 0; padding:2em 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; min-height:150px}
.join-box .confirm p.cfTxt2 {margin:3em 0; padding:1em 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
.join-box .confirm p.cfTxt3 {margin:1em 0 3em; text-align:center}
.join-box .confirm a.cfbtn {display:block; text-align:center; color:#fff; background:#333; width:150px; padding:1em 0; font-size:120%; font-weight:bold; margin:0 auto}
.join-box .confirm a.cfbtn:hover {color:#fff; background:#539ccf}
.join-box p.txtInfo {border:1px solid #ccc; padding:1em; color:#333; font-weight:bold; margin-top:2em}
.join-box .confirm .tabs1, .tabs2 {margin-top:2em}
.join-box .confirm .tabs1 li, .tabs2 li {display:inline; float:left; width:50%; background:#CCC}
.join-box .confirm .tabs1 a, .tabs2 a {display:block; text-align:center; background:#658db5; color:#fff; border:1px solid #658db5; border-bottom:1px solid #1d3a51; padding:1em 0}
.join-box .confirm .tabs1 a.active, .tabs2 a.active { background:#fff; color:#333; border:1px solid #1d3a51; border-bottom:1px solid #fff}
.join-box .confirm .tabs1:after, .tabs2:after {content:""; display:block; clear:both}
.join-box .confirm .cfList {width:85%; margin:3em auto}
.join-box .confirm .cfList li {width:100%}
.join-box .confirm .cfList strong {display:inline-block; width:80px}

.confirmPop {margin:3em}
.confirmPop h3 {border:1px solid #ccc; text-align:center; padding:1em; font-size:120%; /*font-weight:bold;*/ margin-bottom:2em}
.confirmPop li {padding:5px 0; margin-left:1em; list-style:disc}

.join-form-box {clear:both; margin-top:1em; padding:1em}
.join-form-box h2 {text-align:center; /*font-weight:bold;*/ padding:2em 0; color:#000}
.join-form-box p.step4 {padding:2em 0; border-top:1px solid #ccc; text-align:center}
.join-form-box p.step4 span {font-size:120%; font-weight:bold; color:#203e96}
.join-form-box h3.title { /*font-weight:bold;*/ color:#243746; padding:2em 0 1em}
.join-form-box .join-form {border:1px solid #ccc; padding:1em}
.join-form-box .join-form li {border-bottom:1px solid #ccc; padding:10px 0}
.join-form-box .join-form strong {display:block; width:120px; padding-bottom:8px}
.join-form-box .join-form div {line-height:2}
.join-form-box .join-form div a {line-height:1}
.join-form-box .join-form div p {padding-top:5px}

/*member-로그인*/
.loginWrap {clear:both; padding:3em 2em}
.loginWrap ul {width:100%; max-width:545px; margin:0 auto}
.loginWrap li {float:left; width:100%;  margin-bottom:10px}
.loginWrap li img {width:100%; max-width:545px}
.loginWrap li .loginBox {padding:1.5em; border:1px solid #ccc}

.loginWrap .loginBox .login-form {position:relative; width:80%; margin:0 auto}
.loginWrap .loginBox .login-form p {padding-bottom:3px}
.loginWrap .loginBox .login-form input[type=text] {width:64%}
.loginWrap .loginBox .login-form input[type=password] {width:64%}
.loginWrap .loginBox .login-form a {display:block; position:absolute; width:30%; right:0; top:0; height:57px; line-height:57px; background:#333; color:#fff; text-align:center; z-index:1}
.loginWrap .loginBox .login-form a:hover {color:#fff; background:#539ccf}

	.login-btns {text-align:center; padding:2em 0 1em; border-top:1px solid #bbb; margin-top:2em}
	.login-btns a {display:inline-block; text-align:center; color:#fff; padding:0.5em; width:70px; background:#666}
	.login-btns a.memberjoin {color:#222; background:#dfdfdf; font-weight:bold}
	.login-btns a:hover {color:#fff; background:#539ccf}
.loginWrap ul:after {content:""; display:block; clear:both}

/*검색페이지*/
.sub-search {border:1px solid #e0e0e0; padding:3em 2em 2em; text-align:center}
.sub-search input {width:200px}
.sub-search p {padding:1.5em 0 1em; border-top:1px solid #ccc; margin-top:1.5em}

/*인터넷서점*/
.book-top h3 {color:#243746; /*font-weight:bold;*/ font-size:120%; padding-left:10px; background:url(../images/common/bullet1.gif) no-repeat left center; margin-bottom:1em}
.book-top h3 a {float:right; display:block; width:20px; height:26px; line-height:26px; text-align:center}
.book-controls {position:relative; background:#CC3; width:68px; float:right}
.book-controls a{position:absolute; top:0; width:40px; height:40px; display:block; background:url(../images/main/slider_arr3.png) no-repeat; font-size:0; z-index:10}
.book-controls a.bx-prev{left:0;background-position:0 center}
.book-controls a.bx-next{right:0;background-position:100% center}
.book-controls:after {content:""; display:block; clear:both}

.book-left-box,
.book-notice {position:relative; border:1px solid #d3d3d3; border-top:2px solid #9c9c9c; padding:1.5em; margin-bottom:1em}
.book-left-box .book-img {border:1px solid #d3d3d3; width:120px; margin:0 auto; background:#eee}
.book-left-box .book-img a {display:block}
.book-left-box .book-img img {width:100%; min-height:167px}
.book-left-box li {border-bottom:1px solid #d3d3d3; padding:0.6em 0}
.book-left-box li.borNo {border:none}
.book-left-box li a {display:inline-block; text-align:center; padding:6px 1em; border:1px solid #b7b7b7; margin-left:5px}
.book-left-box li a.basket {color:#757575; background:#fff}
.book-left-box li a.buy{color:#fff; border:1px solid #333; background:#333}
.book-left-box li a:hover {color:#fff; border:1px solid #539ccf; background:#539ccf}
.book-notice li {position:relative; padding:9px 0; padding-left:10px; background:url(../images/common/bullet2.gif) no-repeat left center}
.book-notice li a {display:block; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.book-notice li span {position:absolute; width:80px; top:9px; right:0; text-align:right; z-index:1}
.book-left-box:after,
.book-notice li:after,
.book-top:after {content:""; display:block; clear:both}

.book-search {margin-top:1em; background:#eee; padding:1em 0; text-align:center}

.book-new {border-top:3px solid #333; padding-top:2em}
.book-new li {position:relative; display:inline; float:left; width:48%; margin:0 1% 3em}
.book-new li input {position:absolute}
.book-new div {background:#eee; width:120px; border:1px solid #d3d3d3; min-height:167px; margin:0 auto; background:#eee}
.book-new div img {width:100%; min-height:167px}
.book-new div a {display:block}
.book-new li li {display:block; float:none; width:100%; text-align:center; padding:0.25em 0; margin:0}
.book-new li ul {margin-top:0.5em}
.book-new li li h4 {font-size:120%; /*font-weight:bold;*/}
.book-new:after {content:""; display:block; clear:both}

.book-sort {border:1px solid #d3d3d3; padding:30px 30px 15px}
.book-sort li {display:inline-block; float:left; padding:0.25em}
.book-sort li a {display:block; padding:0 1em; height:28px; line-height:28px; background:url(../images/common/bullet2.gif) no-repeat left 40%}
.book-sort:after {content:""; display:block; clear:both}

.book-sort-list {border-top:2px solid #9c9c9c}
.book-sort-list li {border-bottom:1px solid #d3d3d3; padding:1.5em 0}
.book-sort-list li li {display:block; float:none; border:none; padding:0.5em 0; width:100%}
.book-sort-list div {float:left; text-align:center; background:#eee; width:120px; border:1px solid #d3d3d3; min-height:167px; margin:0 5%; background:#eee}
.book-sort-list div a {display:block}
.book-sort-list div img {width:100%; min-height:167px}
.book-sort-list ul {float:left; width:50%}
.book-sort-list li li a {display:block; width:95%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.book-sort-list li:after {content:""; display:block; clear:both}

.book-info {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:2em 0}
.book-info-L {background: url(../images/sub/book_bg.jpg) no-repeat center top; text-align:center; padding-top:7px; margin-bottom:1em; margin-top:20px;}
.book-info-L img {width:152px; height:210px}
.book-info-L a {display:block; width:55px; padding:6px 5px 4px 25px; border:1px solid #6d6d6d; background:#909090 url(../images/sub/icon-search.gif) no-repeat 10px center; color:#fff; font-size:95%; border-radius:3px; margin:60px auto 0; cursor:pointer}
.book-info-R {padding:1.5%}
.book-info-R li {padding:0.75em 0; border-bottom:1px solid #d3d3d3}
.book-info-R h3 {width:95%; font-size:15px; color:#000000}
.book-info-R li strong {display:inline-block; width:60px}
.book-info:after {content:""; display:block; clear:both}

.book-big {text-align:center; padding:2em}
.book-big img {width:280px; height:auto}

.book-total {clear:both; background:#7f7f7f; color:#fff; padding:10px 1.5%; margin-top:0; text-align:right}

.book-lec {border-top:3px solid #333; border-bottom:1px solid #333}
.book-lec li {border-bottom:1px solid #d3d3d3}
.book-lec li:last-child {border:none}
.book-lec a {display:block; padding:1em 0.25em; line-height:1.5}
.book-lec span {display:inline-block; min-width:90px; padding:0 10px}
.book-lec strong {padding:0 10px}

.book-txt {border:1px solid #ccc; padding:2em; margin-bottom:1em}
.book-txt h3 {color:#fff; background:#539ccf; padding:0.5em; /*font-weight:bold;*/ width:200px; margin-bottom:1em}
.book-txt li { margin-left:20px; list-style:disc; padding:0.4em 0}

/*인터넷 서점 구분 검색 바로가기 버튼: 2024-04-18*/
.book_list_bt_box {margin:1.5em 0; border:4px solid #eeeeee; padding:1.5em}
.book_list_bt_box ul {margin:auto}
.book_list_bt_box ul li {display:inline-block;
	background:url(https://www.namucpa.com/images/common/bullet3.gif)no-repeat left}
.book_list_bt_box ul li a {display:block; padding:0.05em; line-height:1.5; color:#333; font:500 1.15em/140% 'Noto Sans Korean'; padding:5px 12px 5px 13px;}
.book_list_bt_box ul li a:hover {color:#005eff}


/*수험정보실*/
.exam-info {line-height:1.5; background:#f2f2f2;}
.exam-info img.title {width:100%; max-width:920px; margin-bottom:0}

.exam-info2 {line-height:1.5; background:#f8f8f8;}
.exam-info2 img.title {width:100%; max-width:920px; margin-bottom:0}

.e-info {padding:20px; margin:0; overflow:hidden}
.e-info p span.s-title {display:inline-block; background:url(../images/sub/pt02.gif); color:#fff; font-size:140%; font-weight:bold; padding:5px 13px; margin-top:30px !important; overflow:hidden}
.e-info p {margin-top:15px; overflow:hidden}
.e-info p img {max-width:100%}
.e-info p.sub {margin-top:5px; overflow:hidden}
.e-info p.t-box {border:1px solid #ccc; background:#fff; padding:20px; margin:10px 0; overflow:hidden}
.e-info p.t-box img {width:100%; max-width:675px}
.e-info p span.asked {display:inline-block; background: #f95c4e; color:#fff; padding:0px 5px; margin-right:5px}

.e-info h2 {background:url(../images/common/symbol01.png) no-repeat; font-size:180%; color:#363636; padding:0 25px; letter-spacing:-0.01em; line-height:120%}
.e-info h2 span.txt {font:italic 16px NanumBarunGothic;}
.e-info h3 {font-size:1.6em; color:#2475c0; line-height:120% !important; letter-spacing:-0.03em; padding:2em 0 0}
.e-info h4 {font-size:1.3em; color:#222; line-height:120% !important; letter-spacing:-0.03em; padding:2em 0 0}
.e-info h4 span.hit {background:#2475c0; color:#fff; padding:4px 7px 1px; border-radius: 3px; margin-right:5px; font-size:14px}
.e-info h4 span.txt {font:100 14px NanumBarunGothic;}

.e-info div.textBox {border:1px dashed #e1e1e1; margin-top:10px; padding:2em; background:#f9f9f9}
.e-info div.textBox h4 {padding:0}

a.view { border:1px solid #d2d6d9; border-radius:3px; display:inline-block; padding:5px 10px; background:#fff}
a.btn-form { clear:both; border-radius:6px; display:block; padding:10px; text-align:center; font-weight:bold; font-size:120%; color:#fff; width:120px; margin:20px auto 0; background:#333}
.exam-t > li {display:inline; float:left; width:48%; margin:0 1%; min-height:650px}
.exam-t:after {content:""; display:block; clear:both}
.t-name {border-top:1px solid #d2d1d1; font-weight:bold; margin:0 !important; padding:10px 0 0; color:#333}

.e-info2 {padding:0 20px 20px; margin:0}
.e-info2 p span.s-title {background:url(../images/sub/pt02.gif); font-size:140%; font-weight:bold; padding:10px 20px; color:#fff}
.e-info2 p {margin-top:20px}

.e-info3 {padding:20px 50px 40px 50px; margin:0; color:#666666; }
.e-info3 ul {clear:both;}
.e-info3 ul li img.title_txt {margin:15px 0}
.e-info3 ul li ol li {list-style-type: disc; margin-left:18px; padding:2px 0}
.e-info3 p {margin-top:20px !important;}
.e-info3 p.stxt {list-style:none; color:#666666; margin-top:10px !important;}
.e-info3 img {max-width:100%}
.e-info3 h2 {padding-top:20px; color:#2b91a0}
.e-info3 h3 {padding-top:20px; color:#111111; font-size:18px;}

/*공기업 취업가이드 탭메뉴 231024*/
.pe_tab {margin:1px 0 0 !important; padding:0 !important; width:100%; text-align:center}
.pe_tab ul {margin:auto !important; width:100%; overflow:hidden}
.pe_tab ul li {float:left; width:33.20%; border-right:1px solid #fff}
.pe_tab ul li a {display:block; width:100%; padding:20px 0; font:600 19px/140% 'NanumBarunGothicBold'; word-break:keep-all;}
.pe_tab ul li.tab01 a {background:#1f3c53; color:#fff;}
.pe_tab ul li.tab01 a.active {background:#df5c57; color:#fff;}
.pe_tab ul li.tab02 a {background:#1f3c53; color:#fff;}
.pe_tab ul li.tab02 a.active {background:#df5c57; color:#fff;}
.pe_tab ul li.tab03 a {background:#1f3c53; color:#fff;}
.pe_tab ul li.tab03 a.active {background:#df5c57; color:#fff;}

/*공기업 취업가이드 231024*/
.e-info4 {padding:70px 0; width:90%; margin:auto; font:400 14px/160% 'NanumBarunGothic';}
.e-info4 img {max-width:100%}
.e-info4 h1 {font:600 30px/140% 'NanumBarunGothic'; display:block; padding:5px; width:200px; text-align:center; margin:auto; background:#1d3a51; color:#fff}
.e-info4 h2 {font:900 24px/140% 'NanumBarunGothic'; color:#363c48;}
.e-info4 h3 {font:900 19px/140% 'NanumBarunGothic'; color:#363c48;}
.e-info4 p.pe_txt {margin:13px 0 10px;}
.e-info4 p.pe_txt2 {margin:13px 0 10px; font-weight:600; color:#000}
.e-info4 ul {margin-top:15px}
.e-info4 ul li {margin-top:15px}
.e-info4 ol {text-align:left; margin-top:5px}
.e-info4 ol li {list-style:circle; margin-left:30px; color:#111; margin-top:0;}
.e-info4 ol li.no {list-style:none; margin-left:15px}
.ar01 ol {display:inline-block; vertical-align:top; margin-top:10px;}
.ar01 ol.right {margin:50px 0 0 20px; }

/*공기업 취업가이드 table 231024*/
.table_pe01 {clear:both; margin-top:10px; width:100%; border:0; background:#fff; border-collapse:collapse; font:400 13.5px/160% 'NanumBarunGothic';}
.table_pe01 th {padding:4px; background:#5e7383; color:#fff; border-right:1px solid #8f9da8; text-align:center;}
.table_pe01 td {padding:7px; border:1px solid #d7d7d7; padding-left:20px; word-break:keep-all}
.table_pe01 td.st {background:#fbfbfb; width:20%; text-align:center}

/*일반페이지 리스트 적용 2018-01-17*/
ol.txtST1 {margin-top:15px}
ol.txtST1 li {list-style:decimal; margin-left:20px; margin-top:12px; font-weight:bold}
ol.txtST1 li ol {margin-top:5px}
ol.txtST1 li ol li {list-style:disc; margin-left:15px; margin-top:0; font-weight:normal; line-height:160%}
ol.txtST2 {margin-top:15px}
ol.txtST2 li {list-style:disc; margin-left:15px; margin-top:5px; font-weight:normal; line-height:160%}

/*일반페이지 탭메뉴 디자인 2018-01-17*/
.contTabST {margin:4em 0 0 !important; padding:0 !important; text-align:center}/*상위 텝메뉴 디자인*/
.contTabST ul {margin:auto !important; width:100%; overflow:hidden}
.contTabST ul li {float:left; font-family:NanumBarunGothicBold; font-size:15px; font-weight:600;}
.contTabST ul li a {display:inline-block; padding:10px 0; width:100%; color:#aeaeae; background:#fafafa; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.contTabST ul li a.active {display:inline-block; padding:10px 0; width:100%; color:#252525; background:#fff; border-top:1px solid #000; border-bottom:4px solid #fe6464;}
.contTabST ul li a br {display:none}
.contTabST_cont {margin:0 !important; padding:40px 0 !important; overflow:hidden}
	.contTabW2 li {width:50%;}/*탭메뉴 2개일 때*/
	.contTabW3 li {width:33.3%;}/*탭메뉴 3개일 때*/
	.contTabW4 li {width:25%;}/*탭메뉴 4개일 때*/
	.contTabW6 li {width:16.5%;}/*탭메뉴 6개일 때*/
.contTabSTs {margin:1em 0 0 auto !important; padding:0 !important; text-align:center}/*하위 텝메뉴 디자인*/
.contTabSTs ul {margin:auto !important; overflow:hidden}
.contTabSTs ul li {display:inline-block; font-family:NanumBarunGothicBold; font-size:15px; font-weight:600;}
.contTabSTs ul li a {display:block; padding:5px 12px; color:#aeaeae; border-bottom:3px solid #f1f1f1;}
.contTabSTs ul li a.active {display:block; color:#2475c0; border-bottom:3px solid #2475c0;}

.tabs_default {overflow:hidden; margin:0; padding:0; letter-spacing:-0.03em;}
.tabs_default li {float:left; line-height:120%; font:400 16px/120% 'NanumBarunGothic'}
.tabs_default li a {display:block; border-left:1px solid #5e5e5e; text-align:center; background:#363636; color:#fff; height:40px; padding-top:25px;}
.tabs_default li .active {background:#256ae0; color:#fff; border-left:none}

.examUl {margin-top:20px}
.examUl li { padding:0 0 4px 10px; margin-left:5px; background:url(../images/common/bullet2.gif) no-repeat left 5px}

.examUl2 {margin-top:20px; border:1px solid #ccc; background:#fff; padding:5%}
.examUl2 li {padding:10px 0; margin-left:5px; font-size:120%; font-weight:bold; border-bottom:1px solid #ccc}
.examUl2 label {cursor:pointer}

.evalUl {margin-top:20px}
.evalUl li {margin-bottom:10px}
.evalUl li a {display:block; margin:0 2%; text-align:center; padding:18px 5%; font-weight:bold; border-radius:30px; border:1px solid #999; background:#fff url(../images/sub/pt01.gif)}
.evalUl:after {content:""; display:block; clear:both}

.exam-info-tab {width:100%; background:#fff; border:1px solid #e1e1e1; border-right:none}
.exam-info-tab li {display:inline; float:left; width:20%}
.exam-info-tab li br {display:block}
.exam-info-tab li a {display:block; padding:10px; text-align:center;  color:#666; font-weight:bold; border-right:1px solid #e1e1e1; letter-spacing:-1px}
.exam-info-tab li a:hover,
.exam-info-tab li a.active {background:#e1e1e1; color:#000}
.exam-info-tab:after {content:""; display:block; clear:both}

.exam-info-tab2 {width:100%; background:#fff; border-left:1px solid #e1e1e1}
.exam-info-tab2 li {display:inline; float:left; width:25%}
.exam-info-tab2 li br {display:block}
.exam-info-tab2 li a {display:block; padding:10px; text-align:center;  color:#666; font-weight:bold; border-right:1px solid #e1e1e1; letter-spacing:-1px}
.exam-info-tab2 li a:hover,
.exam-info-tab2 li a.active {background:#539ccf; color:#fff}
.exam-info-tab2:after {content:""; display:block; clear:both}

.exam-info-tab3 {width:100%; background:#fff; border-left:1px solid #e1e1e1}
.exam-info-tab3 li {display:inline; float:left; width:50%}
.exam-info-tab3 li br {display:block}
.exam-info-tab3 li a {display:block; padding:15px 0; font-size:120%; text-align:center;  color:#666; font-weight:bold; border-right:1px solid #e1e1e1; letter-spacing:-1px}
.exam-info-tab3 li a:hover,
.exam-info-tab3 li a.active {background:#539ccf; color:#fff}
.exam-info-tab3:after {content:""; display:block; clear:both}

.exam-map {background:#3b484e}
.exam-map img {width:100%; max-width:920px}

.state-map {border:1px solid #ccc; background:#fff; text-align:center}

.exam-stics img { width:100%; max-width:920px}
.exam-stics span.s-title {background:url(../images/sub/pt02.gif); font-size:140%; font-weight:bold; padding:10px 20px; color:#fff}
.exam-stics p {margin-top:20px}

.aicpa-form-M {display:block; text-align:center; padding:2em 0; font-weight:bold; color:#333}
.aicpa-form {display:none}

.exam-silmu img { max-width:100%}
.e-silmu1 {background:#ececed}
.e-silmu2 {background:#dedede}

/*합격수기*/
.story img.title {width:100%; max-width:920px}
.story .year {padding:20px 0}
.story .year li {display:inline; float:left; width:24%; text-align:center; padding:0 0.5% 15px}
.story .year li img {width:100%; max-width:219px}
.story .year:after {content:""; display:block; clear:both}

.story-view {background:#f1f1f1}
.story-view img.title{ width:100%; max-width:920px}
.story-view .s-text {padding:20px}
.story-view .s-text h4 {color:#000; font-size:130%; /*font-weight:bold;*/}

/*합격수기 응모전*/
.passStoryEvent_sec1 {margin:0 auto !important; padding:0 !important; width:100%; background:#2aa5ed; overflow:hidden}
.passStoryEvent_sec1 img {max-width:100%}
.passStoryEvent_sec1_CTA {margin:0 auto !important; padding:0 !important; width:100%; background:#ff754e; overflow:hidden}
.passStoryEvent_sec1_CTA img {max-width:100%}
.passStoryEvent_sec2 {margin:0; width:100%; background:#424243}
.passStoryEvent_sec2 img {max-width:100%}
.passStoryEvent_sec2 div.infoTitle {margin:0 auto; padding:30px 0; width:100%; background:#212123; text-align:center; font:400 1.7em Noto Sans Korean; color:#fff}
.passStoryEvent_sec2 div.infoText {margin:auto !important; padding:30px 0 60px; width:90%;}
.passStoryEvent_sec2 div.infoText ol {margin:auto !important}
.passStoryEvent_sec2 div.infoText ol li {list-style:decimal; font:100 1.3em/160% Noto Sans Korean; color:#fff; padding-top:15px}
.passStoryEvent_sec2 div.infoText ol li ol li {list-style:disc; font:100 0.9em/145% Noto Sans Korean; color:#fff; margin-left:20px; padding-top:0}
.passStoryEvent_btn {margin:auto; margin-bottom:90px; padding:0 !important; width:90%; overflow:hidden}
.passStoryEvent_btn li {display:inline; width:50%; margin-top:5px}
.passStoryEvent_btn li.left {float:left}
.passStoryEvent_btn li.right {float:right}

/*CPA 수석합격생 온라인 상담*/
.cpaAdvice {padding:0px !important; margin:0 auto; width:100%; background:#f5f5f5; text-align:center}
.cpaAdvice img {max-width:100%}
.cpaAdvice ul {margin:0 auto; width:90%}
.cpaAdvice ul li {display:inline; float:left; width:49.8%}
.cpaAdvice ul li img {max-width:100%}
.cpaAdvice ul li.left {float:left; text-align:right}
.cpaAdvice ul li.right {float:right; text-align: left}

/*관세사 온라인 상담(namufta.com)*/
.Advice_customs {margin:0 auto; padding:0; overflow:hidden; background:#e9e8ff}
.Advice_customs img {max-width:100%}
.Advice_customs div.text {margin:auto; padding:50px 0; width:90%; text-align:center}
.Advice_customs div.text h2 {font:700 1.8em NanumBarunGothic; letter-spacing:-0.05em; color:#000000}
.Advice_customs div.text h2 span {font-weight:100}
.Advice_customs div.text ul {margin:20px 0 auto; overflow:hidden; width:100%}
.Advice_customs div.text ul li {display:inline-block; width:21%; margin:0 2px; background:#6b6b99; padding:20px 10px;}
.Advice_customs div.text ul li p.txt01 {font:700 2em NanumBarunGothic; color:#a6a4cc}
.Advice_customs div.text ul li p.txt02 {font:500 1.5em NanumBarunGothic; color:#ffffff}
.Advice_customs div.text ul li p.txt03 {font:300 1em ; color:#ffffff}
.Advice_customs div.text p.txt04 {font:200 1.8em NanumBarunGothic; letter-spacing:-0.05em; color:#000000; margin-top:50px;}
.Advice_customs div.text p.txt04 span {font-weight:600;}
.Advice_customs div.text p.txt05 {font:400 1.2em NanumBarunGothic; letter-spacing:-0.05em; color:#000000; margin-top:10px;}
	a.adBtn {display:block; margin:auto; margin-top:50px; padding:20px 0; width:96.5%; color:#fff; font:500 1.5em NanumBarunGothic;
		border-radius:10px;
		background:#4b27c4 linear-gradient(to top, #4213a4 20%, #5f45d4);
		box-shadow:2px 2px 5px #626262}
	a.adBtn:hover {background:#4b27c4 linear-gradient(to bottom, #4213a4 20%, #5f45d4)}

/*회사소개*/
.namu-info {line-height:1.5}
.namu-info img.title {width:100%; max-width:920px; margin-bottom:0}
.namu-info img.s-title {width:100%; max-width:920px; margin-bottom:0; border-bottom:1px solid #488ac9}
.namu-info p span.s-title {background:url(../images/sub/pt02.gif); font-size:140%; font-weight:bold; padding:10px 20px; color:#fff}
.namu-info p {margin:20px 0}
.namu-info p img { max-width:100%}
.namu-info p.gobtn {text-align:center; padding-bottom:2em}
.namu-info p.gobtn a {display:inline-block; padding:15px 20px; background:#333; color:#fff; border-radius: 6px; margin:0 5px; font-weight:bold}
.namu-info p.gobtn a:hover {background:#000; color:#FF9}
.n-infoUl {margin:20px 0 0 10px}
.n-infoUl li {padding:10px 0}
.map-container {position:relative; padding:20px 0 56.25%; height:0; overflow:hidden; max-width:100%; margin:0 auto; height:auto}
.map {position:absolute; top:0; left:0; width:100%; height:100%}


/*고객센터*/
.cst-top h3 {color:#243746; /*font-weight:bold;*/ font-size:120%; padding-left:10px; background:url(../images/common/bullet1.gif) no-repeat left center; margin-bottom:1em}
.cst-top h3 a {float:right; display:block; width:20px; height:26px; line-height:26px; text-align:center}
.cst-top p {margin-bottom:1em}
.cst-top p img {width:100%}

.cts-step {margin-bottom:1.5em}
.cts-step li {display:inline; float:left; width:22%; color:#fff; font-size:110%; font-weight:bold; text-align:left; padding:1em 0 1em 3%; background:#9c9c9c url(../images/sub/mypage-step-bg4.gif) no-repeat right center}
.cts-step li span {color:#ffe400}
.cts-step li.laststep {background:#9c9c9c}
.cts-step:after {content:""; display:block; clear:both}

.cst-right-box {position:relative; border:1px solid #d3d3d3; border-top:2px solid #9c9c9c; padding:1.5em; margin-bottom:1em}
.cst-notice {position:relative; border:1px solid #d3d3d3; border-top:2px solid #9c9c9c; padding:1.5em; margin-bottom:1em; min-height:130px}
.cst-right-box {background:#f9f9f9; padding:1.5em 0}
.cst-right-box li {display:inline; float:left; width:50%; text-align:center; margin-bottom:1em}
.cst-notice li {position:relative; padding:5px 0; padding-left:10px; background:url(../images/common/bullet2.gif) no-repeat left center}
.cst-notice li a {display:block; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.cst-notice li span {position:absolute; width:75px; top:9px; right:0; z-index:1; text-align:right}
.cst-right-box:after,
.cst-notice li:after,
.cst-top:after {content:""; display:block; clear:both}

.cst-1vs1 { margin-top:0.5em}
.cst-1vs1 li {margin-bottom:0.5em}
.cst-1vs1 li.last-li {margin:0}
.cst-1vs1 a {display:block; padding:1em 0; text-align:center; border:1px solid #ccc; font-size:110%; font-weight:bold; background:url(../images/sub/pt01.gif)}
.cst-1vs1 a:hover {border:1px solid #333; background:#fff}
.cst-1vs1:after {content:""; display:block; clear:both}

.cst-tel {}
.cst-tel h3 {color:#243746; /*font-weight:bold;*/ font-size:120%; padding:1em 0; padding-left:10px; background:url(../images/common/bullet1.gif) no-repeat left center}
.cst-tel ul {padding:10px 0; margin:0 auto; border:1px solid #d0d0d0}
.cst-tel li {padding:0.25em 2%; word-breka:keep-all}
.cst-tel li.time {margin-top:0.75em}
.cst-tel strong {display:inline-block}
.cst-tel span {display:block; background:#fe6464; border:1px solid #6e6e6e; padding:4px 0; color:#fff; text-align:center; width:80px; margin-bottom:0.5em}

.cst-etc {margin-top:1em}
.cst-etc li {display:inline; float:left; width:32%; margin-right:2%}
.cst-etc li.last-li {margin:0}
.cst-etc a {display:block; padding:3em 0; text-align:center; border:1px solid #ccc; font-size:110%; font-weight:bold; background:url(../images/sub/pt01.gif)}
.cst-etc a:hover {border:1px solid #333; background:#fff}
.cst-etc:after {content:""; display:block; clear:both}

.namu-rules {margin:0 0 2em; padding:2em; border:1px solid #ccc}

/*학습프로그램 다운로드*/
.program {clear:both; width:100%; border:0; border-top:2px solid #7a7a7a; border-collapse:collapse; margin:1.25em 0 1em; background:#fff}
.program col.col-picture {width:14%; max-width:140px; min-width:60px}
.program th {background:#f6f6f6; color:#333; padding:10px 5px; border-bottom:1px solid #cecece; text-align:center; font-weight:bold}
.program td {padding:14px 5px; border:0; border-bottom:1px solid #cecece; text-align:center}
.program td a {display:block; padding:5px}
.program td strong {display:block; padding:4px 0 0}
	/*학습프로그램 다운로드 가로 정렬*/
	.DL_button {margin:20px; width:100%; overflow:hidden}
	.DL_button li {display:inline-block; padding:0 30px}
	.DL_button li span {display:inline-block; margin:0 7px; padding:0 15px; line-height:250%; background:#eeeeee;}

/*모바일&PMP이용안내*/
.guide {line-height:1.5; background:#e6e6e6}
.guide img {width:100%}

/*모바일이용안내[2023-08-16]*/
.guide2 {background:#909dfe url(https://www.namucpa.com/images/sub/guide_m_new_bg.png)no-repeat top;  overflow:hidden}
.guide_m1 {width:92%; margin:auto; padding:90px 0 0; float:right; overflow:hidden}
.guide_m1 p {display: inline-block}
.guide_m1 p.m_txt {float:left; width:55%; font:600 16px/160% 'NanumBarunGothic'; word-break:keep-all; color:#000; margin:40px 0 50px}
.guide_m1 p.m_txt span {color:#fff;}
.guide_m1 p.m_title {float:left; width:57%; margin-top:20px}
.guide_m1 p.m_imgTop {float:right; width:43%}
.guide_m1 img {max-width:100%}
.guide_m2 {width:84%; margin:auto; padding:30px 0 90px; overflow:hidden; font:400 16px/160% 'NanumBarunGothic'; color:#000}
.guide_m2 h3 {font:600 23px/160% 'NanumBarunGothic'; color:#fff}
.guide_m2 h4 {font:400 16px/160% 'NanumBarunGothic'; display:inline-block; background:#da1420; color:#fff; padding:3px 10px}
.guide_m2 p.white {color:#fff}
.guide_m2 img {max-width:100%}
.guide2 ol.list_numb {margin-top:10px}
.guide2 ol.list_numb li {list-style: decimal; margin-left:20px}


/*죄석예약시스템 사용방법안내*/
.crs_240312 {background:#8ac4f1 url(https://www.namucpa.com/images/sub/guide_m_crs_bg.png)no-repeat top;  overflow:hidden;}
.crs_240312_m1 {width:92%; margin:auto; padding:80px 0 0; float:right; overflow:hidden}
.crs_240312_m1 p {display:inline-block;}
.crs_240312_m1 p.m_txt {float:left; width:55%; font:400 16px/140% 'NanumBarunGothic'; word-break:keep-all; color:#000; margin:40px 0 30px}
.crs_240312_m1 p.m_txt span {color:#fff;}
.crs_240312_m1 p.m_title {float:left; width:57%; margin-top:0px}
.crs_240312_m1 p.m_imgTop {float:right; width:43%; margin-top:40px}
.crs_240312_m1 img {max-width:100%}
.crs_240312_m2 {width:80%; margin:auto; padding:30px 0 90px; overflow:hidden; font:400 15px/160% 'NanumBarunGothic'; color:#000;}
.crs_240312_m2 p.sT {font:600 20px/160% 'NanumBarunGothic';}
.crs_240312_m2 p.mt {width:82%; text-align:center}
.crs_240312_m2 img {max-width:100%;}


/*2025 PC&모바일 메인 리뉴얼 안내[2025-02-19]*/
.guide_main2025 {background:#ffd34e url(https://www.namucpa.com/images/sub/guide_main2025_new_bg.png)no-repeat top;  overflow:hidden}
.guide_main2025_1 {width:92%; margin:auto; padding:90px 0 0; float:right; overflow:hidden}
.guide_main2025_1 p {display: inline-block}
.guide_main2025_1 p.m_txt {float:left; width:50%; font:600 16px/160% 'NanumBarunGothic'; word-break:keep-all; color:#000; margin:40px 0 50px}
.guide_main2025_1 p.m_txt span {color:#fff;}
.guide_main2025_1 p.m_title {float:left; width:50%; margin-top:0px}
.guide_main2025_1 p.m_imgTop {float:right; width:50%}
.guide_main2025_1 img {max-width:100%}
.guide_main2025_2 {width:84%; margin:auto; padding:30px 0 90px; overflow:hidden; font:400 16px/160% 'NanumBarunGothic'; color:#000; text-align:center}
.guide_main2025_2 h2 {font:600 23px/160% 'NanumBarunGothic'; color:#000; text-align:left}
.guide_main2025_2 h3 {font:600 20px/160% 'NanumBarunGothic'; color:#000; text-align:left}
.guide_main2025_2 h4 {font:400 16px/160% 'NanumBarunGothic'; display:inline-block; background:#da1420; color:#fff; padding:3px 10px}
.guide_main2025_2 p.white {color:#fff}
.guide_main2025_2 p.guideText {text-align:center; margin-top:15px}
.guide_main2025_2 img {max-width:100%}
.guide_main2025_2 ol {text-align:left}
.guide_main2025_2 ol.list_numb {margin-top:10px;}
.guide_main2025_2 ol.list_numb li {list-style:decimal; margin-left:20px;}

@media all and (max-width:780px) {
	.guide_main2025_1 {float:none; width:84%;}
	.guide_main2025_1 p.m_txt {float:none; width:100%;}
	.guide_main2025_1 p.m_title {float:none; width:100%; text-align:center}
	.guide_main2025_1 p.m_imgTop {float:none; width:100%; text-align:center}
}


/*게시판*/
.board-sh {text-align:right}
.board-sh input {width:30%}

/*게시판 타입 A - 공지사항..*/
.board-T-a {/*margin-top:1em;*/ border-top:3px solid #333}
.board-T-a li {position:relative; border-bottom:1px solid #d3d3d3; vertical-align:middle; padding:1em 0}
.board-T-a li.list:hover {background:#eee}
.board-T-a li.list div {position:absolute}
.board-T-a li.list div.bd-num {top:40%; width:18.75%; max-width:60px; text-align:center}
.board-T-a li.list div.bd-num img {margin-top:-2px}
.board-T-a li.list div.file {top:40%; right:0; width:30px}
.board-T-a li.list a {display:block; padding-left:60px}
.board-T-a li.list p {width:85%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.5em 0}
.board-T-a li.list p.hot {font-weight:bold}

.board-T-a li.view p.bd-V-subject {font-weight:bold; font-size:120%; padding:0.5em 0}
.board-T-a li.view p.bd-V-date {text-align:right; padding:0.5em}
.board-T-a li.view div.bd-V-file {padding:1em 0; border-bottom:1px solid #d3d3d3; background:#f6f5f5; margin-top:-1em}
.board-T-a li.view div.bd-V-file span.file { background:url(../images/sub/icon-file.gif) no-repeat right center; padding:5px 20px 5px 5px}
.board-T-a li.view div.bd-V-img img {width:100%; max-width:920px; margin-top:1em}
.board-T-a li.view div.bd-V-txt {padding:1em 0; line-height:1.5}
.board-T-a li.view div.bd-V-txt img {max-width:100%; height:auto !important}
.board-T-a li:after {content:""; display:block; clear:both}

/*게시판 타입 b - Q&A..*/
.board-T-b {margin-top:1em; border-top:3px solid #333}
.board-T-b li {position:relative; border-bottom:1px solid #d3d3d3; vertical-align:middle; padding:1em 0}
.board-T-b li.list:hover {background:#eee}
.board-T-b li.list div {position:absolute}
.board-T-b li.list div.bd-num {width:60px; text-align:center; padding:6px 0 !important; vertical-align:middle}
.board-T-b li.list div.reply {top:25%; right:5px; width:40px}
.board-T-b li.list div.reply span {display:block; background:#969696; text-align:center; color:#fff; border:1px solid #646464; padding:5px; border-radius:4px}
.board-T-b li.list div.reply span.on {background:#ff6f2b; border:1px solid #e2551d}
.board-T-b li.list a {display:block; padding-left:60px}
.board-T-b li.list p {width:85%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.5em 0}

.board-T-b li.view p.bd-V {padding:0 0 1em; border-bottom:1px solid #ddd}
.board-T-b li.view p.bd-V-subject {font-weight:bold; font-size:110%; padding:0.5em 0; line-height:1.5; border-bottom:1px solid #ddd}
.board-T-b li.view p.bd-V-date {text-align:right; padding:1em 0.5em 0; line-height:1.5}
.board-T-b li.view span.file {background:url(../images/sub/icon-file.gif) no-repeat right center; padding:5px 20px 5px 5px}
.board-T-b li.view div.bd-V-img img {width:100%; max-width:920px; margin-top:1em}
.board-T-b li.view div.bd-V-txt,
.board-T-b li.view div.bd-V-re {padding:1em 0; line-height:1.5}
.board-T-b li.view div.bd-V-re p.bd-V-re-sub{background:url(../images/sub/icon-re.gif) no-repeat left center; padding-left:40px; margin-bottom:1.5em}

.bd-V-re-re {padding:1.5em; background:#f4f4f4; border:1px solid #e4e4e4; margin-top:2em}
.bd-V-re-re li {border-bottom:1px dashed #ecebeb; padding:10px 0}
.bd-V-re-re p.re-sub {background:url(../images/sub/icon-re2.gif) no-repeat left center; padding-left:40px; margin-bottom:10px}
.bd-V-re-re p span.file {background:url(../images/sub/icon-file.gif) no-repeat right center; padding:5px 20px 5px 5px}

.board-T-b li:after {content:""; display:block; clear:both}

.board-T-b li.write strong {display:block; width:80px; padding-bottom:0.5em}
.board-T-b li.write div.input-file {display:block}
.board-T-b li.write div.input-file p {padding-bottom:0.5em}
.board-T-b li.write div.input-file span.file {background:url(../images/sub/icon-file.gif) no-repeat right center; padding:5px 20px 5px 5px}
.board-T-b li.write div.input-file a.file-Del { display:inline-block; padding:4px 6px 2px 6px; color:#fff; background:#333; margin:0 4px}

/*이전글, 다음글*/
.preview {margin-top:3em; border-top:1px solid #333; border-bottom:1px solid #333}
.preview li {border-bottom:1px solid #d3d3d3}
.preview li.boNo {border:none}
.preview a {display:block; padding:1em 0}
.preview strong {display:inline-block; width:80px; text-align:center}
.preview a:hover {background:#eee}

/* 페이지 넘버 */
.paginate{padding:2em 0 1em; text-align:center}
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:3px 3px 5px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:13px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{border:1px solid #e9e9e9;color:#f23219 !important}
.paginate .pre{margin-right:9px;padding:7px 16px 5px;background:url(../images/sub/board-arr-L.gif) no-repeat left center !important}
.paginate .next{margin-left:9px;padding:7px 16px 5px;background:url(../images/sub/board-arr-R.gif) no-repeat left center !important}
.paginate a.pre{background:url(../images/sub/board-arr-L.gif) no-repeat left center !important}
.paginate a.next{background:url(../images/sub/board-arr-R.gif) no-repeat left center !important}
.paginate .pre,
.paginate .next{display:inline-block;position:relative;top:1px;_width /**/:84px;color:#ccc;line-height:normal}
.paginate a.pre,
.paginate a.next{color:#565656}
.paginate a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important}
.paginate a.pre:hover,
.paginate a.next:hover{border:1px solid #fff; background-color:#fff !important}


/*FAQ*/
.faq-list {margin-top:2em}
.faq-list .tabs {border-bottom:#243746 3px solid}
.faq-list .tabs li {display:inline; float:left; margin:2px 2px 0 0}
.faq-list .tabs li.last-li{margin-right:0}
.faq-list .tabs a {display:block; padding:10px 15px; text-align:center; color:#757575; background:#e0e0e0}
.faq-list .tabs a:hover,
.faq-list .tabs a.active {color:#e0e0e0; background:#243746; font-weight:bold}
.faq-list .tabs:after {content:""; display:block; clear:both}


#faqWrap {margin:0 auto}
#faqWrap dt {border-bottom:solid 1px #d3d3d3}
#faqWrap a {display:block; color:#333333; font-weight:bold; padding:1em 1em 1em 2em; background:url(../images/sub/icon-q.gif) no-repeat 5px center; cursor:pointer}
#faqWrap a:hover {background-color:#eee}
#faqWrap dd {display:none}
#faqWrap dd {padding:1em 1em 1em 2em; border-bottom:solid 1px #d3d3d3; background:url(../images/sub/icon-a.gif) no-repeat 5px 1em}
#faqWrap dd a {background:none; padding:0; display:inline-block}
#faqWrap dd a:hover {color:#003BC7; background:none}


/*개인정보관리*/
.private-wrap .join-form-box {margin-top:0; padding:0}
.private-out {border:1px solid #333; background:#eee; padding:1em; margin-bottom:1em}
.join-form-box:after {content:""; display:block; clear:both}

/* 설명회 신청 */

.textevent tr{height:50px; } /* 두번째 테이블 */
.textevent td{border:1px solid #3C3C3C}
.textevent td:nth-child(2n+1){ width:10%;text-align:center; color:#fff; background: black} /* 첫번째 테이블 */
.textevent td:nth-child(2n){text-align:center; background: white} /* 두번째 테이블 */
.textevent td:nth-child(2n) input[type=text]{width:80%;margin:auto 0;}

/*이벤트 댓글*/
#reply {max-width:1160px; margin:0 auto; margin-top:20px}
.reply_inbx {background:#555556; padding:1em}
.reply_inbx p.reply_total {color:#fff; padding-bottom:1em}
.textarBx{overflow:hidden}
.textarBx textarea{float:left;width:82%;height:76px; font-size:12px}
.textarBx .btnrwt {float:right;width:14%;height:88px; line-height:88px; border:1px solid #b8b8b8; border-radius:4px; background:#ececec; color:#505050; font-weight:bold}
.replyList {clear:both}
.replyList .textarBx {padding:1em; border-bottom:1px solid #999}
.replyList .ry_info{overflow:hidden;padding:10px 1em;border-bottom:1px solid #e0e0e0}
.replyList .ry_info span {margin-right:10px}
.replyList .ry_info .num{float:left;width:10%;text-align:center}
.replyList .ry_info .name{float:left;font-weight:bold;color:#444}
.replyList .ry_info .date{float:left;width:70px;font-size:11px;text-align:center}
.replyList .ry_info .edit,
.replyList .ry_info .delete {float:left}
.replyList .ry_info span a {display:block; width:40px; text-align:center}
.replyList .ry_info .edit a {color:#09F}
.replyList .ry_info .delete a {color:#F00}
.replyList .ry_info:after {content:""; display:block; clear:both}
.replyList .ry_cont{padding:10px 1em;background:#fafafa;border-bottom:1px solid #999;line-height:1.4; clear:both}
.replyList .ry_cont{overflow:hidden}
.replyList .ry_cont .fL{width:90%}

/*설명회 신청 - 정보입력 테이블*/
#applicant {margin:0 auto !important; padding:0 !important; width:100%; background:#535353;}
#applicant div {padding:40px 30px;}
#applicant div table {width:100%; height:35px; }
#applicant div table tr td.appTxt1 {color:#FFFFFF;text-align:left; padding:0 10px;}
#applicant div table tr td.appLeft {width:20%; color:#FFFFFF;text-align:center;background:#111111;border:10px solid #535353; height:35px;}
#applicant div table tr td.appRight {width:80%; text-align:left;}
#applicant div table tr td input {width:95%; background:#FFFFFF; font-size:12px; height:35px; border:none; padding-left:15px;}
#applicant div table tr td textarea {width:95%; background:#FFFFFF; font-size:12px; border:none; padding-left:15px; margin-top:5px;}
#applicant div table tr td.appBtn {text-align:center; width:100%; padding-top:20px;}
#applicant div table tr td.appBtn a {display:inline-block; padding:12px 0 10px; width:200px; text-align:center; border-radius:20px; font-size:14px; font-weight:bold; background:#097bff; color:#FFFFFF;}

/*세무/관세 공무원 시험가이드*/
.tabs_roGuide {overflow:hidden; margin:0; padding:0; letter-spacing:-0.03em;}
.tabs_roGuide li {float:left; line-height:120%; width: 12%;}
.tabs_roGuide li a {display:block; border-left:1px solid #5e5e5e; text-align:center; background:#363636; color:#fff; height: 40px; padding-top:25px;}
.tabs_roGuide li.st1 a, .tabs_roGuide li.st2 a {height:55px; padding-top:10px;}
.tabs_roGuide li.st3 a {padding-top:18px; height:47px;}
.tabs_roGuide li.st1 {width:14%;}
.tabs_roGuide li.st2 {width:13%;}
.tabs_roGuide li.st3 {width:13%;}
.tabs_roGuide li .active {background:#e6e6e6; color:#000; border-left:none}

.ro_tBox {border:1px solid #ccc; padding:2em; background:#fff url(../images/sub/yaerPG_CB_point01.png) no-repeat left top; margin:0 auto;}
.ro_tBox h4 {font-size:1.4em; color:#2475c0; line-height:130% !important; letter-spacing:-0.03em; padding:1em 0 0}
.ro_tBox h4 span {font-size:0.6em; white-space:pre}
.ro_tBox li {background:url(../images/sub/pt05.png)no-repeat 0 0.7em; line-height:150%; letter-spacing:-0.06em; padding:0.3em 0 0.3em 1em}
.ro_tBox dd {line-height:150%; letter-spacing:-0.06em; padding:0.6em 0 0.3em 1em}

.ro_tBox2 {margin:0 auto; border:1px solid #ccc; padding:2em; background:#fff; text-align: center}
.ro_tBox2 img {max-width:100%}
.ro_tBox2 li {background:url(../images/sub/pt05.png)no-repeat 0 0.7em; line-height:150%; letter-spacing:-0.06em; padding:0.3em 0 0.3em 1em}
.ro_tBox3 {margin:0 auto; padding:2em; background:#0d56ae; color:#fff; text-align: center}

/*온라인단과개설안내(게시판용)*/
.lecOnlineOpen {width:100%; background:#1a2752;}
.lecOnlineOpen div h2 br {display:none}
.lecOnlineOpen div.title {background:#263a8e url(http://www.namucpa.com/images/sub/lecOnlineOpen_titleBg01.jpg) center bottom; padding:10% 4% 2%; color:#fff; text-align:center}
.lecOnlineOpen div.title h2 {font:800 3em/120% 'NanumBarunGothic'; letter-spacing:-0.05em; margin-top:10px; word-break:keep-all}
.lecOnlineOpen div.title h3 {font:100 2em/120% 'NanumBarunGothicLight'; letter-spacing:-0.05em;}
.lecOnlineOpen div.title p {margin-top:20px; font:100 1.2em/140% 'NanumBarunGothic'; letter-spacing:-0.05em; word-break:keep-all}
.lecOnlineOpen div.lecOpenCont {padding:0% 5% 8%; text-align:center}
.lecOnlineOpen div.lecOpenCont h2 {margin-top:50px; display:inline-block; background:#ea3a3c; padding:7px 35px; color:#fff; border-radius:30px; font:500 1.7em/140% 'NanumBarunGothic'; letter-spacing:-0.08em; word-break:keep-all}
.lecOnlineOpen div.lecOpenCont Table {background:#ffffff none repeat scroll 0% 0%; margin-top:20px}
.lecOnlineOpen div.lecOpenCont Table {word-break:keep-all}

a.lecBtnOn {display:inline-block; background:#4b75c1; padding:7px 10px; color:#fff; border-radius:4px}
a.lecBtnOn:hover {background:#0000d2}
a.lecBtnOn br {display:none}
a.lecBtnOff {display:inline-block; background:#b7b8c2; padding:7px 15px; color:#fff; border-radius:4px}/*준비중 - 3글자만 가능*/
a.lecBtnOff br {display:none}

/*오프라인단과개설안내(게시판용)*/
.lecOfflineOpen {width:100%; background:#00302f;}
.lecOfflineOpen div h2 br {display:none}
.lecOfflineOpen div.title {background:#00302f url(http://www.namucpa.com/images/sub/lecOfflineOpen_titleBg01.jpg) center bottom; padding:10% 4% 2%; color:#fff; text-align:center}
.lecOfflineOpen div.title h2 {font:800 3em/120% 'NanumBarunGothic'; letter-spacing:-0.05em; margin-top:10px; word-break:keep-all}
.lecOfflineOpen div.title h3 {font:100 2em/120% 'NanumBarunGothicLight'; letter-spacing:-0.05em;}
.lecOfflineOpen div.title p {margin-top:20px; font:100 1.2em/140% 'NanumBarunGothic'; letter-spacing:-0.05em; word-break:keep-all}
.lecOfflineOpen div.lecOpenCont {padding:0% 5% 8%; text-align:center}
.lecOfflineOpen div.lecOpenCont h2 {margin-top:50px; display:inline-block; background:#ea3a3c; padding:7px 35px; color:#fff; border-radius:30px; font:500 1.7em/140% 'NanumBarunGothic'; letter-spacing:-0.08em; word-break:keep-all}
.lecOfflineOpen div.lecOpenCont Table {background:#ffffff none repeat scroll 0% 0%; margin-top:20px}
.lecOfflineOpen div.lecOpenCont Table {word-break:keep-all}

/*모바일 수강증 QR코드(팝업)*/
#mb_id_QR {margin:0; padding:0; background:#fff; width:500px;}
#mb_id_QR .t_logo {margin:auto; padding:20px; background:#f5f5f5; border-bottom:1px solid #e1dcdc; text-align:center;}
#mb_id_QR .qr_area {margin: auto; padding:50px; background:#fff; text-align:center}
#mb_id_QR .qr_area h2 {display: inline-block; background:#0c72af; padding:3px 7px 1px; color:#fff}
#mb_id_QR .qr_area h1 {color:#0c72af; font-size:24px; margin-top:10px}
#mb_id_QR .qr_area .qr {margin:auto; margin-top:30px; width:350px; height:350px;}


/*에러페이지*/
.error_pageNew21_style {margin:0; padding:0; background:#549dcd; position:relative; width:100%; height:calc(100vh)}
.error_pageNew21_box {margin:50px 0 0 auto !important; padding:50px 0 !important; width:100%; background:#549dcd; position:absolute; top:50%; left:50%; transform:translateX(-50%)translateY(-50%); text-align:center; overflow:hidden; color:#ffffff}
p.error_pageNew21_txtNB {font:900 200px/100% 'NanumBarunGothic';}
p.error_pageNew21_txt01 {font:600 50px/140% 'NanumBarunGothic';}
p.error_pageNew21_txt02 {font:400 24px/150% 'NanumBarunGothic'; margin:20px}
p.error_pageNew21_txt03 {font:200 18px/150% 'NanumBarunGothic'; margin:8px 20px;}
.error_pageNew21_style a {display:inline-block; padding:5px 20px 7px; font:600 18px/150% 'NanumBarunGothic'; margin-top:30px; border:2px solid #fff; border-radius:10px; color:#ffffff !important;}
.error_pageNew21_style a:hover {background:#fff; color:#549dcd !important;}



@media all and (max-width:780px) {
	p.error_pageNew21_txtNB {font-size:170px;}
	
	/*모바일수강방법[2023-08-16]*/
	.guide_m1 {float:none; width:84%;}
	.guide_m1 p.m_txt {float:none; width:100%;}
	.guide_m1 p.m_title {float:none; width:100%; text-align:center}
	.guide_m1 p.m_imgTop {float:none; width:100%; text-align:center}
	
	/*죄석예약시스템 사용방법안내*/
	.crs_240312_m1 {float:none; width:84%;}
	.crs_240312_m1 p.m_txt {float:none; width:100%;}
	.crs_240312_m1 p.m_title {float:none; width:100%; text-align:center}
	.crs_240312_m1 p.m_imgTop {float:none; width:100%; text-align:center}
	.crs_240312_m2 {width:84%;}
}


/* Mobile Device */
/*768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨.
미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/

@media all and (min-width:480px) {

}


@media all and (min-width:640px) {
.lecInfo h3 br {display:none}

.lecCon2 li a br,
ul.review li br {display:none}

.lecplay {min-width:600px}

.lecInfo .lecinfo-R li ul.lecPrice li {display:inline; float:left; width:50%}
.lecInfo .lecinfo-R li ul.lecPrice:after {content:""; display:block; clear:both}

.mock-paginate {text-align:center}

.utility li {width:33.33333%}

.book-left-box .book-img {background:#eee; border:1px solid #d3d3d3; width:120px; float:left}
.book-left-box .book-img img {width:100%}
.book-left-box ul {float:left; width:75%; margin-left:3%}
.book-search br {display:none}

.book-new li {width:31.333333%}

.book-sort-list li li br {display:none}

.book-info {border:1px solid #d3d3d3}
.book-info-L {float:left; width:32.60869%}
.book-info-R {float:right; width:62%}
.book-info-R li p {width:49%; float:left}
.book-info-R li:after {content:""; display:block; clear:both}

.book-total {padding:10px 3%}
.book-total br {display:none}

.book-lec span {text-align:center}

.board-T-a li.list a {padding-left:80px}

.cst-right-box {padding:44px 0}
.cst-right-box li {width:25%; margin-bottom:0}
.cst-1vs1 li {display:inline; float:left; width:32%; margin-right:2%}
.cst-tel span {display:inline-block}

.sub-search br,
.faq-list .tabs br {display:none}

.my-top-L div {width:48%; float:left; margin:0 1%}
.my-notice-L {float:left; width:49%}
.my-notice-R {float:right; width:49%}
.my-on .my-on-panel .listLec {width:48%;/*background:url(../images/main/sec2_bar.gif) no-repeat 100% center*/}

.lec-infotxt2 div.btns {position:absolute; right:10px; top:10px; z-index:1; width:50%; text-align:right; margin:0}
.lec-infotxt2 div.btns a {width:24%; margin:0 1%}
.lec-infotxt2 div.all-list {position:absolute; right:10px; bottom:1.5em; z-index:1; text-align:right; width:18%; margin:0}

.board-sh br,
.lecMenuAll-s li br,
.rdmMenu br,
.exam-info-tab li br {display:none}

.evalUl li {display:inline; float:left; width:50%}

}

/* Tablet & Mobile Device / 768이하 화면 */
@media all and (max-width:768px) {
	.e-info3 {padding:20px 10px; margin:0}
	.type5_layout { display:block; width:100%; max-width:920px;}
	.type5_layout li {width:100%;}
	.type5 {clear:both; width:100%; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-collapse:collapse; margin:0.625em 0 1em; background:#fff}
	.Advice_customs div.text ul li {width:45%; margin-top:5px}
	.pe_tab ul li {width:33.1%;}/*공기업취업가이드 탭메뉴 조정*/
	.pe_tab ul li a {font:600 14px/140% 'NanumBarunGothicBold'; height:35px}
	.rulesBox .ruleST li {width:auto;}
	}

@media all and (max-width:650px) {
	/*단과 강의 상세*/
	.LV_type01 div.part1 p {font-size:18px;}
	.LV_type01 div.part1 p br {display:block}
	.LV_type01 div.part2 ul li.Left {width:100%;}
	.LV_type01 div.part2 ul li.Right {width:100%;}
	.LV_type01 div.part2 ul li.Right dd span {display:block; padding:5px 0;}
}

@media all and (max-width:480px) {
	/*설명회 신청 - 정보입력 테이블*/
	#applicant div {padding:30px 10px;}
	#applicant div table tr td.appLeft {width:30%}
	#applicant div table tr td.appRight {width:70%}
	#applicant div table tr td.appBtn a {width:100%;}
	#applicant div table tr td input {width:90%;}
	#applicant div table tr td textarea {width:90%;}
	.passStoryEvent_btn li {width:100%}
	.contTabST ul li a br {display:flex}
	.Advice_customs div.text ul li {width:90%; margin-top:5px}

	/*온라인단과개설안내(게시판용)*/
	.lecOnlineOpen div h2 br {display:flex}
	a.lecBtnOn br {display:flex}
	a.lecBtnOff {padding:7px 10px;}
	a.lecBtnOff br {display:flex}
}

/* Tablet & Desktop Device */
@media all and (min-width:768px) {
	.lecInfo .lecinfo-L {float:left; width:20.65217%; text-align:center}
/*.lecInfo li {width:50%}*/
	.lecInfo .lecinfo-L img {float:none; margin-right:0; margin-bottom:10px}

	.lecplay {min-width:700px}

	.lec-infotxt3 li {display:inline-block; float:left; width:49%}
	.lec-infotxt3 li.last {color:#539ccf; text-align:right; padding:1em 1% 0 0}

	.exam .exam-tbl {padding:2em 10em}

	.type1 td .price {max-width:100%}
	.type1 br {display:none}
	.type1 ul.pay1 li {display:inline; float:left; width:50%}
	.type1 ul.pay1:after {content:""; display:block; clear:both}

	.report .type1 th br {display:block}

	.grp-subject {display:inline-block; float:left; width:48%}

	.picture li {display:inline-block; float:left; width:50%}

	.lecInfo .lecinfo-R {clear:none; float:right; width:75%}
	.lecInfo .lecinfo-R br {display:none}

	.bookSec .booktop .bookSec-L img {border:1px solid #d3d3d3; max-width:100px; margin-bottom:10px}
	.bookSec .booktop .bookSec-R br {display:none}

	.timetable a {display:block; padding:10px 0; text-align:center; color:#fff; background:#333; width:80px; float:right; margin-bottom:10px}

	.t-list li {display:inline; float:left; width:31.333333%; margin:0 1%; margin-bottom:2%}
	.t-Info .t-Info-L {float:left; width:20.65217%}
	.t-Info .t-Info-R {float:right; width:78%}
	.t-Info .t-Info-box li {display:inline; float:left; width:48%; margin:0 1%}
	.t-Info .t-Info-box li p {font-weight:bold; font-size:120%; padding:0 0 1em 0}

	.step li br{display:none}
	.cartTotal br{display:none}

	.join-top-L {float:left; width:50%}
	.join-top-R {float:right; width:30%}

	.join-step {margin-top:3em; height:42px}
	.join-step br {display:none}

	.join-box {margin-top:3em; padding:3em}
	.join-btns {padding:5em 0}
	.join-btns a {width:180px}

	.join-box li {width:49%}
	.join-box li.liLeft {float:left}
	.join-box li.liRight {float:right}

	.join-form-box {margin-top:3em; padding:3em}
	.join-form-box .join-form {padding:3em}

	.book-left {float:left; width:49%}

	.book-right {float:right; width:49%}
	.book-left-box ul {width:62%; margin-left:5%}

	.book-sort-list li {display:inline; float:left; width:50%}

	.book-lec br {display:none}

	.advantage li .ul-type1 li {width:19.5%; min-height:270px}
	.advantage li .ul-type2 li {width:19.5%}
	.utility li {width:25%}

	.board-T-b li.write strong {display:inline-block; text-align:center; vertical-align:middle; padding-bottom:0}
	.board-T-b li.write div.input-file {display:inline-block}

	.cst-left {float:left; width:49%}
	.cst-right {float:right; width:49%}

	.cst-tel {margin-top:1em}
	.cst-etc {margin-top:2em}

	.my-top-L {float:left; width:63%}
	.my-top-R {float:right; width:30%}
	.my-top-L,
	.my-top-R {border:1px solid #e0e0e0; padding:1em}
	.my-on .my-on-panel .listLec {width:31.333333%}


	.mock-tab li br {display:none}

	.mock-btn li,
	.mock-btn2 li {display:inline; float:left; width:50%}
	.mock-btn li a.print,
	.mock-btn2 li a.print {margin-bottom:0}

	.e-info {padding:30px}
	.story-view .s-text {padding:30px}

	.roadmap li.rdmsub {display:inline; float:left; width:48%; margin:0 1% 20px}

	.exam-t > li {width:31.33333%; min-height:600px}

	.lec-pkg .target th div,
	.lec-pkg .target td div {padding:16px 17px}
	.lec-pkg .target img {width:33px; left:-17px; margin-top:-15px}

	.lec-pkg .lec-pkg-btn {width:80%; margin:30px auto 0; text-align:center}

	.guide .e-info {padding:40px}

	.textarBx textarea{width:84%}


}


/* Desktop Device */
@media all and (min-width:980px) {
	.processM {display:none;}
	/*.process li {display:table-cell; float:left; width:16.66666%; height:100%}
	.process div {border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3}
	.process h4 {text-align:center; background:#eee; color:#243746; padding:0.7em 0; border-bottom:1px solid #d3d3d3}
	.process li ul {padding:10px}
	.process li li {display:block; float:none; width:100%; border:none}
	.process li li a {display:block; padding:6px; color:#757575}
	.process li li a:hover {color:#539ccf}
	.process li li span {color:#d30000}
	.process:after {content:""; display:block; clear:both}*/
	.process {display:block; clear:both; margin-top:-8px}
	.process table {width:100%; border:0; table-layout:fixed; border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-collapse:collapse; margin:0.625em 0 1em}
	/*.process col {width:16.66666%}*/
	.process th{background:#eee; text-align:center; font-weight:bold; color:#243746}
	.process th,
	.process td{padding:0.75em 0 0.625em; border:0; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; vertical-align:top}
	.process ul {padding:0 10px}
	.process li a {display:block; padding:6px; color:#757575}
	.process li a:hover {color:#539ccf}
	.process li a span {color:#d30000; font-size:95%; margin-left:3px}


	.t-list li {display:inline; float:left; width:23%; margin:0 1%; margin-bottom:2%}

	.join-top br{display:none}
	.join-box p.txtInfo {text-align:center}

	.join-form-box .join-form br {display:none}
	.join-form-box .join-form strong {float:left; padding-top:8px; width:10%}
	.join-form-box .join-form div {float:left; width:89%}
	.join-form-box .join-form div br {display:none}
	.join-form-box .join-form li:after {content:""; display:block; clear:both}

	.loginWrap {margin:3em 0}
	.loginWrap ul {max-width:100%}
	.loginWrap li {width:49%; margin:0 0.5% 10px}

	.loginWrap li .loginBox {padding:3em}
	.loginWrap .loginBox .login-form {position:relative; width:60%; margin:0 auto}

	.book-new li {width:23%}
	.book-sort-list ul {width:60%}

	.advantage li .ul-type1 li {min-height:235px}
	.advantage li li h4 br {display:none}
	.utility li {width:20%}

	.board-T-a li.list br {display:none}

	.private-wrap .join-form strong {float:left; padding-top:8px; width:15%}
	.private-wrap .join-form div {float:left; width:84%}

	.aicpa-form-M {display:none}
	.aicpa-form {display:block}
}