@charset "utf-8";

/*학습정보*/
.studyIntel{}

.studyIntel > ul{position:relative;}
.studyIntel > ul > .firstLi{padding-top:55px;}
.studyIntel > ul > .secondLi{padding-top:0px;}
.studyIntel > ul > li.on{}
.studyIntel > ul > li .wrapList,
.studyIntel > ul > li .wrap-sum{display:none;}
.studyIntel > ul > li.on .wrapList,
.studyIntel > ul > li .wrap-sum{display:block;}

.studyIntel h4{position:absolute;top:0;left:0;}
.studyIntel h4 a{display:block;padding:10px 25px;border:1px solid #EEE;}
.studyIntel > ul > li:nth-child(1) h4{}
.studyIntel > ul > li:nth-child(2) h4{left:148px;}
.studyIntel > ul > li.on h4 a{border-bottom-color:#f8f8f8;background:#f8f8f8;}

.studyIntel .wrapList{border:1px solid #EEE;background:#f8f8f8;padding:30px;margin-bottom:20px;}
.studyIntel .wrapList dl{position:relative;padding-left:100px;margin:10px 0;border-bottom:1px dotted #DDD;min-height:40px;}
.studyIntel .wrapList dl dt{position:absolute;left:0;top:0;width:80px;}
.studyIntel .wrapList dl dt span{display:block;background:#005ead ;padding:3px 0;text-align:center;color:#FFF;font-family:'Noto Medium';border-radius:2px;}
.studyIntel .wrapList dl dd{font-size:0;}
.studyIntel .wrapList dl dd a{font-size:16px;display:inline-block;vertical-align:top;padding:2px 10px;position:relative;box-sizing:border-box;}
.studyIntel .wrapList dl dd a:after{content:"";display:block;width:2px;height:2px;background:#888;position:absolute;top:14px;left:0;}
.studyIntel .wrapList dl dd a:before{content:"";display:none;width:calc(100% - 20px);height:100%;background:#DDD;position:absolute;bottom:0;left:10px;}
.studyIntel .wrapList dl dd a.on:before{display:block;}
.studyIntel .wrapList dl dd a span{position:relative;}

.studyIntel .wrap-sum{}
.studyIntel .courseSum{position:relative;}
.studyIntel .courseSum dt{font-family:'Noto Medium';color:#1e2e55;font-size:20px;}
.studyIntel .courseSum dd{padding-top:5px;}
.studyIntel .courseSum dd a{display:block;background:#2e475d;color:#FFF;padding:5px 20px;font-size:13px;border-radius:30px;position:absolute;top:0;right:0;}
@media all and (max-width:480px) {
	.studyIntel h4{width:50%;}
	.studyIntel h4 a{padding:10px 0;text-align:center;}
	.studyIntel > ul > li:nth-child(2) h4{left:50%;}
	.studyIntel .wrapList dl{padding-left:0;min-height:auto;}
	.studyIntel .wrapList dl dt{position:relative;width:100%;margin-bottom:10px;}
	.studyIntel .courseSum dd a{position:relative;right:auto;top:auto;margin:15px auto;text-align:center;width:160px;}
}

.studyIntelView{padding:10px;}
.studyIntelView h3{background:#2e475d;color:#FFF !important;font-family:'Noto Medium';font-size:22px;padding:10px 20px;margin-bottom:30px;}
.studyIntelView > ul{position:relative;}
.studyIntelView > ul > li{padding-top:27px;}
.studyIntelView > ul > li.on{}
.studyIntelView > ul > li .con-wrap{display:none;}
.studyIntelView > ul > li.on .con-wrap{display:block;}
.studyIntelView h4{position:absolute;top:0;left:0;}
.studyIntelView h4 a{display:block;padding:10px 25px;border:1px solid #EEE;background:#f8f8f8;}
.studyIntelView > ul > li:nth-child(1) h4{}
.studyIntelView > ul > li:nth-child(2) h4{left:109px;}
.studyIntelView > ul > li.on h4 a{border-bottom-color:#FFF;background:#FFF;}
.studyIntelView .con-wrap{border:1px solid #EEE;background:#FFF;padding:30px;margin-bottom:20px;}
@media all and (max-width:480px) {
	.studyIntelView h4{width:50%;}
	.studyIntelView h4 a{padding:10px 0;text-align:center;}
	.studyIntelView > ul > li:nth-child(2) h4{left:50%;}
}

/*20240213 가로스크롤 추가*/
.studyIntelView .con-table {position:relative; line-height: 1.5;}
.studyIntelView .con-table:after {content:''; position: absolute; right:0px; top:0px; width:1px; height:100%; background:#fff;}
.studyIntelView .con-table table {position:relative;}
.studyIntelView .con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#000;}
.studyIntelView .con-table thead th {padding:14px 10px; font-family: 'Noto DemiLight'; font-weight: normal;  background:#f7f8f9; color:#000000; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:18px;}
.studyIntelView .con-table thead th.small {padding:15px 10px; font-size: 16px;}
.studyIntelView .con-table tbody th {padding:13px 15px; font-family: 'Noto DemiLight'; font-weight: normal; background:#fbfbfb; color:#666; border-right:1px solid #dddee0; border-bottom:1px solid #ccd0d7; font-size:16px;}
.studyIntelView .con-table tbody td {padding:13px 15px; font-family: 'Noto DemiLight'; background:#fff; color:#666; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:16px;}
.studyIntelView .con-table .list li {position: relative; padding-left: 8px;}
.studyIntelView .con-table .list li:after {content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 100%; background: #666666;}
.studyIntelView .con-table .align-l {text-align:left;}
.studyIntelView .con-table .align-c {text-align:center;}
.studyIntelView .con-table .align-r {text-align:right;}
@media all and (max-width:960px) {
	.studyIntelView .con-table {overflow-x: hidden;}
	.studyIntelView .con-table table {width:1200px;}
	.studyIntelView .con-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0);}
	.studyIntelView .con-table.on:after {display:none;}
	.studyIntelView .con-table thead th,
	.studyIntelView .con-table tbody th,
	.studyIntelView .con-table tbody td {padding:10px 8px;font-size:16px;}
}

/*추가*/
/* .con-table {position:relative; line-height: 1.6;}
.con-table:after {content:''; position: absolute; right:0px; top:0px; width:1px; height:100%; background:#fff;}
.con-table table {position:relative;}
.con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#000;}
.con-table table:before {content:''; position:absolute; top:0px; right:0px; width:1px; height:100%; background:#FFF;}
.con-table thead th {padding:14px 10px; font-family: 'Noto DemiLight'; font-weight: normal;  background:#f7f8f9; color:#000000; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:17px;}
.con-table thead th.small {padding:15px 10px; font-size: 16px;}
.con-table tbody th {padding:13px 15px; font-family: 'Noto DemiLight'; font-weight: normal; background:#fbfbfb; color:#000; border-right:1px solid #dddee0; border-bottom:1px solid #ccd0d7; font-size:17px;}
.con-table tbody td {padding:13px 15px; font-family: 'Noto DemiLight'; background:#fff; color:#000; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:17px;}
.con-table .list li {position: relative; padding-left: 8px;}
.con-table .list li:after {content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 100%; background: #666666;}
.con-table .align-l {text-align:left;}
.con-table .align-c {text-align:center;}
.con-table .align-r {text-align:right;}

@media all and (max-width:960px) {
  .con-table {overflow-x: hidden;}
  .con-table table {width:100%;}
  .con-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0)  no-repeat center 40px;}
  .con-table.on:after {display:none;}
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {padding:10px 8px;font-size:16px;}
} */

.con-list li { padding-left: 20px; margin-bottom: 6px; background:url('/images/guide/common/bul-list1.png') no-repeat left 10px; font-family: 'Noto DemiLight'; font-size: 17px; line-height: 1.6; color:#000;}
.con-list li:last-child {margin-bottom: 0;}
.con-list2 li {margin-bottom: 7px; padding-left: 20px; background:url('/images/guide/common/bul-list2.png') no-repeat left 12px; font-family: 'Noto DemiLight'; font-size: 17px; line-height: 1.6; color:#000;}
.con-list2 li:last-child {margin-bottom: 0px;}
.con-list3 li {position: relative; margin-bottom: 7px; padding-left: 20px; font-family: 'Noto DemiLight'; font-size: 17px; line-height: 1.6; color:#000;}
.con-list3 li:last-child {margin-bottom: 0px;}
.con-list3 li:after {content: ''; position: absolute; left: 0; top: 7px; display: inline-block; width: 16px; height: 16px; line-height: 17px; margin-right: 7px; background: #4b74cc; border-radius: 100%; font-size: 10px; font-family: 'Mont Medium'; vertical-align: middle; text-align: center; color: #fff;}
.con-list3 li:nth-child(1):after {content: '1';}
.con-list3 li:nth-child(2):after {content: '2';}
.con-list3 li:nth-child(3):after {content: '3';}
.con-list3 li:nth-child(4):after {content: '4';}
.con-list3 li:nth-child(5):after {content: '5';}
.con-list3 li:nth-child(6):after {content: '6';}
.con-list3 li:nth-child(7):after {content: '7';}
.con-list3 li:nth-child(8):after {content: '8';}
.con-list3 li:nth-child(9):after {content: '9';}
.con-list3 li:nth-child(10):after {content: '10';}
.con-list3 img {width: 100%;}