ul, ol {list-style-type:none;}
li {list-style:none outside none;}
#contentsWrap {padding:10px;}

/* 탭 */
#content1 {display:none;}
#content2 {display:none;}
.tabLayout {width: 100%;}
.tabLayout .cmn {width:100%; height:46px; text-align:center; }
.tabLayout .cmn th {width:25%;}
.tabLayout .cmn th:active {background-color:#e1e1e1;}
.tabLayout .cmn .tabon {padding:12px 0; color:#1E97C4 }
.tabLayout .cmn .tabon strong {font-size:13px; color:#1E97C4;}
.tabLayout .cmn .taboff { padding:12px 0; border-left:1px solid #e8f5fb; border-bottom:1px solid #e8f5fb; background-color:#e8f5fb;}
.tabLayout .cmn .taboff strong {font-size:13px;}
.tabLayout .cmn .bdleft {border-left:1px solid #e8f5fb;}

.tabLayoutSub {width: 100%;}
.tabLayoutSub .cmn {width:100%; height:46px; text-align:center; cursor:pointer;}
.tabLayoutSub .cmn {width:50%;}
.tabLayoutSub .cmn .tabon {background-color:#1E97C4; padding:12px 0; border:1px solid #1E97C4; color:#FFFFFF;}
.tabLayoutSub .cmn .tabon strong {font-size:13px; color:#FFFFFF;}
.tabLayoutSub .cmn .taboff { padding:12px 0; border:1px solid #C3C3C3;}
.tabLayoutSub .cmn .taboff strong {font-size:13px;}
.tabLayoutSub .cmn .bdleft {border-left:1px solid #C3C3C3;}
.tabBton {  background-color: #20a8d9; padding: 12px 53px; color: #fff; font-weight: 600; width: 12%;}
.tabBtoff{  background-color: #e7e7e7; padding: 12px 53px; font-weight: 600;width: 12%;}

/*layer*/
.infoBox { padding:10px;border: 1px solid #e1e1e1; margin-bottom: 20px;height:auto;text-align:left; position: relative; }
.infoBox div.connerRight { position: absolute; right: -2px; bottom: -19px; background: url("../../../../images/mobile/box/box_info_corner_right.png") no-repeat; background-size: 17px;width: 17px; height: 35px; }

.titBox {display:table;margin-bottom:10px;}
.titBox img {display:table-cell;}
.titBox .title {display:table-cell;font-size:15px;font-weight:bold;margin:20px 0px 10px 0px;vertical-align: middle;}

.mainTit{display:block;font-size:15px;font-weight:bold;margin:20px 0px 10px 0px;}
.subTit {display:block;font-size:13px;font-weight:bold;margin-bottom:10px;}
.smallTit {display:block;font-size:12px;font-weight:bold;margin-bottom:10px;}

.courseBox {padding:10px 0px;border-bottom:1px dashed #d7d7d7;}
.boxTop {display: table; padding:10px;}
.boxIcon {display: table-cell;width: 20%;}
.boxTit {display: table-cell;width: 86%;font-size:16px;vertical-align: middle;font-weight:bold;}
.boxText {padding:10px;}


/*상담*/
.counselBox {padding:10px 0px;border:1px solid #d7d7d7; border-radius:5px;margin-bottom:20px;}
.counselTop {display: table;padding-left:10px;width:100%;}
.topInfo {display: table-cell;width: 74%;}
.topInfoImg {display: table-cell;width: 23%;vertical-align: bottom;}
.boxMain {padding-left:10px;margin-top:10px;}
.btmCourese {display: table;margin: 10px auto;}
.btmCoureseImg {display: table-cell;float:left;}
.btmCoureseTxt {display: table-cell;float:right;width: 75%;}

.btmCoureseL {display: table;margin-top:10px;margin-bottom:-10px;}

/*수강생 혜택*/
.benefitBox {border:1px solid #d7d7d7; border-radius:5px; margin-bottom:20px;}

.benefitBoxTop1 {background-color:#ED9275;padding:10px;}
.benefitBoxTop2 {background-color:#72B9Cf;padding:10px;}
.benefitBoxTop3 {background-color:#A391C5;padding:10px;}
.benefitBoxTop4 {background-color:#78BB5C;padding:10px;}

.font1 {color:#ED9275;}
.font2 {color:#72B9Cf;}
.font3 {color:#A391C5;}
.font4 {color:#78BB5C;}

.benefitBoxTopFont {display: inline-block;width: 80%;vertical-align: middle;margin-left: 10px;}
.benefitBoxTxt {width: 97%;padding:10px;}

/*주의사항*/
.cautionTit {margin:20px 0px 10px 0px;text-align:center;}
.cautionMainTit {display: inline-block;vertical-align: middle;}
.cautionBox {padding:10px;border-bottom:1px dashed #d7d7d7;margin-bottom:10px;}

.cautionProgress {dispaly:table;}
.cautionProgress .blueBox {padding:2px;width:23%; border:1px solid #027298; border-radius:5px;text-align: center; display: table-cell;}
.cautionProgress .blueBoxImg  {display: table-cell;vertical-align: middle;padding: 0px 5px;}

/*학습시작*/
.startLayer {padding:10px;border:1px solid #d7d7d7; border-radius:5px;}
.startLayerBox {display:block;}
.startLayerBox.moblie {}
.startLayerBox.moblie ul li p {padding: 0 0 0 12%; background:url(/resources/images/mobile/icon/icon_tutorial_start_08.png) no-repeat 0 50%; background-size: 10%; vertical-align: -webkit-baseline-middle; line-height: 150%;}
.startLayerBox.moblie ul li p span {padding: 1% 5%; border: #ccc solid 2px; display: inline-block;}
.startLayerBox.moblie .startBoxTxt ul li {font-size: 12px; line-height: 150%;}
.startIcon {text-align:center;}
.startBox {dispaly:table;padding-bottom: 10px;}
.startBoxTxt {display: table-cell;vertical-align: top;width: 100%;}
.startBoxImg {display: table-cell;vertical-align: middle;padding: 0px 0px 20px 10px;margin-bottom:20px;}
.startBoxTxtLast {display: table-cell;vertical-align: top;}
.startBoxImgLast {display: table-cell;vertical-align: middle;padding: 0px 10px 20px 00px;}


/*장학제도*/
.scholarBoxwrap {}
.scholarBox.excellence {}
.scholarBox.excellence p {margin: 0; padding: 3% 2% 3% 14%; line-height: 150%; font-size: 14px; font-weight: 700; background:url(/resources/images/mobile/icon/icon_tutorial_encourage_05.png) no-repeat 3% 2%; background-size: 10%;}
.scholarBox.excellence p.subTitle {margin: 0 0 3%; padding: 0 2% 3%; background: none; border-bottom: #d7d7d7 dashed 1px; font-size: 13px; font-weight: normal; line-height: 150%;}
.scholarBox.excellence dl {margin: 0 0 2%; padding: 0 2%; position: relative; overflow: hidden;}
.scholarBox.excellence dl dt {margin: 0 1% 0 0; padding: 1% 3%; color: #fff; font-weight: 700px; line-height: 150%; position: relative; float: left; text-align: center; background: #ed9275; display: inline-block; width:auto; max-width: 40px; border-top-left-radius: 10%; border-top-right-radius: 10%; border-bottom-left-radius: 10%; border-bottom-right-radius: 10%;}
.scholarBox.excellence dl dd {padding: 1% 0; position: relative; float: left;  display: inline-block; line-height: 150%;}
.scholarBox.cashback {}
.scholarBox.cashback p {margin: 0; padding: 3% 2% 3% 14%; line-height: 150%; font-size: 14px; font-weight: 700; background:url(/resources/images/mobile/icon/icon_tutorial_encourage_05.png) no-repeat 3% 2%; background-size: 10%;}
.scholarBox.cashback p.subTitle {margin: 0 0 3%; padding: 0 2% 3%; background: none; border-bottom: #d7d7d7 dashed 1px; font-size: 13px; font-weight: normal; line-height: 150%;}
.scholarBox.cashback dl {margin: 0 0 2%; padding: 0 2%; position: relative; overflow: hidden;}
.scholarBox.cashback dl dt {margin: 0 1% 0 0; padding: 1% 3%; color: #fff; font-weight: 700px; line-height: 150%; position: relative; float: left; text-align: center; background: #ed9275; display: inline-block; width:auto; max-width: 40px; border-top-left-radius: 10%; border-top-right-radius: 10%; border-bottom-left-radius: 10%; border-bottom-right-radius: 10%;}
.scholarBox.cashback dl dd {padding: 1% 0; position: relative; float: left;  display: inline-block; line-height: 150%;}
.shocolarProgress {text-align:center;padding:10px;margin-bottom:20px;}
.shocolarProgressBlueBgBox {padding:10px 5px;background-color:#65BFCA;border:1px solid #65BFCA;border-radius:5px;}
.shocolarProgressImg {margin:5px 0px;}
.scholarBox {dispaly:table;margin-bottom:20px;/*padding:10px*/;border:1px solid #d7d7d7;border-radius:5px;}
.scholarBox.scholarshipFree p {margin: 0 0 3%; padding: 3% 2%; background:url(/resources/images/mobile/icon/icon_tutorial_encourage_06.png) no-repeat 95% 0; background-size: 6%; font-size: 14px; font-weight: 700; border-bottom: #d7d7d7 dashed 1px; line-height: 150%;}
.scholarBox.scholarshipLove p {margin: 0 0 3%; padding: 3% 2%; background:url(/resources/images/mobile/icon/icon_tutorial_encourage_06-08.png) no-repeat 95% 0; background-size: 6%; font-size: 14px; font-weight: 700; border-bottom: #d7d7d7 dashed 1px; line-height: 150%;}
.scholarBox.scholarshipFree dl, .scholarBox.scholarshipLove dl {margin: 0 0 2%; padding: 0 2%; position: relative; overflow: hidden;}
.scholarBox.scholarshipFree dl dt, .scholarBox.scholarshipLove dl dt {margin: 0 1% 0 0; padding: 1% 3%; color: #fff; font-weight: 700px; line-height: 150%; position: relative; float: left; text-align: center; background: #65bfca; display: inline-block; width:auto; max-width: 50px; border-top-left-radius: 10%; border-top-right-radius: 10%; border-bottom-left-radius: 10%; border-bottom-right-radius: 10%;}
.scholarBox.scholarshipLove dl dt {max-width: 105px;}
.scholarBox dl dd {padding: 1% 0; position: relative; float: left;  display: inline-block; line-height: 150%;}
.scholarBoxTxt {display: table-cell;vertical-align: top;width: 89%;}
.scholarBoxImg {display: table-cell;vertical-align: middle;padding: 0px 10px 20px 00px;}
.scholarBoxImgBg {display: table-cell;vertical-align: middle;padding-left:35px;}

.roundBox {display:block;}
.redRoundBox {display: inline-block;width: 50px;vertical-align: top;background-color:#ED9275;border:1px solid #ED9275;border-radius:5px;text-align:center;color:#FFF;padding:5px 0px;}
.smallBoxTxt {display: inline-block;width:75%;margin-left:10px;}
.smallBoxTxtWd73 {display: inline-block;width:73%;margin-left:5px;vertical-align: -webkit-baseline-middle;}
.smallBoxTxtWd70 {display: inline-block;width:70%;margin-left:5px;vertical-align: -webkit-baseline-middle;}
.smallBoxTxtWd65 {display: inline-block;width:65%;margin-left:5px;vertical-align: -webkit-baseline-middle;}
.smallBoxTxtWd60 {display: inline-block;width:60%;margin-left:5px;vertical-align: -webkit-baseline-middle;}
.smallBoxTxtWd50 {display: inline-block;width:50%;margin-left:5px;vertical-align: -webkit-baseline-middle;}
.blueRoundBox {display: inline-block;width: 50px;vertical-align: top;background-color:#72B9Cf;border:1px solid #72B9Cf;border-radius:5px;text-align:center;color:#FFF;padding:5px 0px;}
.blueRoundBoxLarge {display: inline-block;width: auto;vertical-align: top;background-color:#72B9Cf;border:1px solid #72B9Cf;border-radius:5px;text-align:center;color:#FFF;padding:5px;}

/*학습일정*/
.scheduleLayer {padding:10px;}
.calendarTit {text-align:center;margin:10px 0px;}
.calendarImg {margin-bottom:20px;}
.calendarTxt {margin-bottom:20px;}
.scheduleRedBox {background-color:#F07675;border:1px solid #F07675;border-radius:5px;padding:10px;display:block;font-weight:600;}
.scheduleGreenBox {background-color:#66AF56;border:1px solid #66AF56;border-radius:5px;padding:10px;display:block;font-weight:600;margin-top:20px;}
.scheduleBlueBox {background-color:#53A5BA;border:1px solid #53A5BA;border-radius:5px;padding:10px;display:block;font-weight:600;margin-top:20px;}
.scheduleBoxTxt {display:inline-block;width:85%;}
.scheduleBlueBoxTxt {display:inline-block;width:100%;}
.scheduleBoxImg {display:inline-block;vertical-align: bottom;}
.scheduleBlueBoxTxt table {margin: 1% 0; padding: 0; border-bottom: #fff solid 1px; font-size: 13px; line-height: 100%; text-align: center; color: #fff;}
.scheduleBlueBoxTxt table th {padding: 5px 7px; color: #53a5b9; background: #fff; border-right: #53e5b9 solid 1px;}
.scheduleBlueBoxTxt table td {padding: 5px 7px; color: #fff; border-right: #fff solid 1px;}
.scheduleBlueBoxTxt table th.borderNone, .scheduleBlueBoxTxt table td.borderNone {border-right:none;}

/*학습준비*/
.prepareTit {margin:20px 0px 10px 0px;text-align:center;}
.prepareBlueBox {width:110px;text-align:center;background-color:#88ADC9;border:1px solid #88ADC9;border-radius:5px; padding:5px 10px;margin:20px 0px;}
.wd103 {width:103px;}
.wd165 {width: 165px;}

/*이벤트*/
.eventLayer {display:table;text-align:center;}
.eventRedBox {display:table-cell;width: 42%;background-color:#F07675;border:1px solid #F07675;border-radius:5px;padding:10px;float: left;}
.eventGreenBox {display:table-cell;width: 42%;background-color:#4AA199;border:1px solid #4AA199;border-radius:5px;padding:10px;float: left;}
.eventOrangenBox {display:table-cell;width: 42%;background-color:#EC893A;border:1px solid #EC893A;border-radius:5px;padding:10px;float: left;}
.eventRedImg {display:table-cell;border:1px solid #d7d7d7;text-align:center;border-radius:5px;float: right; margin-left: 10px;}
.wd162 {width: 162px;}
.wd46 {width: 46%;}
.topLine {border-top:1px solid #d7d7d7;padding:5px 0px;}

/*발급과정*/
.processLayer {border:1px solid #d7d7d7; border-radius:5px;}
.processTit {font-size:14px;font-weight:bold;padding:10px;border-bottom:1px dashed #d7d7d7;text-align:center;}
.processContent {padding:10px;text-align:center;}
.processRedBox {background-color:#F07675;border:1px solid #F07675;border-radius:5px;text-align:center;padding:10px;}
.processGreenBox {background-color:#84BA6F;border:1px solid #873B459;border-radius:5px;text-align:center;padding:10px;}
.processCircle {display:inline-block;vertical-align: bottom;width:65px;height:65px;background-color:#F07675;border:1px solid #F07675;border-radius:45px;font-weight: 600;text-align:center;padding:20px 10px 0px 10px;}

.txtLeft {text-align:left;}
.boxTxt {display: inline-block;width:70%;}

.stepBoxBlue {background-color:#53A5BA;border:1px solid #53A5BA;border-radius:5px;text-align:center;Width:60px;padding:3px 5px;display: inline-block; vertical-align: top;}
.stepBoxViolet {background-color:#8D77D2;border:1px solid #8D77D2;border-radius:5px;text-align:center;Width:60px;padding:3px 5px;display: inline-block; vertical-align: top;}
.stepBoxGreen {background-color:#84BA6F;border:1px solid #84BA6F;border-radius:5px;text-align:center;Width:60px;padding:3px 5px;display: inline-block; vertical-align: top;}
.stepBoxOrange {background-color:#E5896D;border:1px solid #E5896D;border-radius:5px;text-align:center;Width:60px;padding:3px 5px;display: inline-block; vertical-align: top;}
.stepBoxYellowGreen {background-color:#BAC371;border:1px solid #BAC371;border-radius:5px;text-align:center;Width:60px;padding:3px 5px;display: inline-block; vertical-align: top;}

.redFont {color:#F07675;}
.yellowFont {color:#FFE400;}
.violetFont {color:#8D77D2;}
.greenFont {color:#84BA6F;}
.stepBoxOrangeFont {color:#E5896D;}
.yellowGreenFont {color:#BAC371;}

/*활용*/
.useTop {padding:10px;text-align:center;}
.useContent {display:block;border:1px solid #d7d7d7;border-radius:5px;margin-bottom:20px}
.useContentTop {padding:10px;border-bottom:1px dashed #d7d7d7;}
.useContentTxt {padding:10px;}


/*배움스토린*/
.storyBlueBox {background-color:#53A5BA;border:1px solid #53A5BA;border-radius:5px;padding:10px;display:block;margin-top:20px;text-align:center;}
.storyGreenBox {background-color:#84BA6F;border:1px solid #84BA6F;border-radius:5px;padding:10px;display:block;margin-top:20px;text-align:center;}
.storyRedBox {background-color:#F07675;border:1px solid #F07675;border-radius:5px;padding:10px;display:block;margin-top:20px;text-align:center;}
.photoLayer {border:1px solid #d7d7d7;border-radius:5px;}
.photoTop {padding:10px;border-bottom:1px dashed #d7d7d7;text-align:center;color:#818181;}
.photoContent {padding:10px;display:block;text-align:center;}
.photoBox {display:inline-block;width: 32%;    vertical-align: top;}
.photo {display:block;}
.reviewName {display:block;text-align:left;height:70px;}
.review {display:block;text-align:left;}


/**/
.infoTxt {margin:10px 0px;text-align:left;}

/*button*/
.blueCmnBtn {width:auto;border:1px solid #0182ac;border-radius:4px;;padding:3px 8px;background-color:#20a8d9;color:#FFFFFF;border-radius:5px;cursor:pointer;}
.blueSmallBtn { border: 1px solid #0182ac; padding: 1px 4px 1px 4px;  font-weight: 600; background-color: #20a8d9; color: #FFFFFF; border-radius: 2px; cursor: pointer; font-size: 12px; }

/*table*/
table.tbl {margin:20px 0px;}
table.tbl thead tr {border-top:1px solid #58A7C5; }
table.tbl thead tr th {padding:10px;border-bottom: 1px solid #D7D7D7;background: #F2FAFD;}
table.tbl thead tr td {padding:10px;border-bottom: 1px solid #D7D7D7;text-align: left;}
table.tbl tbody tr td {padding:10px;border-bottom: 1px solid #D7D7D7;text-align: center;}
table.tbl tbody tr th {padding:10px;border-bottom: 1px solid #D7D7D7;text-align: center;background-color: #f6f6f6;}
.bdRight {border-right: 1px solid #D7D7D7;}
table.tbl tbody tr td ul li {text-align: left;!important}
.txtLeft {text-align: left;!important}

/*font*/
.orangeFont {color:#ED4C00;}		
.blueFont {color: #027298;}
.blueFontUnder {color: #027298;text-decoration:underline;}
.boldFont {font-weight:bold;}
.fontWhite {color: #ffffff;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.font10 {font-size: 10px;font-weight:100;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font17 {font-size: 17px;}
.baeoomTit {font-size: 18px;font-weight:bold;display:block;}

/*etc*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mb20 {margin-bottom:20px;}
.ml5 {margin-left:5px;}
.ml8 {margin-left:8px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.pd10 {padding: 10px;}
.ml20 {margin-left:20px;}
.ml50 {margin-left:50px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt40 {padding-top: 40px;}
.pb10 {padding-bottom:10px;}
.pd37 {padding: 37px 5px;}
.pdCenter {padding: 20px 5px 10px 5px;}
.displayInlineBlock {display: inline-block;}
.displayBlock {display: block;}
.imgTop {vertical-align: baseline;}
.bulImg {vertical-align: text-top;margin-right:5px;padding-top:1px;}
.bulImg2 {vertical-align: text-top;margin-right:5px;padding-top:58px;padding-right:8px;}
.imgMiddle {text-align: center;}
.txtCenter {text-align: center;}
.doubleInfoLayer {display:table;width: 75%;text-align: left;margin: auto;}
.doubleInfo1 {display: table-cell;  width: 150px;  }
.doubleInfo1 ul {text-align: left;width: 150px;}
.doubleInfo2 {display: table-cell;   }
.bold {font-weight:bold;}
.floatL {float:left;margin-left: -140px; margin-bottom: -20px;}
.borderDashed {display:block;border-top:1px dashed #d7d7d7;margin:10px 0px;}

.d1 {
    width: 100%;
    max-width: 450px !important;
    min-width: 110px;
}