@charset "euc-kr";

/* 20231011 magazine.css Ãß°¡ */
/* 20230503 Ç÷ÎÆà ¹è³Ê ¼û±è .cpmtWrap */
/* 20210406 Ç÷ÎÆà ¾ÆÀÌÄÜ ¼öÁ¤ */
/* 20210126 ¼öÁ¤ */
/* 20190826 ¸®´º¾ó ½Ç¼­¹ö ¹Ý¿µ */

@import url(normalize.css);
@import url(common.css);
@import url(../../common/common.css);
@import url(renewstyle.css);
@import url(slick.css);
@import url(outChannel.css);
@import url(magazine.css);

.freePage h2{text-align: center !important;}
/*º»¹®*/
#container{padding: 15px;}
.return {margin:0;padding:0 !important;}

.conTitH3{position: relative; text-align: left; font-weight:800; color: #333; font-size: 16px;font-weight:800; margin-bottom: 10px; background: none;}
.conTitH3 .dateInfo{position: absolute; right: 0; bottom: 0; font-size: 15px;}
.conInTitH4{font-size: 15px; font-weight:800; margin-bottom: 8px;margin-top:10px;}

.cardBox{display: block;}
/*±×·¡ÇÁ*/
.basicChartBox{border-radius: 6px; border: 1px solid #ddd; border-top: none; border-bottom: 2px solid #bdbdbd;background: #fff; padding: 20px 12px; margin-top: 10px; overflow: hidden;}
.basicChartBox .chartStatus{text-align: center; color: #333; font-size: 13px; font-weight:800;}
.basicChartBox .chartStatus strong{font-size: 24px; padding-left: 20px;}
.basicChartBox .chartStatus .statusUp{color: #e82626; background: url('../../../../img/bam/skt/tc/free/status_up.png') left center no-repeat; background-size: auto 9px;}
.basicChartBox .chartStatus .statusDown{color: #3aa5dd; background: url('../../../../img/bam/skt/tc/free/status_down.png') left center no-repeat; background-size: auto 9px;}
.basicChartBox .chartStatus .statusSame{color: #333; background: url('../../../../img/bam/skt/tc/free/status.png') left center no-repeat; background-size: auto 3px;}
.basicChart{margin-top: 10px;}
.basicChart .basicChartList dt,
.basicChart .basicChartList dd{float: left; padding: 3px 0; line-height: 18px;}
.basicChart .basicChartList dt{font-size: 13px; border-right: 2px solid #000; font-weight:800; width: 19%;}
.basicChart .basicChartList dd{width: 81%;}
.basicChart .basicChartList dd .graphBg{border-radius: 0 17px 17px 0; background: #d1d1d1;}
.basicChart .basicChartList dd .graphBg .graphInner{border-radius: 0 17px 17px 0; background: #747478; color: #fff; font-size: 13px; font-weight:800; padding-right: 8px; text-align: right;}
.basicChart .basicChartList .status01 dd .graphBg .graphInner{width: 70%;}
.basicChart .basicChartList .status02 dd .graphBg .graphInner{width: 50%;}
.basicChart .basicChartList.statusUp .status03 dd .graphBg .graphInner{width: 65%; background: #3aa5dd;}
.basicChart .basicChartList.statusUp .status04 dd .graphBg .graphInner{width: 80%; background: #e82626;}
.basicChart .basicChartList.statusDown .status03 dd .graphBg .graphInner{width: 80%;background: #e82626;}
.basicChart .basicChartList.statusDown .status04 dd .graphBg .graphInner{width: 65%;background: #3aa5dd;}
.basicChart .basicChartList.statusSame .status03 dd .graphBg .graphInner{width: 80%;background: #f4750c;}
.basicChart .basicChartList.statusSame .status04 dd .graphBg .graphInner{width: 80%;background: #f4750c;}
.monthList{margin-left: -0.5%; margin-top: 10px;}
.monthList > li{float: left;width: 24.5%;margin-left: 0.5%; text-align: center;}
.monthList > li > a{color: #101010; font-size: 12px; display: block; border: 1px solid #b8b8b8; border-radius: 2px; height: 25px; line-height: 25px;}
.monthList > li > a.active{border: 1px solid #686868; color: #fff; background: #686868;}
.monthList.type2{margin-left: -1.333%;}
.monthList.type2 > li{width: 32%; margin-left: 1.333% }

.textBox{text-align: center;margin: 10px 0; font-size: 13px; word-break: keep-all;}
.textBox.type2{text-align: left;margin:5px 0 10px;}

.basicBtn{display: block; text-align: center; color: #fff; background: #3617ce; font-size: 17px;font-weight:800; padding: 15px 0;border-radius:5px}
.basicBtn span{padding-right: 13px; background: url('../../../../img/bam/skt/tc/free/arr_r.png') right center no-repeat; background-size: 4px auto;}
.basicBtn.type2{height: 20px; line-height: 20px; display: inline-block; padding: 0 10px;}

/*½Å¿ëÁ¶È¸³»¿ª°ü¸®*/
.searchDataNo{text-align: center;}
.searchDataNo .tit{padding-top: 55px; background: url('../../../../img/bam/skt/tc/free/ico_01.png') center top no-repeat; background-size: 45px auto; font-size: 14px; color: #4b5665; font-weight:800;}
.searchDataNo .text{font-size: 13px; margin-top: 15px;}
.quoteText{position: relative; padding: 0 8px;}
.quoteText::before,
.quoteText::after{content:''; position: absolute; top: 0; width: 4px; height: 7px; }
.quoteText::before{ left: 0; background: url('../../../../img/bam/skt/tc/free/ico_02.png') 0 0 no-repeat; background-size: 100% 100%;}
.quoteText::after{ right: 0; background: url('../../../../img/bam/skt/tc/free/ico_03.png') 0 0 no-repeat; background-size: 100% 100%;}

/*½Å¿ëÁ¶È¸³»¿ªÈ®ÀÎ*/
.searchResultList > li+li{margin-top: 10px;}
.searchResultList > li dt,
.searchResultList > li dd{float:left; height: 45px; padding: 6px 0; line-height: 33px; color: #4b5665; font-size: 13px; font-weight:800;}
.searchResultList > li dt{width: 40%; padding-left: 50px;}
.searchResultList > li.con1 dt{background: url('../../../../img/bam/skt/tc/free/ico_04.png') left center no-repeat; background-size: auto 100%;}
.searchResultList > li.con2 dt{background: url('../../../../img/bam/skt/tc/free/ico_05.png') left center no-repeat; background-size: auto 100%;}
.searchResultList > li.con3 dt{background: url('../../../../img/bam/skt/tc/free/ico_06.png') left center no-repeat; background-size: auto 100%;}
.searchResultList > li dd{width: 60%; text-align: right;}
.searchResultList > li dd div{padding-right: 10px; background: #eee; color: #4b5665; font-size: 13px; font-weight:800;}
.slideDotImg{text-align: center; margin-top: 10px;}
.slideDotImg img{height: 10px;}

/*°£Æí±ÝÀ¶Áø´Ü*/
.simpleDiag{padding-left: 65px; background: url('../../../../img/bam/skt/tc/free/ico_08.png') left center no-repeat; background-size: 50px auto;}
.simpleDiag .nameTxt{color: #4b5665; font-size: 14px; font-weight:800; }
.simpleDiag .simpleDiagInput{margin: 10px 0; font-size: 12px; position: relative; padding-right: 40px;}
.simpleDiag .simpleDiagInput .simpleDinputTxt{position: absolute; right: 0; top: 0; line-height: 30px; font-size: 12px;}
.simpleDiag .simpleDiagInput input{display: block; width: 100%; height: 30px; line-height: 30px; background: #eee; border: none; padding: 0 10px; border-radius: 0;}
.simpleDiag.type2{background: url('../../../../img/bam/skt/tc/free/ico_15.png') 12px center no-repeat; background-size: 41px auto; min-height: 45px; padding-top: 3px;}
.simpleDiag.type3{background: url('../../../../img/bam/skt/tc/free/ico_16.png') 12px center no-repeat; background-size: 41px auto; min-height: 45px; padding-top: 3px;}

.basicChartBox.bannerVer{background: url('../../../../img/bam/skt/tc/free/ico_11.png') left top no-repeat #fff; background-size: 65px auto; padding: 0;}
.basicChartBox.bannerVer > a{display: block; text-align: center;}
.basicChartBox.bannerVer > a .bannerTit{padding-top: 6px; background: url('../../../../img/bam/skt/tc/free/ico_10.png') center top no-repeat; background-size: 20px auto; color: #f3750b; font-size: 13px; font-weight:800;}
.basicChartBox.bannerVer > a .bannerTxt{margin-top: 5px; font-size: 12px; font-weight:800; }
.basicChartBox.bannerVer > a .bannerTxt strong{font-size: 14px;}
.basicChartBox.bannerVer > a .bannerTxtIn{padding: 10px;}
.basicChartBox.bannerVer > a .bannerTxtIn2{font-size: 13px; padding: 10px; background-color: rgba(255,253,232,0.65);}
.basicChartBox.bannerVer > a .bannerTxtIn2 .tip{padding-right: 15px; background: url('../../../../img/bam/skt/tc/free/ico_09.png') right center no-repeat; background-size: 11px auto; font-size: 16px;}

.agreeBox{background: #fff; border-top: 1px dotted #e2e2e2; border-bottom: 2px solid #d1d1d1; padding: 15px; position: relative; margin-bottom: 10px;}
.agreeBox .tit{color: #767676; font-size: 13px;}
.agreeBox .btnAgreePop{display: inline-block; border: 1px solid #b8b8b8; border-radius: 2px; height: 24px; line-height: 22px; padding: 0 10px; margin-top: 5px; }
.agreeBox .btnAgreePop span{color: #101010; font-size: 13px; padding-right: 9px;line-height: 24px; background: url('../../../../img/bam/skt/tc/free/arr_r2.png') right center no-repeat; background-size: 5px auto;}
.btnAgreeChkWrap{position: absolute; right: 15px; top: 50%; margin-top: -19px; width: 38px; height: 38px;overflow: hidden;}
.btnAgreeChkWrap .btnAgreeChk{position: absolute; top: 0; left: 0; width: 38px; height: 38px; background: url('../../../../img/bam/skt/tc/free/ico_27.png') 0 0 no-repeat; background-size: 38px auto; z-index: 5;}
.btnAgreeChkWrap #btnAgreeChk:checked+.btnAgreeChk{background-position: 0 -38px;}
.btnAgreeChkWrap #btnAgreeChk{visibility:hidden;left:-9999em;margin:0;padding:0;font-size:0;line-height:0;width:0;height:0;overflow:hidden;}

/*¾à°üµ¿ÀÇ Æ˾÷*/
.popupBg{position: fixed; z-index: 99999; background: rgba(0, 0, 0, 0.66); width: 100%; height: 100%; top: 0; left: 0; overflow: auto; display: none;}
.popupBg .layerPop{width: 90%; margin: 50px auto; background: #fff; border-radius: 5px; overflow: hidden;}
.popupBg .layerPop .layerPopTop{padding: 15px; text-align: center; }
.popupBg .layerPop .layerPopTop .tit{padding-top: 28px; background: url('../../../../img/bam/skt/tc/free/ico_28.png') center 0 no-repeat; background-size: auto 23px; font-size: 14px; font-weight:800;}
.popupBg .layerPop .layerPopTop .tit2{font-size: 13px; font-weight:800;}
.popupBg .layerPop .layerPopCon{padding: 15px 0; margin: 0 15px 15px;border-top: 1px dotted #e1e1e1; border-bottom: 1px dotted #e1e1e1;}
.popupBg .layerPop .layerPopCon .layerPopTit{font-size: 13px; font-weight:800;}
.popupBg .layerPop .layerPopCon .layerPopUl+.layerPopTit{margin-top: 12px;}
.popupBg .layerPop .layerPopCon .layerPopUl{margin-top: 8px;}
.popupBg .layerPop .layerPopCon .layerPopUl li{font-size: 13px; color: #747478; word-break: keep-all;}
.popupBg .layerPop .layerPopCon .layerPopUl li+li{margin-top: 3px;}
.popupBg .layerPop .btnAgreeOk{display: block; background: #e22145; color: #fff; height: 30px; line-height: 30px; text-align: center; font-size: 13px;}
.popupBg .layerPop .btnAgreeOk span{padding-right: 10px; background: url('../../../../img/bam/skt/tc/free/arr_r.png') right center no-repeat; background-size: auto 9px;}

/*±ÝÀ¶Áø´Ü °á°ú*/
.basicChartBox.type2{padding: 0;}
.basicChartBox.type2 .basicChartInner{padding: 10px;}
.basicChartBox.type2 .basicChartInner+.basicChartInner{border-top: 2px dotted #d1d1d1;}

.basicChart.type2 .basicChartList dd .graphBg .graphInner{background: #666668; padding-right: 0; text-align: left; padding-left: 5px;}
.basicChart.type2 .basicChartList .status05 dd .graphBg .graphInner{width: 30%; background: url('../../../../img/bam/skt/tc/free/level_01.png') right bottom no-repeat #666668; background-size: auto 14px;}
.basicChart.type2 .basicChartList .status04 dd .graphBg .graphInner{width: 47.5%; background: url('../../../../img/bam/skt/tc/free/level_02.png') right bottom no-repeat #e82626; background-size: auto 14px;}
.basicChart.type2 .basicChartList .status03 dd .graphBg .graphInner{width: 65%; background: url('../../../../img/bam/skt/tc/free/level_03.png') right bottom no-repeat #f6c217; background-size: auto 14px;}
.basicChart.type2 .basicChartList .status02 dd .graphBg .graphInner{width: 82.5%; background: url('../../../../img/bam/skt/tc/free/level_04.png') right bottom no-repeat #07a489; background-size: auto 14px;}
.basicChart.type2 .basicChartList .status01 dd .graphBg .graphInner{width: 100%; background: url('../../../../img/bam/skt/tc/free/level_05.png') right bottom no-repeat #3aa5dd; background-size: auto 14px;}
.diagBottom{background: #d1d1d1; padding: 10px;}
.diagBottom .diagBottomDl > dt{float:left; font-size: 13px; color: #fff; padding-left: 24px; background: url('../../../../img/bam/skt/tc/free/ico_17.png') left center no-repeat; background-size: 20px auto;}
.diagBottom .diagBottomDl > dd{float:right;}
.diagBottom .diagBottomDl > dd a{display: block; border-radius: 3px; height: 25px; line-height: 25px; color: #fff; padding: 0 3px; background: url('../../../../img/bam/skt/tc/free/bg_01.png') 0 0 repeat-x; background-size: auto 100%; font-size: 13px; font-weight:800;}
.diagBottom2{text-align: center; font-size: 13px; color: #37485f; padding: 5px 0;}

/*½Å¿ëÁ¤º¸º¯µ¿È®ÀÎ*/
.changeCheckList > li{float: left; width: 50%; }
.changeCheckList > li:nth-child(odd){border-right: 1px solid #eee;}
.changeCheckList > li:nth-child(1),
.changeCheckList > li:nth-child(2){border-bottom: 1px solid #eee;}
.changeCheckList > li > a{display: block; text-align: center; padding: 10px 0;}
.changeCheckList > li > a .tit span{font-size: 13px; font-weight:800; padding-right: 15px; background: url('../../../../img/bam/skt/tc/free/ico_09.png') right center no-repeat; background-size: 11px auto;}
.changeCheckList > li > a .text{padding-top: 55px;}
.changeCheckList > li > a .text div{width: 80px; margin: 0 auto; font-size: 13px; color: #fff; font-weight:800; background: #d1d1d1; height: 20px; line-height: 20px; border-radius: 6px;}
.changeCheckList > li.con1 > a .text{background: url('../../../../img/bam/skt/tc/free/toggle_1_1.png') center 3px no-repeat; background-size: auto 47px;}
.changeCheckList > li.con2 > a .text{background: url('../../../../img/bam/skt/tc/free/toggle_2_1.png') center 3px no-repeat; background-size: auto 47px;}
.changeCheckList > li.con3 > a .text{background: url('../../../../img/bam/skt/tc/free/toggle_3_1.png') center 3px no-repeat; background-size: auto 47px;}
.changeCheckList > li.con4 > a .text{background: url('../../../../img/bam/skt/tc/free/toggle_4_1.png') center 3px no-repeat; background-size: auto 47px;}
.changeCheckList > li.con1.active > a .text{background: url('../../../../img/bam/skt/tc/free/toggle_1_2.png') center 3px no-repeat; background-size: auto 47px;}
.changeCheckList > li.con2.active > a .text{background: url('../../../../img/bam/skt/tc/free/toggle_2_2.png') center 3px no-repeat; background-size: auto 47px;}
.changeCheckList > li.con3.active > a .text{background: url('../../../../img/bam/skt/tc/free/toggle_3_2.png') center 3px no-repeat; background-size: auto 47px;}
.changeCheckList > li.con4.active > a .text{background: url('../../../../img/bam/skt/tc/free/toggle_4_2.png') center 3px no-repeat; background-size: auto 47px;}
.changeCheckList > li.con1.active > a .text div{background: #e32144;}
.changeCheckList > li.con2.active > a .text div{background: #38485f;}
.changeCheckList > li.con3.active > a .text div{background: #f4750c;}
.changeCheckList > li.con4.active > a .text div{background: #6c7280;}

/*½Å¿ë»óÅÂ*/
.basicChartBox.type3{padding: 12px;}
.basicChartBox+.conTitH3{margin-top: 15px;}
.scoreGraphBox{padding-right: 50px; position: relative;}
.scoreGraphBox .scoreGraphWrap{position: relative; padding: 31px 0;}
.scoreGraphBox .scoreGraphWrap .scoreGraph{height: 15px; line-height: 15px;border-radius: 15px; background: #d1d1d1; position: relative;}
.scoreGraphBox .scoreGraphWrap .scoreGraph .scoreMax{position: absolute; right: 5px; font-size: 10px;}
.scoreGraphBox .scoreGraphWrap .scoreGraph .scoreGraphIn{background: #3aa5dd; height: 15px;  border-radius: 15px; color: #fff; padding-left: 5px; font-size: 10px; width: 60%;}/*width ±æÀ̸¦ userPoint left°ªÀ̶û °°°Ô ÇØÁÖ¼¼¿ä.*/
.scoreGraphBox .scoreGraphWrap .userPoint,
.scoreGraphBox .scoreGraphWrap .peoplePoint{position: absolute; text-align: center; line-height: 14px; font-size: 13px;}
.scoreGraphBox .scoreGraphWrap .userPoint{width: 60px; margin-left: -30px;top: 0; padding-bottom: 17px; background: url('../../../../img/bam/skt/tc/free/ico_18.png') center bottom no-repeat; background-size: auto 15px; left: 60%; font-weight:800;}
.scoreGraphBox .scoreGraphWrap .peoplePoint{width: 120px; margin-left: -60px; bottom: 0;padding-top: 17px; background: url('../../../../img/bam/skt/tc/free/ico_19.png') center top no-repeat; background-size: auto 15px; left: 51.4%;}
.scoreGraphBox .userScore{position: absolute; right:0; top: 50%; margin-top: -15px; height:
30px; padding-top: 16px; line-height: 14px; font-size: 13px;background: url('../../../../img/bam/skt/tc/free/ico_22.png') left top no-repeat; background-size: auto 30px; padding-left: 32px; font-weight:800;}

.scoreGraphBox.type2 .scoreGraphWrap .scoreGraph .scoreGraphIn{background: #e82626; width: 40%;}/*width ±æÀ̸¦ userPoint left°ªÀ̶û °°°Ô ÇØÁÖ¼¼¿ä.*/
.scoreGraphBox.type2 .scoreGraphWrap .userPoint{background: url('../../../../img/bam/skt/tc/free/ico_20.png') center bottom no-repeat; background-size: auto 15px; left: 40%;}
.scoreGraphBox.type2 .scoreGraphWrap .peoplePoint{background: url('../../../../img/bam/skt/tc/free/ico_21.png') center top no-repeat; background-size: auto 15px; left: 70.4%;}
.scoreGraphBox.type2 .userScore{background: url('../../../../img/bam/skt/tc/free/ico_23.png') left top no-repeat; background-size: auto 30px; }

.scoreGraphBox.type3 .scoreGraphWrap .scoreGraph .scoreGraphIn{background: #f4750c; width: 50%;}/*width ±æÀ̸¦ userPoint left°ªÀ̶û °°°Ô ÇØÁÖ¼¼¿ä.*/
.scoreGraphBox.type3 .scoreGraphWrap .userPoint{background: url('../../../../img/bam/skt/tc/free/ico_25.png') center bottom no-repeat; background-size: auto 15px; left: 50%;}
.scoreGraphBox.type3 .scoreGraphWrap .peoplePoint{background: url('../../../../img/bam/skt/tc/free/ico_26.png') center top no-repeat; background-size: auto 15px; left: 50%;}
.scoreGraphBox.type3 .userScore{background: url('../../../../img/bam/skt/tc/free/ico_24.png') left top no-repeat; background-size: auto 30px; }

.scoreGraphBox+.conInTitH4{margin-top: 15px;}

.sLevelBox{ line-height: 1.4;}
.sLevelBox .sLevelBoxIn{padding: 10px 10px 3px 65px;}
.sLevelBox .sLevelBoxIn .tit{font-size: 13px; font-weight:800;}
.sLevelBox .sLevelBoxIn .tit .quoteText{font-size: 14px; margin-left: 10px;}
.sLevelBox .sLevelBoxIn .txt{font-size: 12px; margin-top: 4px; word-break: keep-all;}
.sLevelBox.lev5 .sLevelBoxIn .tit .levelTxtCol,
.sLevelBox.lev5 .sLevelBoxIn .tit .quoteText{color: #666668;}
.sLevelBox.lev5 .sLevelBoxIn{background: url('../../../../img/bam/skt/tc/free/slevel_01.png') 17px 10px no-repeat; background-size: auto 45px; }
.sLevelBox.lev4 .sLevelBoxIn .tit .levelTxtCol,
.sLevelBox.lev4 .sLevelBoxIn .tit .quoteText{color: #e82626;}
.sLevelBox.lev4 .sLevelBoxIn{background: url('../../../../img/bam/skt/tc/free/slevel_02.png') 17px 10px no-repeat; background-size: auto 45px; }
.sLevelBox.lev3 .sLevelBoxIn .tit .levelTxtCol,
.sLevelBox.lev3 .sLevelBoxIn .tit .quoteText{color: #f6c217;}
.sLevelBox.lev3 .sLevelBoxIn{background: url('../../../../img/bam/skt/tc/free/slevel_03.png') 17px 10px no-repeat; background-size: auto 45px; }
.sLevelBox.lev2 .sLevelBoxIn .tit .levelTxtCol,
.sLevelBox.lev2 .sLevelBoxIn .tit .quoteText{color: #07a489;}
.sLevelBox.lev2 .sLevelBoxIn{background: url('../../../../img/bam/skt/tc/free/slevel_04.png') 17px 10px no-repeat; background-size: auto 45px; }
.sLevelBox.lev1 .sLevelBoxIn .tit .levelTxtCol,
.sLevelBox.lev1 .sLevelBoxIn .tit .quoteText{color: #3aa5dd;}
.sLevelBox.lev1 .sLevelBoxIn{background: url('../../../../img/bam/skt/tc/free/slevel_05.png') 17px 10px no-repeat; background-size: auto 45px; }
.sLevelBox .btnMore{display: block; text-align: center; font-size: 12px; height: 18px; line-height: 18px; background: #d1d1d1; color: #101010;}
.sLevelBox .moreTxt{word-break: keep-all; padding: 0 10px 10px 65px; font-size: 12px; display: none;}

/*À¯·áºÎ*/
/*ǪÅÍÁ¶Á¤*/
.ft-inner .footer-menu li{vertical-align: middle;}
#footer .ft-inner .ft-addr{text-align: center;}

/*main_container*/
#container.paddingNone{padding:0}/*161207 ¼öÁ¤*/
#container.paddingNone > .graphicBox {background: #fff;}
#container.padding0{padding:0;}/*161207 ¼öÁ¤*/
#container.padding0 .paddingCon {margin:0;}
#container .main_banner_box{text-align: center; padding: 15px 20px;}
#container .main_banner_box .mainIcoList{margin: 0 25px;}
#container .main_banner_box .mainIcoList > li{float: left; width: 33.3%;}
#container .main_banner_box .mainIcoList > li:nth-child(3n-1){width: 33.4%;}
#container .main_banner_box .mainIcoList > li:nth-child(4),
#container .main_banner_box .mainIcoList > li:nth-child(5),
#container .main_banner_box .mainIcoList > li:nth-child(6){margin-top: 15px;}
#container .main_banner_box .mainIcoList > li a{display: block; padding-top: 40px; font-weight:800; font-size: 13px; background-size: 40px 34px !important; background-position: center top; background-repeat: no-repeat; line-height: 1.1;}
#container .main_banner_box .mainIcoList > li.con1 a{background-image: url('../../../../img/bam/skt/tc/main_ico_1.png');}
#container .main_banner_box .mainIcoList > li.con2 a{background-image: url('../../../../img/bam/skt/tc/main_ico_2.png');}
#container .main_banner_box .mainIcoList > li.con3 a{background-image: url('../../../../img/bam/skt/tc/main_ico_3.png');}
#container .main_banner_box .mainIcoList > li.con4 a{background-image: url('../../../../img/bam/skt/tc/main_ico_4.png');}
#container .main_banner_box .mainIcoList > li.con5 a{background-image: url('../../../../img/bam/skt/tc/main_ico_5.png');}
#container .main_banner_box .mainIcoList > li.con6 a{background-image: url('../../../../img/bam/skt/tc/main_ico_6.png');}

/*¸ÞÀν½¶óÀ̵å*/
.mainSliderBannerBox{background:#13263e; position: relative;}
.mainSliderBannerBox .playStop{position: absolute; right: 10px; bottom: 10px; width: 15px; height: 15px; background: url('../../../../img/bam/skt/tc/btn_play.png') 0 center no-repeat; background-size: 100% 100%; border: none; overflow: hidden; text-indent: -99999em; padding: 0; margin: 0;}
.mainSliderBannerBox .playStop.active{background: url('../../../../img/bam/skt/tc/btn_stop.png') 0 center no-repeat; background-size: 100% 100%;}
.mainSliderBanner .slick-slide{margin: 0 2px;}
.mainSliderBanner .slick-slide .bannerTit{height: 35px; line-height: 35px; color: #fff; font-size: 13px; text-align: center;}
.mainSliderBanner .slick-slide .bannerCon{background: #fff; padding: 20px 30px; height:120px; width: 100%;}
.mainSliderBannerIn{padding: 20px 0 0 75px; width: 220px; height: 80px; margin: 0 auto;}
.mainSliderBannerIn.con1{background: url('../../../../img/bam/skt/tc/main_slide_1.png') 0 center no-repeat; background-size: 60px auto;}
.mainSliderBannerIn.con2{background: url('../../../../img/bam/skt/tc/main_slide_2.png') 0 center no-repeat; background-size: 60px auto;}
.mainSliderBannerIn.con3{background: url('../../../../img/bam/skt/tc/main_slide_3.png') 0 center no-repeat; background-size: 60px auto;}
.mainSliderBannerIn.con4{background: url('../../../../img/bam/skt/tc/main_slide_4.png') 0 center no-repeat; background-size: 60px auto;}
.mainSliderBannerIn.con5{background: url('../../../../img/bam/skt/tc/main_slide_5.png') 0 center no-repeat; background-size: 60px auto;}
.mainSliderBannerIn.con6{background: url('../../../../img/bam/skt/tc/main_slide_6.png') 0 center no-repeat; background-size: 60px auto;}
.mainSliderBannerIn .tit{font-size: 17px; font-weight:800; line-height: 1.2;}
.mainSliderBannerIn .mainSliderLinkList{margin-top: 5px;}
/*.mainSliderBannerIn .mainSliderLinkList > li+li{margin-top: 3px;}*/
.mainSliderBannerIn .mainSliderLinkList > li a{padding-right: 17px; background: url('../../../../img/bam/skt/tc/arr_r3.png') right center no-repeat; background-size: 13px auto; font-size: 13px; color: #13263e;}

.mainSliderBanner .slick-arrow{position: absolute; top: 50%; z-index: 10; width: 30px; height: 30px; margin-top: -15px; border: none; overflow: hidden; text-indent: -9999em;}
.mainSliderBanner .slick-arrow.slick-prev{background: url('../../../../img/bam/skt/tc/arr_l.png') center no-repeat; background-size: 7px auto; left: 20px;}
.mainSliderBanner .slick-arrow.slick-next{background: url('../../../../img/bam/skt/tc/arr_r2.png') center no-repeat; background-size: 7px auto; right: 20px;}

.mainSliderBanner .slick-dots{text-align: center; height: 7px;}
.mainSliderBanner .slick-dots > li{display: inline-block; margin: 0 3px; height: 7px;}
.mainSliderBanner .slick-dots > li > button{border: none; background: #716f71; width: 7px; line-height: 7px; height: 7px; border-radius: 7px;vertical-align: top;display: inline-block;padding: 0;margin: 0; text-indent: -99999em;}
.mainSliderBanner .slick-dots > .slick-active > button{background: #fff; width: 25px;}

.mainUseInfo > dt{padding-top: 15px; text-align: center; border-bottom: 4px solid #37485f;}
.mainUseInfo > dt .mainUseInfoTop{background: url('../../../../img/bam/skt/tc/ico_01.png') center top no-repeat; background-size: 32px auto; padding-top: 13px; font-size: 14px; color: #454545;}
.mainUseInfo > dt .mainUseInfoTop .largeFont{font-size: 20px;}
.mainUseInfo > dt .mainUseInfoBtn{display: block; width: 33px; height: 13px; background: url('../../../../img/bam/skt/tc/main_toggle_off.png') 0 0 no-repeat; background-size: 100% 100%; margin: 10px auto 0;}
.mainUseInfo > dt .mainUseInfoBtn.active{background: url('../../../../img/bam/skt/tc/main_toggle_on.png') 0 0 no-repeat; background-size: 100% 100%;}
.mainUseInfo > dd{background: #37485f; padding: 25px 0;}
.mainUseInfo > dd .mainUseInfoList{width: 270px; margin: 0 auto;}
.mainUseInfo > dd .mainUseInfoList > li{ color: #fff; font-size: 15px; min-height: 31px; padding-left: 40px;}
.mainUseInfo > dd .mainUseInfoList > li+li{margin-top: 15px;}
.mainUseInfo > dd .mainUseInfoList > li.con1{background: url('../../../../img/bam/skt/tc/ico_02.png') 0 center no-repeat; background-size: 32px auto;}
.mainUseInfo > dd .mainUseInfoList > li.con2{background: url('../../../../img/bam/skt/tc/ico_03.png') 0 center no-repeat; background-size: 32px auto;}
.mainUseInfo > dd .mainUseInfoList > li.con3{background: url('../../../../img/bam/skt/tc/ico_04.png') 0 center no-repeat; background-size: 32px auto;}
.mainUseInfo > dd .mainUseInfoList > li.con4{background: url('../../../../img/bam/skt/tc/ico_05.png') 0 center no-repeat; background-size: 32px auto;}
.mainUseInfo > dd .mainUseInfoBtn{background: #c20f33; color: #fff; display: block; height: 30px; line-height: 30px; text-align: center; width: 160px; margin: 25px auto 0; font-size: 14px;}

.main_list > li{float: left; width: 50%; }
.main_list > li > a{display: block; color: #1f2e3e; height: 90px; padding: 15px 0 0 15px;}
.main_list > li > a .colOrg{font-size: 18px;}
.main_list > li.con1 > a{background: url('../../../../img/bam/skt/tc/ico_06.png') right 15px bottom 15px no-repeat #ebebeb; background-size: 33px auto;}
.main_list > li.con2 > a{background: url('../../../../img/bam/skt/tc/ico_07.png') right 15px bottom 15px no-repeat #f7f7f7; background-size: 33px auto;}

/*À̷¼öÁØ ±×·¡ÇÈ*/
.graphicBox{background: #fff; padding: 20px 20px 0;} /* 20201222 edit */
.graphicDl > dt{font-size: 16px; color: #000; font-weight:800;}
.graphicDl > dd{margin-top: 10px;}
.graphicDl > dd+dt{margin-top: 20px;}
.graphicInfo{height: 30px; margin: 40px 0 0; position: relative; border-radius: 15px; }
/* .graphicInfo .graphicInfoIn{position: absolute; left: 0; top: -2px; height: 40px; line-height: 40px; background: url('../../../../img/bam/skt/tc/graphic_bg.png') 0 0  repeat-x; background-size: auto 100%; border-radius: 40px; width: 30%; overflow: hidden;} */
.graphicInfo .graphicInfoIn{position: absolute; left: 0;height: 30px; line-height: 30px;  border-radius: 15px; width: 30%; }
.graphicInfo::before{
  content:'';
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #eef0f4;
}
.graphicInfo .graphicInfoIn .graphicInfoInIn{width:100%;padding-left: 15px; color: #fff; font-size: 16px; font-weight:800;position: absolute;bottom:100%;left:0;min-height: 40px;padding-top: 7px;}
/*level01*/
.graphicInfo .graphicInfoIn.level_05{background:linear-gradient(to right,#eb0000,#eb0000);}
.graphicInfo .graphicInfoIn.level_05 .graphicInfoInIn{background: url('../../../../img/bam/skt/tc/level_05.png') right center no-repeat; background-size: 30px auto;color:#eb0000;}
/*level02*/
.graphicInfo .graphicInfoIn.level_04{background:linear-gradient(to right,#ff7127,#ff7127); width: 47.5%}
.graphicInfo .graphicInfoIn.level_04 .graphicInfoInIn{background: url('../../../../img/bam/skt/tc/level_04.png') right center no-repeat; background-size: 28px auto;color:#ff7127;}
/*level03*/
.graphicInfo .graphicInfoIn.level_03{background:linear-gradient(to right,#f78c0e,#fccc39); width: 65%;}
.graphicInfo .graphicInfoIn.level_03 .graphicInfoInIn{background: url('../../../../img/bam/skt/tc/level_03.png') right center no-repeat; background-size: 35px auto;color:#f5ac00;}
/*level04*/
.graphicInfo .graphicInfoIn.level_02{background:linear-gradient(to right,#3981fc,#39abfc); width: 82.5%;}
.graphicInfo .graphicInfoIn.level_02 .graphicInfoInIn{background: url('../../../../img/bam/skt/tc/level_02.png') right center no-repeat; background-size: 36px auto;color:#3984fd;}
/*level05*/
.graphicInfo .graphicInfoIn.level_01{background:linear-gradient(to right,#3617ce,#6e5bf1); width: 100%;}
.graphicInfo .graphicInfoIn.level_01 .graphicInfoInIn{background: url('../../../../img/bam/skt/tc/level_01.png') right center no-repeat; background-size: 32px auto;color:#3617ce;}

.graphicInfo .graphicInfoIn.level_00 .graphicInfoInIn{color:#000;}

.graphicInfo_type2{height: 30px; margin: 2px 0; position: relative; border-radius: 15px; background: #eef0f4;}
.graphicInfo_type2 .lowNum,
.graphicInfo_type2 .highNum{height: 30px; line-height: 30px; padding: 0 12px; color: #fff; font-size: 16px; font-weight:800;}
.graphicInfo_type2 .lowNum{float: left;}
.graphicInfo_type2 .highNum{float: right;}
.graphicInfo_type2 .graphicInfoIn{position: absolute; left: 0; top: -2px; height: 30px; line-height: 30px; border-radius: 15px; width: 30%; overflow: hidden; width: 80px; text-align: center; color: #fff; font-size: 14px; font-weight:800;}
/*level04*/
.graphicInfo_type2 .graphicInfoIn.level_04{background:linear-gradient(to right,#3981fc,#39abfc);left:auto;right:0;}
/*level03*/
.graphicInfo_type2 .graphicInfoIn.level_03{background:linear-gradient(to right,#f5ac00, #f5ac00);left:auto;right:20%;}
/*level02*/
.graphicInfo_type2 .graphicInfoIn.level_02{background:linear-gradient(to right,#ff7127,#ff7127);left:20%;right:auto;}
/*level01*/
.graphicInfo_type2 .graphicInfoIn.level_01{background:linear-gradient(to right,#eb0000,#eb0000);left:0;right: auto;}

.paddingCon{padding: 0; margin:20px 5% 0;}
.basicSection {padding:0;margin-bottom:20px;}
.basicSection+.basicSection{margin-top: 0px;}
.basicBox{border: 1px solid #c8c8c8; padding: 20px; background: #fff; font-size: 15px;}
.basicBox+.basicBox{margin-top: 10px;}
.resultDl > dt{font-size: 18px; font-weight:800;color:#000;}
.resultDl > dt .lFont{color: #000; font-size: 14px;}
.resultDl > dd{margin-top: 12px; padding-top: 12px; background: url('../../../../img/bam/skt/tc/ico_19.png') 0 0 no-repeat; background-size: auto 2px; font-size: 14px; word-break: keep-all;}
.resultDl > dd span{font-weight:800;display: inline-block;}
.resultDl.type1{background: url('../../../../img/bam/skt/tc/ico_15.png') right 8px no-repeat; background-size: 30px auto;}
.resultDl.type2{background: url('../../../../img/bam/skt/tc/ico_16.png') right 8px no-repeat; background-size: 23px auto;}

.basicTbl{width: 100%; border-top: 1px solid #111;}
.basicTbl .tfIco{width: 14px;}
.basicTbl th,
.basicTbl td{border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 10px;font-size: 15px; text-align: center; word-break: keep-all;}
.basicTbl th:last-child,
.basicTbl td:last-child{border-right: none;}
.basicTbl thead th{font-weight:800; background: #f7f7f7;}
.basicTbl tbody th,
.basicTbl tbody td{font-weight: normal;}
.basicTbl tbody td .colBlue{font-weight: 800;}
.basicTbl tbody td .colRed{font-weight: 800;}
.addInfo{font-size: 14px; color: #4b5665; margin-top: 8px; word-break: keep-all;}
.basicTbl.type2 th{background: #f7f7f7; font-weight:800;}
.basicTbl .freeTooltipWrap {display:inline-block;position:static;margin:0 0 -2px;vertical-align:middle;}
.basicTbl .freeTooltipWrap.on .btnDetail:after {top:17px;}
.basicTbl .freeTooltipWrap.on .freeTooltip {width:90%;left:20px;}

/*½Ã¹Ä·¹ÀÌÅÍ*/
.simulatorWrap .stepImg{text-align: center; margin-bottom: 6px;}
.simulatorWrap .stepImg img{height: 26px;}
.simulatorWrap .simulatorBox{border-radius: 6px; border: 1px solid #ddd; border-bottom: 2px solid #bdbdbd; background: #fff; overflow: hidden;}
.simulatorWrap .simulatorBox .simBoxTop{background: #f7f7f7; padding: 20px 20px 15px;}
.simulatorWrap .simulatorBox .simBoxTop .simBoxTopIn{padding-left: 45px;}
.simulatorWrap .simulatorBox .simBoxTop .simBoxTopIn .simBoxTopInIn{border-left: 1px solid #e4e4e4; padding-left: 12px; color: #000; font-weight:800; position: relative; font-size: 15px;}
.simulatorWrap .simulatorBox .simBoxTop .simBoxTopIn.step1{background: url('../../../../img/bam/skt/tc/ico_20.png') left center no-repeat; background-size: auto 33px;}
.simulatorWrap .simulatorBox .simBoxTop .simBoxTopIn.step2{background: url('../../../../img/bam/skt/tc/ico_21.png') left center no-repeat; background-size: auto 33px;}
.simulatorWrap .simulatorBox .simBoxTop .simBoxTopIn.step3{background: url('../../../../img/bam/skt/tc/ico_22.png') left center no-repeat; background-size: auto 33px;}
.simulatorWrap .simulatorBox .simBoxTop .simBoxTopIn.step4{background: url('../../../../img/bam/skt/tc/ico_23.png') left center no-repeat; background-size: auto 33px;}
.simulatorWrap .simulatorBox .simBoxCon{padding: 25px 15px; border-top: 1px solid #e4e4e4; position: relative;}
.simulatorWrap .simulatorBox .simBoxCon::before{content: ''; position: absolute; top: -1px; left: 50%; margin-left: -6px; width:12px; height: 6px; background: url('../../../../img/bam/skt/tc/ico_25.png') 0 0 no-repeat; background-size: 100% 100%;}
.simBoxCon .simList .simListCon{border-top: 1px solid #111;}
.simBoxCon .simList .simListCon .simListConTop{background:
#f7f7f7; font-size: 15px; font-weight:800; position: relative; border-bottom: 1px solid #d1d1d1; min-height:44px; padding: 12px 100px 12px 15px;}
.simBoxCon .simList .simListCon .simListConMid{padding: 12px 15px;}
.simulatorBox .slctBtn{position: absolute; right: 10px; border-radius: 2px; border: 1px solid #d1d1d1; top: 50%; margin-top: -13px;}
.simulatorBox .slctBtn li{float: left;}
.simulatorBox .slctBtn li:last-child{border-left: 1px solid #dfdfdf;}
.simulatorBox .slctBtn li a{background: #fefefe; color: #111; font-size: 13px; font-weight:800; display: block; width: 40px; height: 25px; line-height: 25px; text-align: center;}
.simBoxCon .simList .slctBtn li a.type2{color: #9f9f9f;}
.simBoxTopInIn .slctBtn{right: 0; bottom: 0; top: auto;}
.simBoxCon .simList .simListCon .simListConTop.dataNo{text-align: center; padding: 15px;}
.simListConMid .simListTbl{width: 100%;}
.simListConMid .simListTbl th,
.simListConMid .simListTbl td{font-size: 14px; font-weight:400; padding: 2px 0; word-break: keep-all;}
.simListConMid .simListTbl th{text-align: left;}
.simListConMid .simListTbl td{text-align: right;}
.simListConMid .simListTbl .pointTd{font-size: 13px; color: #393939;}
.simListConMid .simListTbl .pointTd strong{font-size: 15px;}
.simInput,
.simSel,
input[type=date]{display: inline-block; border: 1px solid #ccc !important; background: #fbfbfb !important; padding: 1px 5px !important; text-align: right; font-size: 13px !important; width: 120px; color: #333 !important; line-height: 20px !important; height: 24px; text-align: left; border-radius: 0;} /*161206 ¼öÁ¤*/
.simInput.type2{width: 92px;}

.btnWrap{margin-top: 7px;}
.btnList{margin-left: -0.5%;}
.btnList > li{float: left; width: 49.5%; margin-left: 0.5%;}

.btnBasic{display: block; text-align: center; color: #fff; font-size: 17px; font-weight:800; background: #676767;padding:15px 0;}
.btnBasic.type2{background: #3617ce;}
.btnBasic.type3{background: #676767; color: #fff;}

.unitInfo{position: absolute; color: #767676; font-size: 13px; bottom: 0; right: 0; font-weight: normal;}

/*½Ã¹Ä·¹ÀÌ¼Ç °á°ú*/
.gradeWrap{border-top: 1px solid #111;}
.gradeWrap .gradeBox{background: url('../../../../img/bam/skt/tc/ico_26.png') center no-repeat; background-size: 23px auto; padding: 25px 0;}
.gradeWrap .gradeBox > div{width: 45%; text-align: center; font-size: 17px; font-weight:800; color: #767676;}
.gradeWrap .gradeBox > div strong{font-size: 28px;}
.gradeWrap .gradeBox .con1{float: left;}
.gradeWrap .gradeBox .con2{float: right; color: #333;}
.gradeBox2{background: #fafafa; border-top: 1px dotted #dedede; border-bottom: 1px solid #d1d1d1; padding: 15px; position: relative;}
.gradeWrap .gradeBox2 .con1{float: left; width: 75%;}
.gradeWrap .gradeBox2 .con1 .tit{font-size: 13px; font-weight:800;}
.gradeWrap .gradeBox2 .con1 .gradeGraph{background: url('../../../../img/bam/skt/tc/simulator/bg_graph.png')no-repeat center / 100%; height: 16px; margin-top: 5px;border-radius:8px;}
.gradeWrap .gradeBox2 .con1 .gradeGraph .gradeGraphIn{background:linear-gradient(to right,rgba(208, 219, 254, .5) 0%, rgba(54, 23, 206, .8) 100%);width: 40%; height: 100%;border-radius:8px;}/*¼ýÀÚ ¿¬µ¿*/
.gradeWrap .gradeBox2 .con2{float: right; font-size: 16px; font-weight:800; }
.gradeWrap .gradeBox2 .con2 strong{font-size: 30px;}
.infoList2{border: 1px solid #d1d1d1; padding: 15px 10px; margin-top: 5px; background: #ffffff;border-radius:3px}
.infoList2 > li {font-size: 14px; color: #333;padding-left: 7px; position: relative;}
.infoList2 > li::before{position: absolute; content: '*'; left: 0; top: 0; }
.infoList2 > li+li{margin-top: 5px;}
.infoList2 > li strong{font-weight:800}

/*½Ã¹Â·¹ÀÌÅ;ȳ»*/
.simulatorInfoList > li{border-bottom: 1px solid #d1d1d1; padding:40px 15px;}
.simulatorInfoList > li:last-of-type{
  border-bottom: none;
}
.simulatorInfoList > li h3{padding-top: 60px; text-align: center;}
.simulatorInfoList > li.con1 h3{background: url('../../../../img/bam/skt/tc/ico_27.png') center top no-repeat; background-size: 47px auto;}
.simulatorInfoList > li.con2 h3{background: url('../../../../img/bam/skt/tc/ico_28.png') center top no-repeat; background-size: 35px auto;}
.simulatorInfoList > li.con3 h3{background: url('../../../../img/bam/skt/tc/ico_29.png') center top no-repeat; background-size: 47px auto;}
.simulatorInfoList > li .txt{margin-top: 15px; font-size: 13px; color: #555; line-height: 1.5;}
.simulatorWrap {margin-bottom:20px;}

/*½Ã¹Ä·¹ÀÌÅÍ Æ˾÷*/
.popWrap{background:#fff;border-radius:15px;overflow: hidden;}
.popTop h1 {font-size:16px;text-align:left; color: #000;}
.popTop{position:relative;padding:15px;background:#fff;}
.popTop .close{position:absolute;right:15px;top:50%;width:12px;height:12px;line-height:1;background: url('../../../../img/bam/skt/tc/free/ico_close.png')no-repeat center / 100%;text-indent: -9999px;margin-top: -6px;}
.popCon{padding:15px;}
.popCon h2{font-size:16px;color:#333;text-align:left;font-weight:600;background:url("../../img/bzm/common/bg_h3.png") no-repeat left 0;background-size:14px 15px;-webkit-background-size:14px 15px;padding-left:20px;line-height:1.2;margin:-3px 0 11px 0;}
.popCon .sampleArea {margin:0 0 20px 0;border:1px solid #ddd;overflow-y:scroll;overflow-x:hidden;padding:20px; font-size: 13px;}
.logout{border:1px solid #d1d1d1;padding:30px 15px;margin:-10px 0 0 0}
.logTxt{font-size:23px;font-weight:600;color:#333;text-align:center;margin:0 0 25px 0}
.logTime{background:url("../../../../img/bzm/common/bg_time.png") no-repeat;font-weight:600;background-size:120px 120px;width:120px;height:120px;margin:0 auto 25px; font-size:34px;line-height:120px;text-align:center;color:#333}
.logTime strong{font-size:36px;}
.logP{color:#555;font-size:15px;margin:0 0 20px 0;text-align:center;line-height:1.4}
.logP strong{font-weight:600;display:block;margin:10px 0 0 0}
.info{border:1px solid #d1d1d1;margin:0 0 20px 0}
.info .top{border-bottom:1px solid #e9e9e9;background:#fafafa;padding:15px 15px 15px 15px;font-size:18px;color:#333;font-weight:600}
.info .box{font-size:15px;color:#767676;line-height:1.5;padding:15px 20px;}


.simulatorAgreePop .tit{font-size: 15px; font-weight:800; border-bottom: 1px solid #111; text-align: center; padding-bottom: 5px;}
.simulatorAgreePop .simulatorAgreePopList{margin: 15px 0;}
.simulatorAgreePop .simulatorAgreePopList > li{position: relative; font-size: 13px; color: #767676; padding-left: 12px;}
.simulatorAgreePop .simulatorAgreePopList > li+li{margin-top: 10px;}
.simulatorAgreePop .simulatorAgreePopList > li .num{position: absolute; left: 0; top: 0;}
.gradeBox2.type2{color: #767676; font-size: 13px;}

.comment{background:#fafafa;border:1px solid #d1d1d1;padding:15px;font-size:13px;color:#333;line-height:1.3;margin:40px 5% 20px 5%}
.comment p{font-size: 15px; word-break: keep-all;}

/*½Å¿ëº¯µ¿³»¿ªÁ¶È¸*/
/* .roundBox {border-radius: 6px;border: 1px solid #ddd;border-bottom: 2px solid#bdbdbd;padding: 20px 10px;  background: #fff;}
.roundBox.type2{background: #fff;} */
.roundBox{
background: #f7f7f7;
border: 1px solid #d1d1d1;
padding: 0 15px;
}
.calBox{background: url('../../../../img/bam/skt/tc/ico_30.png') 0 center no-repeat; background-size: auto 28px; height: 45px; line-height: 35px; padding: 5px 0 5px 40px; }
.calBox dt,
.calBox dd{font-size: 15px}
.calBox dt{width: 22%; float: left;font-weight:400;}
.calBox dd{ letter-spacing: -0.5px; width: 78%; text-align: right; float: right;color: #3617ce;font-weight:800}/*161206 ¼öÁ¤*/

.checkList{width: 100%; table-layout: fixed; text-align: center;background: #fff;}
.checkList td{border: 1px solid #d7d7d7; font-weight:800;}
.checkList td > a{display: block;padding: 20px 0;}
.checkList td > a .count{font-weight:400;color:#111;}
.checkList td > a .tit{font-size: 15px;font-weight:400;line-height: 1.2;}
.checkList td > a .count strong{font-size: 21px;font-weight:800;color: #3617ce;}
.checkList td > a .tit{margin-top: 7px;}
.checkList td > a.active{background: #3617ce;}
.checkList td > a.active *{color: #fff !important;}
.checkList .checkListIn{margin-top: 8px;}
.checkList .checkListIn li{font-size: 14px;font-weight: 400;}

.detailDl{border-top: 1px solid #111;}
.detailDl+.detailDl{margin-top: 15px;}
.detailDl > dt{font-size: 15px; font-weight:600;color:#333;background: #f7f7f7; padding: 10px 0;}
.detailDl > dt .detailBar{display: inline-block; width: 15%; text-align: center; border-right: 1px solid #777;}
.detailDl > dt .detailTotal{margin-left: 10px;}
.detailDl > dt .detailTotal2{margin-left: 20px;}
.detailDl > dd{padding: 5px 0; border-bottom: 1px solid #d7d7d7;}
.detailDl > dd.dataNo{text-align: center; padding: 10px 20px; word-break: keep-all; font-size: 15px;}
.detailTbl{width: 100%; }
.detailTbl+.detailTbl{border-top: 1px dotted #d1d1d1;}
.detailTbl th,
.detailTbl td{font-size: 15px; padding: 4px 2px; font-weight: normal; word-break: keep-all;}
.detailTbl th{text-align: left;}
.detailTbl td{text-align: right; padding-right: 10px;font-weight: 800;}
.detailTbl td .fontNormal{font-weight: 800!important;}
.detailTbl td.num{font-weight:800;text-align: center; padding-right: 2px;}
.detailTbl.allBold th,
.detailTbl.allBold td{font-weight: 400;}
.detailTbl.allBold td{font-weight: 800;}
.detailTbl.allBold th{font-weight:400}
.detailTbl.type2 th{padding-left: 10px;}

/*´Ü±â¿¬Ã¼ÇØÁ¦ÀÌ·Â*/
.cardList{margin-left: -2%;margin-top: -2%;}
.cardList > li{float: left; width: 48%; margin-left: 2%; margin-top: 2%;}
.cardList > li.con1 .cardListDl > dd{color: #3617ce;}
.cardList > li.con2 .cardListDl > dd{color: #3617ce;}
.cardList > li.con3 .cardListDl > dd{color: #3617ce;}
.cardListDl{border: 1px solid #d1d1d1;}
.cardListDl > dt{padding: 10px 10px 38px; background: #f7f7f7; font-size: 13px; line-height: 15px;border-top-left-radius:3px;border-top-right-radius:3px;color:#666666}
.cardListDl > dt strong{color:#333333;font-size: 15px;font-weight:800}
.cardListDl.type12 > dt strong{font-size:13px}
.cardListDl > dd{padding: 10px 5px; border-top: 1px solid #d1d1d1; font-size: 20px; font-weight:800; text-align: right;color:#3617ce !important;letter-spacing:-2px}/* s: 20201113 ¼öÁ¤ */
.cardListDl.type1 > dt{background: url('../../../../img/bam/skt/tc/card_1.png') right 10px bottom
5px no-repeat #f7f7f7; background-size: 26px auto;}
.cardList li:nth-of-type(1).con1 .cardListDl.type1 > dt{
  background: url(../../../../img/bam/skt/tc/card_5.png) right 10px bottom 5px no-repeat #f7f7f7;
    background-size: 25px auto;
}
.cardListDl.type2 > dt{background: url('../../../../img/bam/skt/tc/card_1.png') right 10px bottom
6px no-repeat #f7f7f7; background-size: 26px auto;}
.cardListDl.type3 > dt{background: url('../../../../img/bam/skt/tc/card_3.png') right 10px bottom
5px no-repeat #f7f7f7; background-size: 20px auto;}
.cardListDl.type4 > dt{background: url('../../../../img/bam/skt/tc/card_4.png') right 10px bottom
6px no-repeat #f7f7f7; background-size: 24px auto;}
.cardListDl.type5 > dt{background: url('../../../../img/bam/skt/tc/card_5.png') right 10px bottom
5px no-repeat #f7f7f7; background-size: 25px auto;}
.cardListDl.type6 > dt{background: url('../../../../img/bam/skt/tc/card_6.png') right 10px bottom
5px no-repeat #f7f7f7; background-size: auto 24px;}
.cardListDl.type7 > dt{background: url('../../../../img/bam/skt/tc/card_7.png') right 10px bottom
8px no-repeat #f7f7f7; background-size: auto 24px;}
.cardListDl.type8 > dt{background: url('../../../../img/bam/skt/tc/card_8.png') right 10px bottom
8px no-repeat #f7f7f7; background-size: auto 21px;}
.cardListDl.type9 > dt{background: url('../../../../img/bam/skt/tc/card_9.png') right 10px bottom
7px no-repeat #f7f7f7; background-size: auto 18px;}
.cardListDl.type10 > dt{background: url('../../../../img/bam/skt/tc/card_10.png') right 10px bottom
6px no-repeat #f7f7f7; background-size: auto 28px;}
.cardListDl.type11 > dt{background: url('../../../../img/bam/skt/tc/card_11.png') right 10px bottom
5px no-repeat #f7f7f7; background-size: auto 25px;}
.cardListDl.type12 > dt{background: url('../../../../img/bam/skt/tc/card_12.png') right 10px bottom
5px no-repeat #f7f7f7; background-size: auto 30px;}
.cardListDl.type13 > dt{background: url('../../../../img/bam/skt/tc/card_13.png') right 10px bottom
5px no-repeat #f7f7f7; background-size: auto 22px;}
.cardListDl.type14 > dt{background:#f7f7f7;padding-bottom: 10px;}
.cardListDl.type15 > dt{background:#f7f7f7;padding-bottom: 10px;}
.cardListDl.type16 > dt{background:#f7f7f7;padding-bottom: 10px;}
.cardListDl.type17 > dt{background: url('../../../../img/bam/skt/tc/card_17.png') right 10px bottom
7px no-repeat #f7f7f7; background-size: auto 24px;}
.cardList.type2 > li{float: left; width: 31.333%; margin-left: 2%;}

.basicBox2{border-top: 1px solid #111; border-bottom: 1px solid #ddd; background: #f7f7f7; padding: 15px; margin-top: 10px; font-size: 14px; word-break: keep-all;}
.basicBox2 .colOrg{color:#333;}
.basicBox.type2{padding: 0;}
.basicBox.type2 .borderTBox{border-top: 1px solid #ddd; font-size: 13px; padding: 10px 15px;}
.basicBox.type3{padding: 10px;}

.toggleBox > dt .btnToggle{ height: 35px; line-height: 35px; text-align: center; font-weight:400; font-size: 15px; display: block; border: 1px solid #dcdcdc; color: #333; background: #ffffff;border-radius:3px}
.toggleBox > dt .btnToggle.active{margin-bottom:25px;color: #333;}
.toggleBox > dd{display: none;}

.basicTabBox .basicTabBtnList > li{float: left; width: 50%; }
.basicTabBox .basicTabBtnList > li a{display: block; text-align: center; background: #fff; font-size: 16px;font-weight:400; height: 40px; line-height: 40px; color: #666;border:1px solid #d1d1d1;}
.basicTabBox .basicTabBtnList > li a.active{background: #3617ce;border-color:#3617ce;color:#fff;font-weight:800;}
.basicTabBox .basicTabCon{margin-top: 20px;}
.basicTabBox .basicTabCon > li{display: none;}
.basicTabBox .basicTabCon > li.active{display: block;}

/*½Å¿ëÁ¤º¸Á¶È¸*/
.btnQ_a{display: none;}
.infoList3{padding: 15px 10px; background: #f7f7f7; margin-bottom: 15px;}
.infoList3 > li {font-size: 13px; color: #767676; padding-left: 10px; position: relative; word-break: keep-all;}
.infoList3 > li::before{position: absolute; content: '-'; left: 0; top: 0; }
.infoList3 > li+li{margin-top: 5px;}

.infoList4 > li {font-size: 14px; padding-left: 10px; position: relative; word-break: keep-all;}
.infoList4 > li::before{position: absolute; content: '*'; left: 0; top: 0; }
.infoList4 > li+li{margin-top: 15px;}
.basicBox2 .infoList4 > li::before{content:'-'}

.btnQ{width: 18px; height: 18px; background: url('../../../../img/bam/skt/tc/ico_31.png') 0 0 no-repeat; background-size: 100% 100%; overflow: hidden; text-indent: -9999em;display: inline-block;vertical-align: top;margin-top: 1px;margin-left: 5px;}

.addInfo2{padding: 10px 20px; font-size: 13px; word-break: keep-all; border-bottom: 1px solid #acacac;}

/*¿¬°£ÀÌ¿ë½ÇÀû*/
.cardUseStateWrap .arrBox{position: relative;}
.cardUseStateWrap .arrBox .slick-arrow{position: absolute; top: -13px; z-index: 10; width: 30px; height: 16px; border: none; overflow: hidden; text-indent: -9999em;}
.cardUseStateWrap .arrBox .slick-arrow.cardUse-prev{background: url('../../../../img/bam/skt/tc/arr_l2.png') center no-repeat; background-size: 16px auto; left: 10px;}
.cardUseStateWrap .arrBox .slick-arrow.cardUse-next{background: url('../../../../img/bam/skt/tc/arr_r4.png') center no-repeat; background-size: 16px auto; right: 10px;}

.cardUseStateList .slick-dots{text-align: center; height: 8px; margin: 15px 40px 0;}
.cardUseStateList .slick-dots > li{display: inline-block; margin: 0 3px; height: 8px; line-height: 8px;}
.cardUseStateList .slick-dots > li > button{border: none; background: #c8c8c8; width: 8px; height: 8px; border-radius: 8px; overflow: hidden; padding: 0; text-indent: -99999em;}
.cardUseStateList .slick-dots > .slick-active > button{background: #3617ce; }

/*161130 Ãß°¡ ½Å¿ëÆòÁ¡ÀÌ·Â*/
.graphArea01 .g_bottom{position:relative;border-top:1px solid #e5e5e5;padding:10px 0; text-align:center; font-size:13px; color:#666; }
.graphArea01 .g_bottom p{font-size: 15px; }
.graphArea01 .g_bottom p strong{color: #1c7dff;}
.graphArea01 h4{background:#fafafa;font-size:18px;background-image:none;border-bottom:1px solid #e9e9e9;padding:13px 0 14px 15px;margin:0;}
.graphArea01.bot{margin-bottom:15px;}
.graphArea01.bot p{background:#fafafa;font-size:15px;border-top:1px solid #ddd;padding:13px 0 14px 15px;margin:0; text-align:center;}

.graphArea01{border:1px solid #d7d7d7;border-top: 2px solid #111;background:url(https://img.credit.co.kr/resource/img/bam/common/sihis_bg000.png) no-repeat center 31px;background-size:280px}
.graphArea01 .graph_table{width: 280px;margin:0 auto}

.his-graph{height:130px; position:relative; padding:30px 30px;}
.his-graph.default{margin:0;}
.his-graph.no-data{background:url(https://img.credit.co.kr/resource/img/baw/ltc/ns/sihis_bg02.png) no-repeat center 30px; padding-bottom:0;}
.his-graph.y-data{background:url(https://img.credit.co.kr/resource/img/baw/ltc/ns/sihis_bg03.png) no-repeat center 30px;}
.his-graph p span{position:absolute; top:-99999px; left:-99999px;}
.his-graph p{background-repeat:no-repeat; background-position:top; display:inline-block; width:47px; text-align:center; color:#fff; font-size:13px; position:absolute; line-height:15px;}
.his-graph p.ico01{background-image:url(https://img.credit.co.kr/resource/img/baw/ltc/ns/sihis_ico01.png); padding-top:5px; height:28px; top:30px; right:10px;}
.his-graph p.ico02{background-image:url(https://img.credit.co.kr/resource/img/baw/ltc/ns/sihis_ico02.png); padding-top:10px; height:28px; bottom:30px; left:10px;}
.his-graph p.ico03{background-image:url(https://img.credit.co.kr/resource/img/baw/ltc/ns/sihis_ico03.png); padding-top:5px; height:28px; top:30px; right:10px;}
.his-graph p.ico04{background-image:url(https://img.credit.co.kr/resource/img/baw/ltc/ns/sihis_ico04.png); padding-top:10px; height:28px; bottom:30px; left:10px;}

.his-graph .graph_left01{background:url(https://img.credit.co.kr/resource/img/baw/ltc/ns/sihis_bg_left01.png) no-repeat center left;background-size:260px 12px;height:71px;}
.his-graph .graph_right01{background:url(https://img.credit.co.kr/resource/img/baw/ltc/ns/sihis_bg_right01.png) no-repeat center right;background-size:260px 12px;height:71px;margin-top:-71px;}

/* ½Å¿ëÆòÁ¡ ÀÌ·Â 10´Ü°è */
.his-graph.gr_ml00{background:none}
.his-graph.gr_ml01{margin-left:0;position:relative;}
.his-graph.gr_ml02{margin-left:23px}
.his-graph.gr_ml03{margin-left:46px}
.his-graph.gr_ml04{margin-left:69px}
.his-graph.gr_ml05{margin-left:93px}
.his-graph.gr_ml06{margin-left:116px}
.his-graph.gr_ml07{margin-left:139px}
.his-graph.gr_ml08{margin-left:162px}
.his-graph.gr_ml09{margin-left:185px}
.his-graph.gr_ml10{margin-left:208px;position:relative;}

.his-graph.gr_mr10{margin-right:0;position:relative;}
.his-graph.gr_mr09{margin-right:23px;position:relative;}
.his-graph.gr_mr08{margin-right:46px;position:relative;}
.his-graph.gr_mr07{margin-right:69px;position:relative;}
.his-graph.gr_mr06{margin-right:93px;position:relative;}
.his-graph.gr_mr05{margin-right:116px;position:relative;}
.his-graph.gr_mr04{margin-right:139px;position:relative;}
.his-graph.gr_mr03{margin-right:162px;position:relative;}
.his-graph.gr_mr02{margin-right:185px;position:relative;}
.his-graph.gr_mr01{margin-right:208px;position:relative;}


/* s: 20201113 ÆòÁ¡Àüȯ ½Å¿ëÆòÁ¡±×·¡ÇÁ Ãß°¡ */
.graphCreditEstimate{margin:0 -10px}
.graphCreditEstimate .graphInner{position:relative;max-width:290px;margin:0 auto}
.graphCreditEstimate svg.graphEstimate{max-width:290px;height:230px}
.graphCreditEstimate svg.graphEstimate .grid{stroke:#3617ce;stroke-width:2;}
.graphCreditEstimate svg.graphEstimate .pathAngle{fill:#ece8ff;}
.graphCreditEstimate svg.graphEstimate .points{stroke:#3617ce;stroke-width:2;fill:#fff;}

.graphCreditEstimate svg.graphEstimate .commonHigh,
.graphCreditEstimate svg.graphEstimate .commonLow,
.graphCreditEstimate svg.graphEstimate .commonEqual {display:none}

.graphCreditEstimate.equalHigh svg.graphEstimate .commonCurrent,
.graphCreditEstimate.equalLow svg.graphEstimate .commonCurrent{display:none}

.graphCreditEstimate.equalHigh svg.graphEstimate .commonHigh,
.graphCreditEstimate.equalLow svg.graphEstimate .commonLow{display:block}

.graphCreditEstimate.equalAll svg.graphEstimate .commonCurrent,
.graphCreditEstimate.equalAll svg.graphEstimate .basicHigh,
.graphCreditEstimate.equalAll svg.graphEstimate .basicLow {display:none;}
.graphCreditEstimate.equalAll svg.graphEstimate .grid.gridHighScore .commonBasic {display:none;}
.graphCreditEstimate.equalAll svg.graphEstimate .commonEqual,
.graphCreditEstimate.equalAll svg.graphEstimate .basicEqualPoints {display:block;}
.graphCreditEstimate.equalAll.allNull svg.graphEstimate .grid .commonEqual,
.graphCreditEstimate.equalAll.allNull svg.graphEstimate .points .commonEqual {stroke:#3617ce;}

.graphCreditEstimate svg.graphEstimate .surfaces{fill-opacity:0.2}
.graphCreditEstimate svg.graphEstimate .grid.double{stroke-opacity:1;}
.graphCreditEstimate .bxGradeValue{margin-top:15px;padding:15px 5px;font-size:14px;color:#666;background-color:#f7f7f7;text-align:center;}
.graphCreditEstimate .bxGradeValue .txtPoint{color:#3617ce;font-weight: 800;}
.graphCreditEstimate .labelTxt{position:absolute;bottom:30px;left:0;width:100%}
.graphCreditEstimate .labelTxt .labelHigh{position:absolute;left:3px}
.graphCreditEstimate .labelTxt .labelLow{position:absolute;left:42%}
.graphCreditEstimate .labelTxt .labelCurrent{position:absolute;left:auto;right:0;}
.graphCreditEstimate .gradeTxt{position:absolute;top:0;left:0;width:100%}
.graphCreditEstimate .gradeTxt .txt{position:absolute;top:35px;min-width:63px;padding:5px 10px;background-color:#000;border-radius:5px;color:#fff;box-sizing:border-box;text-align:center;white-space: nowrap;}
.graphCreditEstimate .gradeTxt .txt:before{content:'';position:absolute;bottom:-5px;left:50%;margin-left:-5px;
width:0;
height:0;
border-style:solid;
border-width:6px 5px 0 5px;
border-color:#000 transparent transparent transparent;
}
.graphCreditEstimate .gradeTxt .gradeHigh{top:30px;left:-17px}
.graphCreditEstimate .gradeTxt .gradeLow{top:120px;left:110px}
.graphCreditEstimate .gradeTxt .gradeCurrent{top:66px;left:234px;background-color:#3617ce;}
.graphCreditEstimate .gradeTxt .gradeCurrent:before{border-color: #3617ce transparent transparent transparent;}
.graphCreditEstimate.equalHigh .gradeTxt .gradeCurrent{top:30px}
.graphCreditEstimate.equalLow .gradeTxt .gradeCurrent{top:120px}
.graphCreditEstimate.equalAll .gradeTxt .txt {top:75px;}
.graphCreditEstimate .commonHigh,
.graphCreditEstimate .commonLow{display:none}
.graphCreditEstimate.equalHigh .commonHigh,
.graphCreditEstimate.equalLow .commonLow{display:block}
.graphCreditEstimate.equalHigh .commonCurrent, .graphCreditEstimate.equalLow .commonCurrent{display:none}
.graphCreditEstimate.equalAll.allNull .gradeTxt .gradeHigh {left:-17px;}
.graphCreditEstimate.equalAll.allNull .gradeTxt .gradeLow {left:110px;}
.graphCreditEstimate.equalAll.allNull .gradeTxt .gradeCurrent {left:auto;right:-17px;background-color:#3617ce;}
.graphCreditEstimate.equalAll.allNull .gradeTxt .gradeCurrent:before {border-color: #3617ce transparent transparent transparent;}
/* e: 20201113 ÆòÁ¡Àüȯ ½Å¿ëÆòÁ¡±×·¡ÇÁ Ãß°¡ */














/*161206 Ãß°¡*/
/*·Î±×¾Æ¿ô*/
.content .btnArea a{display: block; text-align: center; color: #fff; border-radius:4px; background: #3617ce; font-size: 16px;padding:15px 0;}



/* ·ÎµùÈ­¸é */
.loadingWrap{z-index:110;position:fixed;top:0;left:0;right:0;bottom:0;text-align:center;display:flex;flex-direction:column;background:#fff;}
.loadingHeader{font-size:15px;color:#333333;height:40px;line-height:40px;box-sizing:border-box;border-bottom:1px solid #e3e3e4;background:#f7f7f7;}
.loadingCont{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.imgLoadingWrap{position:relative;}
.imgLoadingWrap img{max-height:65px}

.txtLoading{margin:14px 0;font-size:20px;color:#333333;font-weight:800;}


/* s: 20200918 SKT T À¯·áºÎ ÇÁ·Î¸ð¼Ç Æ˾÷ */
.cpmtWrap .btncpmOpen{display:block;height:57px;background-color:transparent;outline:none;}
.cpmtWrap {display: none;position:fixed;bottom:75px;right:20px;width:57px;height:57px;border-radius:50px;background-color:#dc0006;z-index:1;transition: width 0.8s ease-out;}
.cpmtWrap .cpmTxt1{position:absolute;top:10px;left:7px;color: #ffffff;font-family:'NanumSquareRound';font-size:20px;line-height:18px;transition: all 0.3s ease-out;text-align:center}
.cpmtWrap .cpmTxt1 .num{font-size:25px;}
.cpmtWrap .cpmTxt1 .txt{font-size:12px;color:#ffff19}
.cpmtWrap .cpmTxt2{position:absolute;top: 15px;left:15px;width:0;color:#ffffff;font-size:18px;white-space: nowrap;transition: all 0.3s ease-out;opacity:0}
.cpmtWrap.on .cpmTxt1{opacity:0}
.cpmtWrap.on .cpmTxt2{width:310px;transition-delay:0.4s;opacity:1;text-align:left;}
.cpmtWrap.on .cpmTxt2 .num {font-size:22px;}
.cpmtWrap .cpmTxt2:after{display:block;content:"";width:48px;height:60px;position:absolute;right:30px;top:-28px;background:url('../../../../img/bam/skt/tc/promotion/coin.png') left top no-repeat;background-size:48px 60px;transform:scale(0);}
.cpmtWrap.on .cpmTxt2:after{animation:coinMotin 0.8s 0.8s linear both;transform:scale(0)}
@keyframes coinMotin {
  50% { transform:scale(1);}
  100% { transform:scale(0.8);}
}
.cpmtWrap.on .cpmTxt2 .point{color:#ffff19;font-size:20px}
.cpmtWrap.on{width:280px;transition-delay:0.4s;}
.cpmLayer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color: rgba(0,0,0,0.5);z-index:101}
.cpmLayer .cpmInner{position:relative;margin-left:20px;margin-right:20px;text-align:center;border-radius:15px}
.cpmLayer .linkArea a{position:relative;display:block;height:50px;line-height:50px;background:#fff;font-size:18px;font-weight:800;color:#ff1d42;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.cpmLayer .linkArea a:after{display:inline-block;content:"";width:14px;height:14px;margin-left:10px;vertical-align:-1px;background:url('../../../../img/bam/skt/tc/promotion/ico_promotion_link.png') left top no-repeat;background-size:14px auto}
.cpmLayer .btncpmLayerClose{position:absolute;top:15px;right:10px;width:20px;height:20px;background:url('../../../../img/bam/skt/tc/promotion/btn_promotion_close.png') left top no-repeat;background-size:20px auto;color:transparent;font-size:0}
/* E: 20200918 SKT T À¯·áºÎ Æ˾÷ */

/* 20210630 À¯¹«·áºÎ ±¤°í¹è³Ê ¼ÒÀç º¯°æ°Ç psd ¾øÀÌ ÅëÀ̹ÌÁö 󸮷ΠÀӽà css ÀÛ¼º */
.cpmtWrap {background-color:#ff835f;}
.cpmtWrap .btncpmOpen .cpmTxt1 {width:100%;height:100%;top:0;left:0;font-size:0;background:url('../../../../img/bam/skt/tc/free/btncpmOpen.png') no-repeat;}
.cpmtWrap .btncpmOpen .cpmTxt1 .num, .cpmtWrap .btncpmOpen .cpmTxt1 .txt {font-size:0;}
.cpmtWrap .btncpmOpen .cpmTxt2 {width:100%;height:100%;top:0;left:0;font-size:0;background:url('../../../../img/bam/skt/tc/free/cpmtWrap.png') no-repeat;}
.cpmtWrap .btncpmOpen .cpmTxt2 .point, .cpmtWrap .btncpmOpen .cpmTxt2 .num{font-size:0;}
.cpmtWrap.on .cpmTxt2:after {display:none;}