/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2018 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-02-12
| 파일설명 : 학습신청 리스트페이지
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20180212 CSS코딩규칙 적용 - 세분화 적용by 박소율
| 20180403 바로구매, 상세보기 버튼 크기 조정 by bsh
| 20180514 결합상품 탭 추가 by 박소율
| 20180913 구매 유의사항 추가 by 박소율
| 20190722 기수제 css 추가 by 우현진
| 20191218 결합상품 판매 종료 처리 by 김승미 
+----------------------------------------------------------------------+ 
*/

@charset "utf-8";
.ftSize_22{font-size: 22px;}
.mgBottom_10{margin-bottom: 10px}
.mgBottom_20{margin-bottom: 20px}

.contents.width_100{float:none;width:100%;}
.contents{min-height:580px;}
.applyContnetsBody {padding-top: 33px;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;min-height: 600px;border: 1px solid #eeeeee;border-top: 0;background: #fff;}
.orderPayment .areaTop{overflow:hidden;padding-top:20px;padding-bottom:12px;border-bottom:2px solid #c5c5c5;}
.orderPayment .areaTop .pageTit{float:left;padding-left:4px;}
.orderPayment .areaTop .paymentStep{float:right;padding:3px 3px 0 0;}

.recommendArea{display:inline-block;}
.recommendArea > ul{clear:both;}
.recommendArea > ul > li{position:relative;float:left;}
.recommendArea .ribbon{position:absolute;top:-4px;left:-4px;}
.recommendArea .recommen1{margin-right:10px;}
.recommendArea .recommen2{margin-right:10px;}

.recommendArea .recommendAreaNum{position: absolute; bottom: 21px; right: 652px; font-size: 29px; letter-spacing: -3.5px; color: #fff;font-weight: bold;text-align: right;}

/*타임보드 커스텀*/
.setApplyListCount.flip-clock-wrapper{width: 155px; position: absolute; bottom: -4px; right: 50%; margin-right: -161px;}
.setApplyListCount .flip-clock-divider .flip-clock-label{display:none;}

.applyContnetsBody .recommendArea{border: 1px solid #ddd;width:938px;}


.applySubGnb{margin:35px 0 0px;;position:relative; height: auto; overflow: hidden;}
#intProduct{top: 50px;left: 0;width: 100%;}
.gnbMenu .depth2Menu ul li{position:relative;float:left;height:46px;border:1px solid #dddddd;background-color:#efefef;}
.gnbMenu .depth2Menu ul li a{display:block;line-height:42px;color:#444444;text-align:center;font-size:15px;font-family:malgun-gothic, Malgun Gothic,'맑은고딕','맑은 고딕','NanumGothic','나눔고딕','Dotum','돋움', 'sans-serif'}
.gnbMenu .depth2Menu ul li a:hover{text-decoration:none;}
.gnbMenu .depth2Menu ul li.on {background-color:#e92e1b;border:1px solid #e92e1b;}
.gnbMenu .depth2Menu ul li.on a{color:#fff;}
.gnbMenu .depth2Menu ul li.m2{border-left:none;}
.gnbMenu .depth2Menu ul li.m3{border-left:none;}
.gnbMenu .depth2Menu ul li.m4{border-left:none;}
.gnbMenu .depth2Menu ul.apMenu4 li{width: calc(33.3333% - 2px);}
.gnbMenu .depth2Menu ul li.full { width: 100%; }

.targetRelative{position:relative;}
.target1Posi{position:absolute;top:-45px;}
.target2Posi{position:absolute;top:-100px;} /* 2017-08-08 수정 */
.target3Posi{position:absolute;top:-75px;}
.target4Posi{position:absolute;top:-75px;}

#intProduct .depth2Menu.fixTop{padding-top:12px;padding-bottom:12px;position:fixed;text-align:center;top:0;left:0;width:100%;border-bottom:1px solid #eeeeee;background-color:#fff;z-index:5000;}
#intProduct .depth2Menu.fixTop .apMenu4{width:937px;margin:0 auto;text-align:center;}
#intProduct .depth2Menu.fixTop .apMenu4 li{width: calc(33.3333% - 2px);}

.applyContsTit{margin-bottom:10px;padding-top:30px;font-size:20px;color:#333333;letter-spacing:-2px;word-spacing:-2px;margin-top:-3px;line-height:1.2em;font-family:malgun-gothic,'맑은고딕','나눔고딕',NanumGothic}
.applyContsTit:first-child{padding-top:0px;}
.applyContsTit img{vertical-align:baseline;margin-right:10px;position:relative;top:5px}
.applyContsTit .subTxt{display:inline-block;height:12px;line-height:12px;padding-bottom:3px;position:relative;margin-left:13px;color:#888888;font-size:12px;word-spacing:-1px;letter-spacing:-1px;font-weight:normal;}
*:first-child + HTML .applyContsTit .subTxt{position:relative;top:3px}
*:first-child + HTML .applyContsTit .subTxt.img{top:0}
.applyContsTit .subTxt.img{top:-1px;}
.applyContsTit .subTxt img{vertical-align:middle;top:-1px;vertical-align:middle;}
.applyContsTit.dotline{padding-top:15px;margin-top:25px;background:url('/images/front/layout/ico_dotline.png') repeat-x 0 0;}
.applyContsTit.dotline img{position:relative;top:3px;}
.applyContsTit .subTxt.texts {letter-spacing: 1px; font-weight: normal;}
/*
.gnbMenu .depth2Menu ul:after{content:""; display: block;clear:both;}
.gnbMenu .depth2Menu ul li:before{content:"";display: block;position:absolute;top:50%;left:0;width:2px;height:10px;margin-top:-5px;background:#cfcfcf;}
.gnbMenu .depth2Menu ul li:first-child:before{display:none;}
*/
.packageArea{}
.applyTableWrap{width:938px;clear:both;display:table;}
.applyTableWrap .top{height:41px;background-color:#69afe0;}
.applyTableWrap .top .left{position:relative;top:7px;float:left;margin-left:28px;display:table-cell;font-size:22px;margin-top:-3px;line-height:1.2em}
.applyTableWrap .top .left .productTitle{font-family:malgun-gothic,'맑은고딕','나눔고딕',NanumGothic;margin-right:10px;float:left;margin-top:8px;}
.applyTableWrap .top .left .imgs{display:inline-block;margin-top:4px;}
.applyTableWrap .top .left .imgs img{margin-right:4px;vertical-align:middle;}
.applyTableWrap .top .right{float:right;margin-right:6px;}
.applyTableWrap .top .right img{position:relative;top:6px;}
.applyTableWrap .bottom{position:relative;}
.applyTableWrap .bottom .left{float:left;}
.applyTableWrap .bottom .right{padding:17px 11px 11px 11px;width:275px;float:left;}
.applyTableWrap .mgBottom{margin-bottom:10px}
.applyTable{width:100%;border:1px solid #dddddd;color:#444444;border-collapse:collapse;}
.applyTable td{border:1px solid #dddddd;border-collapse:collapse;}
.applyTable .title{width:27%;text-align:center;padding:8px 0 8px 0;background-color:#f0f5f9;color:#888888;}
.applyTable .con{width:73%;padding-left:9px;}
.applyTableWrap .account {margin-top:7px;position:relative; text-align: right;} /* 정상가 , 가격 */
.applyTableWrap .account.substancsPackageAccountPosi{position: absolute; top: 185px;right: 10px;}



/* 학습신청 중간배너 추가 20170821 */
.middleBannerWrap{height: auto; overflow: hidden;}
.middleBannerLeft{float: left;}
.middleBannerRight{float: right;}

.applyTableWrap .grayPrice{position:relative;display:block;font-size:14px;color:#9e9e9e;text-align:right;margin-bottom:10px;}
.applyTableWrap .grayPrice .cancel{position:relative;}
.applyTableWrap .grayPrice .cancel:after{content:""; display: block;position:absolute;top:48%;right:0;width:100%;height:1px;background:#bebcbc;}
.applyTableWrap .account .price {position:relative;}
.applyTableWrap .account .price .price1{margin-right:5px;} /* 정상가 */
.applyTableWrap .account .price .price2 {font-family:verdana;margin-left:5px;font-size:30px;font-weight:bold;color:#ea1102;letter-spacing:-2px;} /* 판매가 */
.applyTableWrap .account .price .price2 .won{font-family:malgun-gothic,'맑은고딕','나눔고딕',NanumGothic;} /* 원 */
.applyTableWrap .account .price .price3 {font-family:verdana;font-size:30px;font-weight:bold;color:#ea1102;letter-spacing:-2px;}
.applyTableWrap .account .price .buter {color:#333;font-size:13px;font-weight:bold;}

.applyTableWrap .perWrap {height: auto; overflow: hidden; color:#ea1102; margin: 11px 0 7px; line-height: 24px; vertical-align:bottom;}
.applyTableWrap .perWrap .per{float: left;} /* 할인율 ex) 51% */
.applyTableWrap .perWrap .monthly{float: right; position: relative;top: 2px; font-size: 12px; line-height: 22px;} /* 무이자 12개월 X 월 @@원 */

.applyTableWrap .perWrap .per .bold{font-weight:bold;font-size:18px;} /* 할인율 숫자 */
.applyTableWrap .perWrap .per .discountText{font-size:17px;} /* "할인" */

.applyTableWrap .perWrap .monthly .border{display: inline-block; width: 78px; height:22px;background: url(/images/front/apply/totalList/applyTableMonthly.png); letter-spacing: -1px; text-align: center;} /* 월 @@원 */
.applyTableWrap .perWrap .monthly .border span{font-family:verdana;font-size: 14px;font-weight: bold}

.applyTableWrap .btnArea{margin-top:0px;}
.btnArea{clear:both;display:inline-block;margin-top:14px;}
.btnArea .btn2{float:left;margin-right:4px;}
.btnArea .btn1{float:left;}

.applyTableWrap .btn1{background:#fa3f32;color:#fff;text-align:center;padding: 9px 0 11px 0;font-weight:bold;font-size:14px;width:188px;}
.applyTableWrap .deviceApplyBtn {width: 276px;} /* 20180514 추가 by 박소율 */
.applyTableWrap .btn2{background-color:#a9b6bc;color:#fff;text-align:center;padding: 9px 14px 11px 14px;font-weight:bold;font-size:14px;}
.applyTableWrap .up{padding-top:17px;padding-left:11px;padding-right:11px;width:275px;}
.applyTableWrap .down{padding-bottom:15px;padding-left:11px;padding-right:11px;width:276px;}
.applyOption{margin-top:15px;}



.skySelect .sbHolder{color:#6db0dd;display:inline-block;background-color: #fff;border:1px solid #dddddd;height:18px;line-height:18px;padding:7px;padding-right:30px;font-size:12px;position: relative;min-width:20px;white-space:nowrap;vertical-align:middle;text-align:left;}
.skySelect .over2Select .sbHolder{border-top:none;}
.skySelect .sbSelector{display: block;height: 20px;left: 0;line-height:15px;outline: none;overflow: hidden;padding-left:5px;padding-right:1px;}
.skySelect .sbSelector:link{color: #68aee2;outline: none;text-decoration: none;}
.sbSelector:visited{color: #444444;outline: none;text-decoration: none;}
.sbSelector:hover{color: #444444;outline: none;text-decoration: none;}
.skySelect .sbToggle{background: url(/images/front/apply/totalList/select-icons_v2.png) 0 -116px no-repeat;display: block;height: 20px;outline: none;position: absolute;right:0;top:4px;width: 30px;}
.skySelect .sbToggle:hover{background: url(/images/front/apply/totalList/select-icons_v2.png) 0 -167px no-repeat;}
.skySelect .sbToggleOpen{background: url(/images/front/apply/totalList/select-icons_v2.png) 0 -16px no-repeat;}
.skySelect .sbToggleOpen:hover{background: url(/images/front/apply/totalList/select-icons_v2.png) 0 -66px no-repeat;}
.skySelect .sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}
.skySelect .sbOptions{background-color: #fff;border: solid 1px #cecece;list-style: none;left: -1px;margin:12px 0 0 0 !important;padding: 0 !important;position: absolute;top: 20px;width:100%;z-index: 1;overflow-y: auto;}
.skySelect .sbOptions li{height:auto !important;padding: 0 7px !important;}
.skySelect .sbOptions li:hover{background-color:#fffdee;}
.skySelect .sbOptions a{font-size:12px;text-align:left;border-bottom: solid 1px #eee;display: block;outline: none;padding: 7px 0 7px 3px;}
.skySelect .sbOptions a:link, .sbOptions a:visited{color: #545454;text-decoration: none;}
.skySelect .sbOptions a:hover{color: #545454;background-color:#fffdee;}
.skySelect .sbOptions li.last a{border-bottom: none;}
.skySelect .searchBox input[type='text']{height:18px}
.skySelect *:first-child+html .sbHolder{display:inline-block; zoom:1; *display:inline;}
.skySelect *:first-child+html .sbSelector{}
.skySelectWidth{width:255px;}

.applyTableWrap .bottom td{border:1px solid #dddddd;border-top:none;}
.applyTableWrap .bottom td.productWidth2{border-bottom:none;}
.applyTableWrap .vaMiddle{vertical-align:middle;}
.applyTableWrap .vaTop{vertical-align:top;}
.applyTableWrap .vaBottom{vertical-align:bottom;}
.orderPayment .mgBottom35{margin-bottom:35px;}
.orderPayment .mgBottom80{margin-bottom:80px;}
.orderPayment .purchaseOk{color:#b9b9b9;font-size:11px;margin-left:10px;}
.applyTableWrap .productWidth1{width:639px;}
.applyTableWrap .productWidth2{width:298px;}
.subProductHeight{margin-top:30px;}

.voucherTable{height:318px;width:235px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;border-top:3px solid #69b0df;border-collapse:collapse;}
.voucherTable tr{}
.voucherTable .bottomTd{padding:9px 8px 9px 10px;height:120px;position:relative;}
.voucherTable .top{height:34px;}
.voucherTable .top .vourcherTit{position:absolute;top:19px;left:11px;}
.voucherTable .top .shoppingBasket{position:absolute;top:11px;right:11px;}
.voucherTable .down{width:211px;margin:0 auto;height:86px;position:absolute;top:46px;left:11px;}
.voucherTable .account {margin-top:7px;position:relative;}
.voucherTable .account .per {}
.voucherTable .account .per .discount {color:#ea1102;position:relative;top:3px;}
.voucherTable .account .per .discount .bold{font-weight:bold;font-size:15px;vertical-align:top;}
.voucherTable .account .price {position:relative;float:right;}
.voucherTable .account .discountText{font-size:13px;}
.voucherTable .grayPrice{position:relative;display:block;font-size:12px;color:#9e9e9e;text-align:right;margin-bottom:6px;}
.voucherTable .grayPrice .cancel{position:relative;}
.voucherTable .grayPrice .cancel:after{content:""; display: block;position:absolute;top:48%;right:0;width:100%;height:1px;background:#bebcbc;}
.voucherTable .account .price .price1{margin-right:5px;}
.voucherTable .account .price .price2 {font-family:verdana;margin-left:5px;font-size:25px;font-weight:bold;color:#ea1102;letter-spacing:-3px;}
.voucherTable .account .price .price2 .won{font-family:malgun-gothic,'맑은고딕','나눔고딕',NanumGothic;}
.voucherTable .account .price .buter {color:#333;font-size:13px;font-weight:bold;}
.voucherTable .btnArea{clear:both;display:inline-block;margin-top:14px;}
.voucherTable .btnArea .btn2{float:left;margin-right:4px;}
.voucherTable .btnArea .btn1{float:left;}
.voucherTable .btn1{background:#fa3f32;color:#fff;text-align:center;padding:7px 39px 9px 38px;font-weight:bold;font-size:14px;}
.voucherTable .btn2{background-color:#a9b6bc;color:#fff;text-align:center;padding:7px 9px 9px 9px;font-weight:bold;font-size:14px;}
.voucherTable .vaMiddle {vertical-align: middle;text-align:center;height:150px;border-bottom:1px solid #dddddd}

.voucherTableWrapTable{border-left:1px solid #dddddd;border-collapse:collapse;}
.voucherTableWrapTable td{width:232px;}

.bootSetArea{margin-bottom:0px;}
.bootSetArea .voucherTable .vaMiddle {width:223px;vertical-align: middle;text-align: center;height: 80px;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.bootSetArea .voucherTable .bottomTd{padding:9px 8px 9px 10px;height:80px;position:relative;width:217px;}
.bootSetArea .voucherTable{height:183px;}
.bootSetArea .voucherTable .down{width:211px;margin:0 auto;height:86px;position:absolute;top:76px;left:12px;}
.bootSetArea .voucherTable .account {margin-top:3px;position:relative;}
.bootSetArea .voucherTableTd{margin-right:10px;}
.bootSetArea .voucherTable{width:459px;}
.voucherTableWrap{display:inline-block;}
.voucherTableWrap li{float:left;}
.voucherTableWrap li:nth-child(0){margin-bottom:30px;}
.voucherTableWrap li:nth-child(1){margin-bottom:30px;}
.voucherTableWrap li:nth-child(2){margin-bottom:60px;}
.voucherTableWrap li:nth-child(3){margin-bottom:39px;} /* 20180913 값 변경 by 박소율 */
.voucherTableWrap li:nth-child(odd){margin-right:16px;}
.applyContsTit img.topPosi{vertical-align:baseline;margin-right:10px;position:relative;top:2px}


/*학습신청 - 오른쪽 배너*/
.selectInfoBanner{padding:0;position:absolute;top:338px;margin-left:1010px;z-index:9000;}
.selectInfoBanner .selecInfoWrap{position:relative;width:150px;border:2px solid #68B0E0;background:#fff;}
.selectInfoBanner .selecInfoWrap .title{width:150px;height:39px;background-color:#68B0E0;margin-top:0;}
.selectInfoBanner .selecInfoWrap .title img{margin-left:32px;margin-top:11px;}
.selectInfoBanner .selecInfoWrap .selectNone{border-bottom:1px solid #e7e7e7;margin-top:22px;margin-left:7px;margin-right:7px;height:33px;}
.selectInfoBanner .selecInfoWrap .selectNone li{font-family:'NanumBarunGothic';font-size:12px;color:#7d7c7c;text-align:center;}
.selectInfoBanner .selecInfoWrap .selectedProduct{position:relative;border-bottom:1px solid #e7e7e7;margin-top:5px;margin-left:7px;margin-right:5px;}
.selectInfoBanner .selecInfoWrap .bannerH1{height:44px;}
.selectInfoBanner .selecInfoWrap .bannerH2{height:58px;}
.selectInfoBanner .selecInfoWrap .selectedProduct li{}
.selectInfoBanner .selecInfoWrap .selectedProduct .pTitle1{font-family:'NanumBarunGothic';font-size:12px;color:#333333;height:20px;}
.selectInfoBanner .selecInfoWrap .selectedProduct .pTitle2{font-family:'NanumBarunGothic';font-size:12px;color:#333333;height:34px;}
.selectInfoBanner .selecInfoWrap .selectedProduct li.pPrice{font-family:'돋움','Dotum';color:#666666;font-weight:bold;text-align:right;margin-right:22px;margin-top:6px;}
.selectInfoBanner .selecInfoWrap .selectedProduct .colorRed{color:#e31e25;font-size:14px;width:104px;line-height:14px;!important;}
.selectInfoBanner .selecInfoWrap .selectedProduct .colorGray{color:#666666;!important;font-size:12px;}
.selectInfoBanner .selecInfoWrap .selectedProduct .pDelete{position:absolute;right:0px;bottom:5px;}
.selectInfoBanner .selecInfoWrap .deliveryCharge {position:relative;margin:7px 5px 0 6px;}
.selectInfoBanner .selecInfoWrap .deliveryCharge span{font-size:11px;font-family:'돋움','Dotum';color:#999;}
.selectInfoBanner .selecInfoWrap .deliveryCharge .textR{position:absolute;text-align:right;top:0;right:0px;}

.selectInfoBanner .selecInfoWrap .sumPrice{position:relative;width:150px;height:54px;background:url('/images/front/apply/totalList/maxRequestBanner_totPrice.png') no-repeat 0 0;}
.selectInfoBanner .selecInfoWrap .sumPrice span{position:absolute;width:81px;color:#E00000;text-align:right;top:30px;right:22px;font-size:16px;font-family:'돋움','Dotum';font-weight:bold;overflow:hidden;line-height:25px;vertical-align:middle;!important;height:27px;}
.selectInfoBanner .selecInfoWrap .purchaseBtn{width:150px;background:#FFF5DA;text-align:center;padding:4px 0px 6px 0px;}
.selectInfoBanner .selecInfoWrap .selectedPxBtn{cursor:pointer;}

/* chrome & safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
.selectInfoBanner .selecInfoWrap .selectedProduct li.pPrice{margin-top:4px;}
}
/* FF */
@-moz-document url-prefix() {
.selectInfoBanner .selecInfoWrap .selectedProduct li.pPrice{margin-top:4px;}
}

#mCSB_1_container{left:0px;!important;}

.csRightBannerWrap{position: absolute;top: 186px; left: 0;height: 0;width: 100%;z-index:60;}
.csRightBanner{position: relative;top: -112px;margin-left: 1024px;}
.csRightBanner .cs1{position:relative;margin-bottom:9px;clear:both;display:inline-block;}
.csRightBanner .cs2{position:relative;clear:both;}
.csRightBanner .img01{display:block;width:343px;height:123px;background: url(/images/front/apply/totalList/rightBanner_01_slide.png) 0 0 no-repeat;position:absolute;top:0;right:-343px;}
.csRightBanner .img02{display:block;width:343px;height:123px;background: url(/images/front/apply/totalList/rightBanner_02_slide.png) 0 0 no-repeat;position:absolute;top:0;right:-343px;}
.csRightBanner .img01Hidden{display:none;width:343px;height:123px;position:absolute;top:0;right:154px;overflow:hidden}
.csRightBanner .img02Hidden{display:none;width:343px;height:123px;position:absolute;top:0;right:0;overflow:hidden}

.RightBannerWrap{position: absolute;top: 186px; left: 0;height: 0;width: 100%;z-index:60;} /* 우측 아이패드결합 자세히보기 */
.RightBanner{position: relative;top: -112px;margin-left: 1024px;}

.subProductHeight2{margin-top:45px;}
.stepMargin{margin-top:37px;}
.accountStep .dataType2 td {padding-top: 10px;padding-bottom: 10px;padding-left: 22px;}
.commentWrap{padding:20px;}
.eventListBtnMg{margin-right:18px;margin-left:18px;padding-bottom:18px;border-bottom:2px solid #999999;}

.heightFixed{min-height:347px;}

.balloon{float:left;}


/* 20180913 구매 유의사항 추가 by 박소율 */
.buyNoiceArea{background-color: #ebebeb; border: 1px solid #ddd; padding: 25px; margin-bottom: 20px; letter-spacing: -0.5px; }
.buyNoiceArea .buyNoticeTitle{color: #444; font-size: 17px; font-weight: bold; margin-bottom:20px;}
.buyNoiceArea .buyNoticeDesc{color: #9e9e9e; font-size: 13px; line-height: 180%; padding-left: 10px}