.weight_lght{font-weight:300;}
.weight_regular{font-weight:400;}
.weight_medium{font-weight:500;}
.weight_bold{font-weight:600;}
.align_center{text-align:center;}
.align_left{text-align:left;}
.align_right{text-align:right;}

.inTitle1{position:relative; width:100%; padding:110px 0 85px 0; font-size:60px; font-weight:400; color:#db0b37; text-align:center; }
.inTitle1:before{content:""; display:block; position:absolute; top:0; left:50%; width:1px; height:82px; margin-left:-0.5px; background:#ccc;}
.inTitle2{width:100%; padding-bottom:20px; font-size:36px; font-weight:400; text-align:center; }
.inTitle3{position:relative; width:100%; padding:110px 0 10px 0; font-size:50px; font-weight:400; color:#db0b37; text-align:center; }
.inTitle3:before{content:""; display:block; position:absolute; top:0; left:50%; width:1px; height:82px; margin-left:-0.5px; background:#ccc;}
.inTitle3 span{font-size:35px; color:#555;}
.inTitle4{margin-bottom:10px; font-size:24px; font-weight:500;}
.titleCap{width:100%; padding-bottom:40px; font-size:18px; font-weight:100; line-height:24px; text-align:center; }
.titleCap2{width:100%; padding-bottom:40px; font-size:22px; font-weight:500; line-height:30px; text-align:center; }
.basicCap{width:100%; margin-bottom:20px; font-size:18px; }
.basicCap.center{text-align:center;}
.basicCap span{font-size:16px; color:#666;}
.basicCap span.title { font-size:30px; color:#333;}
.basicCap2{width:100%; font-size:18px; font-weight:300; text-align:center; }
.inTitleCap1{width:100%; padding-bottom:70px; font-size:26px; font-weight:100; color:#666; text-align:center; }
.payCap{margin-top:8px; font-size:14px; font-weight:300; color:#ff7200;}
.btnLine { display: inline-block; padding: 4px 16px; border: 2px solid #ccc; background: #fff; border-radius:6px; font-size: 14px;font-weight: 500; color: #000; text-align: center; cursor: pointer; text-decoration: none; } 


.del{margin-right:5px; text-decoration:line-through;}
.bold{font-weight:600 !important; }
.nobb{border-bottom:none !important; }

.lineClamp1{width:98%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lineClamp2{width:98%; height:40px; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; 
	display:-webkit-box; 
	-webkit-line-clamp:2; 
	-webkit-box-orient: vertical; 
}
.lineClamp2.h48{height:48px;}
.lineClamp3{width:98%; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; 
	display:-webkit-box; 
	-webkit-line-clamp:3; 
	-webkit-box-orient: vertical; 
}
.lineClamp4{width:98%; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; 
	display:-webkit-box; 
	-webkit-line-clamp:4; 
	-webkit-box-orient: vertical; 
}

@media(max-width:1180px){
	.inTitle1{padding:80px 0 65px 0; font-size:50px;}
	.inTitle1:before{height:62px;}
	.inTitle2{padding-bottom:15px; font-size:45px;}
	.inTitle3{padding:70px 0 10px 0; font-size:38px; }
	.inTitle3:before{height:52px; }
	.inTitle3 span{font-size:28px;}
	.inTitle4{font-size:20px;}
	.titleCap{padding-bottom:30px; font-size:16px; }
	.titleCap2{padding-bottom:30px; font-size:18px; }
	.inTitleCap1{padding-bottom:50px; font-size:20px;}
	.basicCap{margin-bottom:18px; font-size:16px; }
	.basicCap span{font-size:14px;}
	.basicCap span.title { font-size:24px;}
	.basicCap2{font-size:16px;}
}
@media(max-width:767px){
	.inTitle1{padding:60px 0 45px 0; font-size:30px;}
	.inTitle1:before{height:42px;}
	.inTitle2{padding-bottom:8px; font-size:30px;}
	.inTitle3{padding:40px 0 10px 0; font-size:28px; }
	.inTitle3:before{height:32px; }
	.inTitle3 span{font-size:22px;}
	.inTitle4{font-size:18px;}
	.titleCap{padding-bottom:20px; font-size:14px; }
	.titleCap2{padding-bottom:15px; font-size:16px; }
	.inTitleCap1{padding-bottom:40px; font-size:18px;}
	.m_block{display:block; }
	.payCap{font-size:13px;}
	.basicCap{margin-bottom:15px; font-size:14px; }
	.basicCap span{font-size:13px;}
	.basicCap span.title { font-size:20px;}
	.basicCap2{font-size:14px;}
}



/* 대표컬러 */
.repColor1{color:#db0b37 !important;}  /*빨강색*/
.repColor2{color:#3b92ef !important;}  /*보라색*/
.repColor3{color:#3b92ef !important;}  /*파란색*/
.repColor4{color:#ff7200 !important;}   /*주황색*/ 
.repBg1{background-color:#db0b37 !important;}
.repBg2{background-color:#3b92ef !important;}
.repBg3{background-color:#3b92ef !important;}
.repBg4{background-color:#ff7200 !important;}

/* 텍스트 썸네일 배경컬러 타입 */

.thumb_blue .imgT,
.thumb_blue .img, 
.thumb_blue.sampleVideo,
.bookList .thumb_blue a,
.sampleBook.thumb_blue {background-color: #5059ff!important;}

.thumb_purple .imgT,
.thumb_purple .img, 
.thumb_purple.sampleVideo,
.bookList .thumb_purple a,
.sampleBook.thumb_purple {background-color: #a750ff!important;}

.thumb_green .imgT,
.thumb_green .img, 
.thumb_green.sampleVideo,
.bookList .thumb_green a,
.sampleBook.thumb_green {background-color: #7eb249!important;}

.thumb_orange .imgT,
.thumb_orange .img, 
.thumb_orange.sampleVideo,
.bookList .thumb_orange a,
.sampleBook.thumb_orange {background-color: #f0a347!important;}

.thumb_gray .imgT,
.thumb_gray .img, 
.thumb_gray.sampleVideo,
.bookList .thumb_gray a,
.sampleBook.thumb_gray {background-color: #9e9e9e!important;}

/* 검색바 */
.noticeSearch{width:100%; margin-bottom:28px; padding:15px; border-radius:8px; font-size:0; text-align:center; background:#f5f5f5;position:relative;}
.noticeSearch .inputA{display:inline-block; position:relative; width:80%; margin-left:-1px;}
.noticeSearch.no_select .inputA{width:74%; }
.noticeSearch .inputA input[type="text"]{padding-right:80px; border-radius:0 8px 8px 0; }
.noticeSearch .inputA input[type="image"]{position:absolute; top:14px; right:16px;}
.noticeSearch select.basicS {border-radius:8px 0 0 8px;}
.searchInput{position:absolute; top:0; right:0; width:80px; height:50px; font-size:0; text-indent:-9999px; background:url("/template/1/type1/images/searchIco.png") center center no-repeat;}
.searchInput.focus{background:url("/template/1/type1/images/searchIco_on.png") center center no-repeat;}
.lookUpArea{position:relative; width:100%; min-height:75px; margin-bottom:28px; padding:15px 172px 15px 20px; font-size:0; text-align:center; background:#f5f5f5; }
.lookUpArea.titleIn{padding:15px 155px 15px 175px;}
.lookUpArea.titleIn .tit{position:absolute; top:50%; left:40px; width:120px; font-size:22px; font-weight:500; text-align:left;
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	-o-transform:translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}
.lookUpArea.point{padding:15px; font-size:18px; text-align:center;}
.lookUpArea.point a.lookUpBtn{display:inline-block; position:relative; top:0; right:0; margin-left:15px; }
.lookUpArea .division{width:100%; text-align:left;}
.lookUpArea .division.first{margin-bottom:5px; }
.lookUpArea .division.first select{width:160px; margin-right:5px; }
.lookUpArea select{height:45px; padding-left:15px; font-size:18px; color:#333; vertical-align:top; background:#fff url("/template/1/type1/images/sArrow1.png") 95% center no-repeat !important; border:1px solid #ccc; }
.lookUpArea span.center{padding:0 15px; font-size:16px; }
.lookUpArea .boxLabel{display: inline-flex;align-items: center; width:calc(100% / 6 - 36px); height:45px; margin:0 5px 0 0;}
.lookUpArea .boxLabel:last-child{margin:0; }
.lookUpArea .boxLabel .lookUpA{display:inline-block; width:100%; padding:8px 0; border-radius:4px; font-size:16px; text-align:center; vertical-align:top; background:#fff; border:1px solid #3b92ef; cursor:pointer; }
.lookUpArea .boxLabel .lookUpA.active{color:#fff; background:#3b92ef; border:1px solid #3b92ef;}
.lookUpArea .block_ele{display:inline-block; width:calc(100% / 2 - 20.01px);}
.lookUpArea .block_ele .inTselect{display:inline-block; width:calc(100% / 3 - 0.01px); font-size:16px; line-height:45px; }
.lookUpArea .block_ele .inTselect select{width:calc(100% - 28px);border-radius:4px;}
.lookUpArea .block_ele .inTselect:first-child {border-radius:4px 0 0 4px;}
.lookUpArea .block_ele .inTselect:last-child {border-radius:0 4px 4px 0;}
.lookUpBtn{border-radius:8px; display:block; position:absolute; top:15px; right:20px; width:11%; height:100px; font-size:18px; font-weight:500; color:#fff; text-align:center; line-height:100px; cursor:pointer;background:#3b92ef; border:none; }
.lookUpBtn.short{height:50px; line-height:50px; }
.lookUpBtn:hover {color: #fff;}
@media(max-width:1180px){
	.noticeSearch{margin-bottom:18px; padding:15px 0;}
	.noticeSearch .inputA{width:76%; }
	.noticeSearch.no_select .inputA{width:85%; }
	.noticeSearch .inputA input[type="text"]{padding-right:44px;}
	.searchInput{width:45px; height:40px; -webkit-background-size:22px; background-size:22px;}
	.searchInput.focus{-webkit-background-size:22px; background-size:22px;}
	.lookUpArea{padding:15px;}
	.lookUpArea .block_ele{margin-bottom:5px; }
	.lookUpBtn{position:relative; top:0; right:0; width:100%; height:45px; font-size:16px; line-height:45px;}
	.lookUpArea.titleIn{padding:15px 15px 15px 120px;}
	.lookUpArea.titleIn .tit{left:20px; width:95px; font-size:18px;}
}
@media(max-width:800px){
	.lookUpArea .block_ele{display:block; width:100%;}
	.lookUpArea span.center{display:none; }
	.lookUpArea .boxLabel{width:calc(100% / 5 - 37.01px);}
}
@media(max-width:767px){
	/* 검색바 */
	.noticeSearch{position:relative; padding:15px 15px 15px 134px}
	.noticeSearch.no_select{padding:15px;}
	.noticeSearch .inputA{width:100%; }
	.noticeSearch.no_select .inputA{width:100%; }
	.noticeSearch .basicS{position:absolute; top:15px; left:15px; width:120px;}
	.lookUpBtn{height:40px; font-size:14px; line-height:40px;}
	.lookUpArea{padding:10px; }
	.lookUpArea select{height:40px; padding-left:10px; font-size:14px;}
	.lookUpArea .division.first select{width:100%; margin:0 0 5px 0; }
	.lookUpArea .boxLabel{width:calc(100% / 5 - 4.01px); height:40px; }
	.lookUpArea .boxLabel .lookUpA{font-size:14px;}
	.inTselect{font-size:0 !important; line-height:inherit !important; }
	.lookUpArea .block_ele .inTselect select{width:100%;}
	.lookUpArea.titleIn{padding:15px;}
	.lookUpArea.titleIn .tit{position:relative; top:0; left:0; width:100%; margin-bottom:10px; font-size:18px;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

/* 폼 스타일 */
.popBox{width:838px; height:768px; max-width:100%; padding:100px 0; background:#fff; /* border:1px solid #999;  */}
.popBox2{padding:100px 0; height:auto; border:1px solid #ccc; }
.popBox.nopop{height:auto; margin:0 auto; background:none; border:none; }
.popBox.autoH{height:auto; padding:25px; }
.popBox.center{margin:0 auto;}
.inBox{width:465px; max-width:100%; margin:0 auto;}
.inBox.full{width:100%;}
.inBox.end{width:560px; max-width:100%; }
.pwIn{position:relative; width:45%; margin:0 auto; padding-left:90px; margin-top:45px; margin-bottom:45px; background:#f8f8f8; }
.pwIn .tit{position:absolute; top:12px; left:17px;  }
.pwIn input{width:100%;}
ul.inputList li{position:relative; margin:0 0 10px 0; font-size:0; }
.placeT{display:inline-block; position:relative; width:100%; vertical-align:top;}
.placeH{display:none; position:absolute; top:0; left:24px; font-size:20px; font-weight:100; line-height:70px; color:#6b6b6b;}
.placeH .cap{font-size:16px; font-weight:100; color:#c7c7c7;}
.chkIco{position:absolute; top:50%; right:14px; width:28px; height:20px; margin-top:-10px; font-size:0; text-indent:-9999px; background-image: url("/template/1/type1/images/chk_off.png"); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100%; background-size:100%;}
.chkIco.chkOk{background-image:url("/template/1/type1/images/chk_on.png");}
.inTselect{display:inline-block; font-size:20px; font-weight:100; background:#fff; border:1px solid #ccc; border-right:none; }
.inTselect:last-child,
.inTselect.last{border-right:1px solid #ccc;}
.inTselect.choLong{width:42%;}
.inTselect.choShort{width:29%; }
@media(max-width:1180px){
	.popBox{width:100%; }
	.inTselect{font-size:16px;}
	.chkIco{right:14px; width:22px; height:18px; margin-top:-9px; }
}
@media(max-width:767px){
	.popBox.autoH{padding:15px; margin:auto;}
}
/* 팝업 */
.popCont{display:none; position:fixed; top:50%; left:50%; z-index:500; width:500px; height:500px; margin:-250px 0 0 -250px; padding:50px 38px 0 38px; background:#fff; border:2px solid #000; }
.popCont .popTitle{padding-bottom:25px; font-size:26px; font-weight:400; }
.popCont .close{position:absolute; top:20px; right:20px; width:20px; height:20px; font-size:0; text-indent:-9999px; background:url("/template/1/type1/images/close.png") 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.textAreaBox{position:relative; z-index:10; width:100%; height:350px; padding:10px; font-size:14px; font-weight:300; line-height:24px; border:1px solid #ccc; overflow-y:auto; }
/* 쿠폰등록 팝업 */
.couponPop{width:100%; padding:60px 45px; background:#fff; border:1px solid #333; }/*  position:absolute; top:-5px; left:-415px;  */
.couponPop .popT{margin-bottom:10px; font-size:22px; font-weight:500; text-align:left; }
.whiteCoupon{position:relative; padding-right:95px;}
.whiteCoupon a.sBtn{position:absolute; top:0; right:0; width:95px;}
.couponPop .closeB{position:absolute; top:14px; right:14px; width:22px; cursor:pointer;}
.couponPop .closeB img{display:block; width:100%; }
/* 서브배너 */
.sBanLink{width:100%; margin-top:70px; }
.sBanLink a,
.sBanLink img{display:block; width:100%; height:auto;}
/* 셀렉트 스타일 */
select.period_select{display:block; width:80%; height:40px; margin:0 auto; padding-left:5px; font-size:14px; vertical-align:top; background:#fff url("/template/1/type1/images/sArrow1.png") 95% center no-repeat !important; border:1px solid #ccc; }
select.basicS{border-radius:4px; width:20%; height:50px; font-size:16px; vertical-align:top; background:#fff url("/template/1/type1/images/sArrow1.png") calc(100% - 12px) center no-repeat !important; border:1px solid #ccc; }
select.basicS.numselect{height:30px; }
select.basicS.shot{width:120px;}
select.basicS.shot2{width:78px; padding-left:10px;}
select.basicAuto{height:50px; font-size:18px; vertical-align:top; background:#fff url("/template/1/type1/images/sArrow1.png") 95% center no-repeat; border:1px solid #ccc; }
select.joinBig{height:70px; font-size:20px; font-weight:100; }
select.w{width:42%;}
select.write_select{width:300px;}
select.choLong{width:42%;}
select.choShort{width:29%;}
select.shortSerch{width:180px; height:45px;}
select.tableInS{width:80%; height:35px; min-width:auto; margin:0 auto 5px; padding-left:15px; font-size:16px; }
select.small{width:78px; min-width:auto; height:25px; padding-left:5px; font-size:16px; font-weight:300; background:#fff url("/template/1/type1/images/sArrow1.png") 95% center no-repeat; border:1px solid #ccc; }
select.nob{height:70px;}
ul.inputList select{background-color: #fff; background-image: url("/template/1/type1/images/sArrow2.png"); background-position: 95% center; background-repeat: no-repeat;}
ul.joinList .lengInput1 select{width:33%; border:none;}
.inTselect select{margin-right:5px; border:none;}
.inTselect select.choLong{width:85%;}
.inTselect select.choShort{width:78%;}
.couponChoice select.basicS{width:100%; height:55px; padding-left:10px; font-size:16px; vertical-align:top; background:#fff url("/template/1/type1/images/sArrow1.png") 95% center no-repeat; border:1px solid #ccc; /*border-right:none;*/ }
/* 인풋 스타일 */
/* input:focus + span.placeH{display:none;}  */
/*input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]){width:250px; height:50px; padding-left:20px; font-size:18px; font-weight:100; vertical-align:top; background:#fff; border:1px solid #ccc; }
.inputList input:not([type="radio"]):not([type="checkbox"]):not([type="image"]){height:70px; padding-left:24px; font-size:20px; }*/
input{}
/* input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]):not([type="button"]):not([type="submit"]){width:250px; height:50px; padding-left:20px; font-size:18px; font-weight:100; vertical-align:top; background:#fff; border:1px solid #ccc; } */
input[type="text"],
input[type="password"]{height:50px; padding-left:20px; font-size:18px; font-weight:100; background:#fff; border:1px solid #ccc; }
textarea{line-height:22px; padding:20px; font-size:18px; font-weight:100; background:#fff; border:1px solid #ccc;width:100%;min-height:200px;}
input.w150{width:150px;}
input[type="submit"]{cursor:pointer;}
.inputList input[type="text"],
.inputList input[type="password"]{ font-family: "Pretendard"; font-size: 14px; font-weight: 400; padding: 16px; border-radius:8px; border: 1px solid #ddd; color: #000; }
.inputList input[type="text"]::placeholder,
.inputList input[type="password"]::placeholder {color: #000;}
ul.joinList input{padding-right:55px}
ul.joinList .lengInput1 input{padding-right:10px; }
ul.joinList #od_b_addr1 {border-radius:8px 0 0 8px;}
input.fixW1{width:100% !important;}
input.fixW2{width:300px !important;}
input.fixW3{width:calc( 100% - 124px ) !important;}
input.quantity{width:40px; height:23px !important; padding:0 5px 0 0 !important;}
@media(max-width:1180px){
	/* 셀렉트 스타일 */
	select.basicS{height:40px; font-size:16px; }
	select.joinBig{height:55px; font-size:16px;}
	input[type="text"],
	input[type="password"]{height:40px; padding-left:15px; font-size:16px;}
    .inputList input[type="text"], 
    .inputList input[type="password"] {padding: 8px 16px;}
}
@media(max-width:767px){
	input.fixW2{width:100% !important;}
	select.basicS{font-size:14px; }
	select.joinBig{width:100% !important; height:40px; margin:0; font-size:14px;}
	select.basicS.numselect{width:100%;}
	select.write_select{width:100%;}
	input[type="text"],
	input[type="password"]{padding-left:10px; font-size:14px;}
	ul.inputList select{-webkit-background-size:12px; background-size:12px;}
}


/* textarea */
textarea.writText{width:100%; height:350px; vertical-align:top; resize:none; border:1px solid #ccc; }
/* 파일커스텀 */
.input-file{position:relative; width:100%; margin:5px 0; padding-right:110px; font-size:0; }
.input-file [type="file"] {position: absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:none;}
.input-file .file-label {position:absolute; top:0; right:0; width:110px; height:50px; line-height: 50px; font-size: 18px; color:#fff; text-align:center; background-color:#3b92ef;}
.input-file .file-name { width:100% !important; background: #f5f5f5; height:50px; line-height:48px; text-indent: 5px; border: 1px solid #bbb; }
.file-focus {outline: 1px dotted #d2310e;}
@media(max-width:1180px){
	.input-file .file-label {height:40px; line-height:40px; font-size: 16px;}
	.input-file .file-name {height:40px; line-height:38px; }
}
/* 버튼 스타일 */
.buyBtnArea{width:100%; font-size:0;opacity: 0; }
.buyBtnArea a.sBtn:first-child{margin-left:0;}
.buyBtnArea a.sBtn{width:calc(100% / 3 - 5.01px); height:55px; margin-left:5px; font-size:18px; line-height:55px; }
.buyBtnArea a.sBtn.white{line-height:53px; }
.buyBtnArea a.sBtn.gray{line-height:53px; }
.centerBtnA{width:100%; font-size:0; text-align:center; }
.centerBtnA.mtA{margin-top:35px; }
.centerBtnA a{margin:0 5px; }
.centerBtnA a.full{margin:0;}
.sBtn{display:inline-block; width:120px; height:45px; font-size:16px; color:#fff; border-radius:8px; line-height:45px; text-align:center; vertical-align:top; background:#3b92ef; }
.sBtn:hover {color: #fff;}
.sBtn.m_show{display:none; }
.H50{height:50px; line-height:50px;}
.atte{position:relative; padding-left:57px; }
.atte:before{content:""; display:block; position:absolute; top:0; left:0; width:57px; height:53px; font-size:70px; color:#ccc; background-image: url("/template/1/type1/images/heart_off.png"); background-position: center center; background-repeat: no-repeat;border-right:1px solid #c1c1c1; }
.atte.active:before{background:url("/template/1/type1/images/heart_on.png") center center no-repeat; }
.blue{background:#3b92ef;}
.red{background:#db0b37;}
.gray{color:#000 !important; background:#f4f4f4; line-height:43px; border:1px solid #ccc;}
.gray2{color:#000 !important; background: #ccc; line-height:43px; border:1px solid #ccc; }
.white{color:#000 !important; background: #fff; line-height:43px; border:1px solid #333; }
.black{color:#fff !important; background: #000; line-height:43px; border:1px solid #000; }
.big{height:70px; font-size:20px; line-height:70px;}
.full{width:100% !important; }
.half{width:calc(100% / 2 - 2.51px); margin:5px 5px 0 0 !important;}
.half:last-child{margin-right:0 !important;}
.viewBtn{display:inline-block;  height:32px; padding:0 10px; font-size:16px; line-height:30px; text-align:center; background:#fff; border:1px solid #ccc; 
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.viewBtn_gnu{display:inline-block; padding:0 10px; height:32px; font-size:16px; line-height:30px; text-align:center; background:#fff; border:1px solid #ccc; 
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.notB{display:inline-block; position:relative; padding:0 18px; font-size:16px; font-weight:100; }
.notB:before{content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background:#d3d3d3;}
.notB:after{content:""; display:block; position:absolute; bottom:-8px; left:50%; width:0; height:2px; margin-left:0; background:#3b92ef;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.notB:hover:after{width:60px; margin-left:-30px;}
.noticeBtnArea .notB:first-child:before{display:none;}
.noticeBtnArea .notB {padding: 0 16px; font-weight:400;} /* 24.09 게시판 관련 버튼들 텍스트 잘보이게 처리 by JH.Choi */
.sampleB{display:block; width:80%; margin:2px auto; padding:5px; font-size:16px; font-weight:400; color:#fff !important; background:#3b92ef;text-align:center;border-radius:4px; }
.sampleB.none{position:relative; cursor:default; background:#ccc;}
.sampleB.red{background:#db0b37;}
.sampleB.bas{background: #3b92ef; }
.sampleB.dele{color:#000 !important; background:#fff; border:1px solid #333;}
.sampleB.white{color:#000 !important; line-height:32px; background:#fff; border:1px solid #333;}
.sampleB.black{color:#fff !important; line-height:inherit; background: #000; }
.sampleB.end{color:#fff !important; line-height:inherit; background: #595959; }
.payBtn{display:block; width:100%; height:55px; margin:5px auto; font-size:18px; color:#fff; text-align:center; line-height:53px; }
.payCouoBtn{display:inline-block; position:absolute; top:0; right:0; width:54px; height:55px; padding:6px 0; font-size:18px; color:#fff; line-height:20px; text-align:center; background:#3b92ef; }
@media(max-width:1180px){
	.buyBtnArea a.sBtn{height:45px; font-size:16px; line-height:45px; }
	.buyBtnArea a.sBtn.white{line-height:43px; }
	.buyBtnArea a.sBtn.gray{line-height:43px; }
	.sBtn.m_show{display:block; margin:15px 0 0 0; }
	.atte{padding-left:45px; }
	.atte:before{width:45px; height:43px; -webkit-background-size:22px; background-size:22px;}
	.sampleB{width:95%; font-size:14px; }
	.big{height:55px; font-size:18px; line-height:55px;}
	.viewBtn{height:28px; font-size:14px; line-height:26px; 
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	.viewBtn_gnu{height:28px; font-size:14px; line-height:26px; 
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
}
@media(max-width:767px){
	.sBtn{width:100%; min-width:120px; height:40px; font-size:14px; line-height:40px; }
	.buyBtnArea a.sBtn{width:calc(100% / 2 - 27.01px); margin-left:2px; }
	.centerBtnA.mtA{margin-top:15px;}
	.centerBtnA a{width:calc(100% / 2 - 2.51px); margin:0 5px 0 0;}
	.centerBtnA a:last-child{margin-right:0; }
	.atte{width:45px !important; min-width:inherit; padding-left:0; font-size:0 !important; }
	.atte:before{border-right:none; }
	.sampleB{min-width:85px; width:auto;}
	.notice_list01 .sampleB{display:inline-block; margin:0 2px;}
}
/* 커스텀 체크 */
.chkCus{position:relative; }
.chkCus input[type="checkbox"]{display:none; }
.chkCus span.text{margin-right:10px; }
.chkCus span.whzbtn{display:inline-block; position:relative; width:34px; height:10px; vertical-align:2px; background:#d8d8d8; border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.chkCus span.whzbtn:before{content:""; display:block; position:absolute; top:-4px; left:-5px; width:16px; height:16px; background:#fff; border:1px solid #bababa;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: left .5s;
	-moz-transition: left .5s;
	-ms-transition: left .5s;
	-o-transition: left .5s;
	transition: left .5s;
}
.chkCus input[type="checkbox"]:checked + span.text + span.whzbtn:before{left:20px; border:none; 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #7794fd), color-stop(0.74, #8065f6), color-stop(0.9500000000000001, #764eef));
	background: -moz-linear-gradient(-126deg, #7794fd 0%, #8065f6 74%, #764eef 95%);
	background: -webkit-linear-gradient(-126deg,  #7794fd 0%, #8065f6 74%, #764eef 95%);
	background: -o-linear-gradient(-126deg,  #7794fd 0%, #8065f6 74%, #764eef 95%);
	background: -ms-linear-gradient(-126deg,  #7794fd 0%, #8065f6 74%, #764eef 95%);
	background: linear-gradient(-126deg,  #7794fd 0%, #8065f6 74%, #764eef 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7794fd', endColorstr='#764eef', gradientType=1);
}
.chkCus2{width:100%; }
.chkCus2 .in{position:relative; background:#fff;}
.chkCus2 input[type="checkbox"],
.chkCus2 input[type="radio"]{visibility:hidden; position:absolute; top:0; left:0; }
.chkCus2 label{display:block; width:100%; height:70px; background-color: #fff;border:1px solid #ccc; }
.chkCus2 span.txt{display:block; padding:18px 54px 18px 24px; height:100%; font-size:20px; font-weight:100; }
.chkCus2 span.whzbtn{display:block; position:absolute; top:50%; right:14px; width:28px; height:20px; margin-top:-10px; background-image: url("/template/1/type1/images/chk_off.png"); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100%;
background-size:100%;}
.chkCus2 input[type="checkbox"]:checked + span.txt + span.whzbtn,
.chkCus2 input[type="radio"]:checked + span.txt + span.whzbtn{background-image:url("/template/1/type1/images/chk_on.png");}
@media(max-width:1180px){
	.chkCus2 label{height:55px;}
	.chkCus2 span.txt{padding:14px 54px 14px 15px; font-size:16px;}
	.chkCus2 span.whzbtn{width:22px; height:18px; margin-top:-9px;}
}
@media(max-width:767px){
	.chkCus2 label{height:40px;}
	.chkCus2 span.txt{padding:8px 30px 8px 15px; font-size:14px;}
	.chkCus2 span.whzbtn{right:10px; width:20px; height:14px; margin-top:-7px;}
}
/* 커스텀 라디오 */
.radioCus label{display:inline-block; position:relative; width:calc(100% / 2 - 5.01px); height:70px; margin-right:10px; }
.radioCus label:last-child{margin-right:0; }
.radioCus input[type="radio"]{visibility:hidden; }
.radioCus span.txt{display:block; position:absolute; top:0; left:0; z-index:10; width:100%; font-size:20px; font-weight:400; line-height:70px; text-align:center; 
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.radioCus .paybtn,
.radioCus .whzbtn{overflow: hidden; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border:1px solid #ccc; border-radius:8px; }
.radioCus .paybtn:after,
.radioCus .whzbtn:after{content:""; display:block; position:absolute; top:0; left:0; width:0; height:100%; background:#ff4a03; 
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	-ms-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s;
}
.radioCus input[type="radio"]:checked + span.txt{color:#fff; }
.radioCus input[type="radio"]:checked + span.txt + .paybtn,
.radioCus input[type="radio"]:checked + span.txt + .whzbtn{border:1px solid #ff4a03}
.radioCus input[type="radio"]:checked + span.txt + .paybtn:after,
.radioCus input[type="radio"]:checked + span.txt + .whzbtn:after{width:100%;}
/*.payRadio label{display:inline-block; position:relative; margin-right:30px; padding-left:40px;}*/
.payRadio label{display:inline-block; position:relative; margin-right:28px; padding:2px 0 2px 32px; line-height: 26px;}
.payRadio label:last-child{margin-right:0; }
.payRadio label.nomargin{margin:0px;}
.payRadio label.nopadding{padding:0px;}
.payRadio input[type="radio"],
.payRadio input[type="checkbox"]{visibility:hidden; display:none; }
.payRadio .paybtn,
.payRadio .whzbtn {display:block; position:absolute; top:0; left:0; width:26px; height:26px; background-image: url("/template/1/type1/images/chk_off2.png"); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100%; background-size:100%;}
.payRadio input[type="radio"]:checked + .paybtn,
.payRadio input[type="checkbox"]:checked + .paybtn,
.payRadio input[type="radio"]:checked + .whzbtn,
.payRadio input[type="checkbox"]:checked + .whzbtn {background-image:url("/template/1/type1/images/chk_on2.png");}
.boxLabel input[type="radio"]{visibility:hidden; display:none; }
.boxLabel input[type="radio"]:checked + .lookUpA{color:#fff; background:#0071d0; border:1px solid #0071d0;}
@media(max-width:1180px){
	.radioCus label{height:55px;}
	.radioCus span.txt{font-size:18px; line-height:55px;}
}
@media(max-width:767px){
	.payRadio span.paybtn,
    .payRadio span.whzbtn{top:3px; width:22px; height:22px;}
	.radioCus label{height:45px;}
	.radioCus span.txt{font-size:16px; line-height:45px;}
}
.chkCus3 label{display:inline-block; position:relative; width:26px; height:26px; }
.chkCus3 label.nomargin{margin:0px;}
.chkCus3 label.nopadding{padding:0px;}
.chkCus3 input[type="radio"],
.chkCus3 input[type="checkbox"]{visibility:hidden; display:none; }
.chkCus3 span.paybtn,
.chkCus3 span.whzbtn{display:block; position:absolute; top:0; left:0; width:26px; height:26px; background-image: url("/template/1/type1/images/chk_off2.png"); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100%; background-size:100%;}
.chkCus3 input[type="radio"]:checked + span.paybtn,
.chkCus3 input[type="checkbox"]:checked + span.paybtn,
.chkCus3 input[type="radio"]:checked + span.whzbtn,
.chkCus3 input[type="checkbox"]:checked + span.whzbtn{background-image:url("/template/1/type1/images/chk_on2.png");}



/* 테이블 */
.viewIn table.basicTb1{margin-bottom:100px;}
table,
table th,
table td{}
table.basicTb1{margin-bottom:35px;table-layout: fixed;}
table.basicTb1.noMargin{margin:0;}
table.basicTb1 th{font-weight:400; }
table.basicTb1 thead th { padding: 13px 0 14px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-family: "Pretendard"; font-size: 14px; font-weight: 400; letter-spacing: -0.01em; color: rgb(0, 0, 0); } 
table.basicTb1 thead th:after{content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-9px; background:#dbdbcb;}
table.basicTb1 thead th:last-child:after{display:none;}
table.basicTb1 thead th input[type="checkbox"]{margin-right:8px;}
table.basicTb1 th,
table.basicTb1 td{ position:relative; padding:11px 0; border-bottom:1px solid #dddddd; font-size:14px; text-align:center; text-align:center; vertical-align:middle; word-wrap: break-word;}
table.basicTb1 td{font-weight:300; }
table.basicTb1 td input[type="checkbox"]:not(".noA"){position:absolute; top:28px; left:5px; }
table.basicTb1 .left{padding-left:35px; text-align:left; }
.paymentArea table.basicTb1 .left{padding-left:5px;}
table .top{vertical-align:top;}
table.basicTb1 .left.chk{padding-left:50px;}
table.basicTb1 .left.chk input[type="checkbox"]{left:25px;}
table.basicTb1 .left a{display:inline-block; width:auto; max-width:90%; margin-left:8px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
table.basicTb1 .packageP{width:100%; position:relative; }
table.basicTb1 .packageP a{max-width:80%;}
table.basicTb1 span.progressN{display:block; position:absolute; top:0; right:0; width:14%; text-align:center; }
table.basicTb1 .left a.noH{text-overflow:inherit; white-space:inherit; overflow:inherit;}
table.basicTb1 .left a:hover{text-decoration:underline;}
table.basicTb1 .imgT{width:145px; max-width:100%; height:110px; margin:0 auto; }
table.basicTb1 .imgT img{display:block; width:auto; max-width:100%; height:100%; margin:0 auto; }
table.basicTb2{border:1px solid #ccc; border-top:2px solid #000; }
table.basicTb2 th,
table.basicTb2 td{height:70px; padding:7px 20px; color:#333; text-align:left; border-bottom:1px solid #ccc; }
table.basicTb2 th{position:relative; font-size:16px; font-weight:500; }
table.basicTb2 th:after{content:""; display:block; position:absolute; top:26px; right:0;  width:1px; height:18px; background:#ccc; }
table.basicTb2 td{position:relative; padding-left:210px; font-size:18px; font-weight:300; }
table.basicTb2 .top{padding-top:22px;}
table.basicTb2 .settle_bank select.long{width:calc(100% - 150px);}
table.basicTb2 span.tit{position:absolute; top:0; left:0; width:200px; height:100%; display:table;   font-size:16px; font-weight:500; color:#333; }
table.basicTb2.tit_30 span.tit{width:220px;}
table.basicTb2.tit_30 td{padding-left:230px; }
table.basicTb2 td.full_wid{padding-left:20px; }
table.basicTb2 td img{max-width:100%; }
table.basicTb2 span.tit > span{display:table-cell; padding-left:24px; vertical-align:middle; }
table.basicTb2 span.tit:after{content:""; display:block; position:absolute; top:50%; right:0;  width:1px; height:18px; margin-top:-9px; background:#ccc; }
table.basicTb2 .placeT{width:140px; }
table.basicTb2 .placeT2{width:240px; }
table.basicTb2 .placeH{font-size:16px; line-height:50px; }
table.basicTb2.pay_basicTb2 td{padding-left:140px;}
table.basicTb2.pay_basicTb2 span.tit{width:135px;}
.pay_basicTb2 .naverPay {max-height: 27px;}
.pay_basicTb2 .payRadio label {margin-bottom: 0;}
.pay_basicTb2 .payRadio label.card {box-shadow: none;}
table.popBasicTb{border:1px solid #ccc; border-top:2px solid #000; }
table.popBasicTb th,
table.popBasicTb td{height:40px; padding:5px 10px; color:#333; border-bottom:1px solid #ccc; }
table.popBasicTb th{position:relative; font-size:14px; font-weight:500; }
table.popBasicTb td{font-size:14px; font-weight:300; }
table.popBasicTb .left{padding:8px; text-align:left; }
ul.packageProg{width:100%; margin:15px 0 0 0; padding-left:15px;  }
ul.packageProg li{position:relative; width:100%; }
ul.packageProg li a{max-width:75% !important;}
.addDel{margin:5px 0 0 0; font-size:0;}
.addDel span{display:inline-block; width:30px; height:30px; text-align:center; line-height:28px; cursor:pointer; background:#fff; border:1px solid #ccc; }
.addDel span img{vertical-align:middle}
.simple_pay .payRadio .paybtn {top: 50%;transform: translate(0,-50%);}
@media(max-width:1180px){
	table.basicTb2 td{padding-left:130px; font-size:16px;}
	table.basicTb2 span.tit{width:120px; font-size:14px;}
	table.basicTb2.tit_30 td{padding-left:170px; }
	table.basicTb2.tit_30 span.tit{width:160px;}
}
@media(max-width:767px){
	table.basicTb2 td{padding:10px; font-size:14px;}
	table.basicTb2 span.tit{position:relative; width:100%; height:auto; margin-bottom:10px;  }
	table.basicTb2 span.tit:after{display:none; }
	table.basicTb2 span.tit > span{padding:0; }
	table.basicTb2.tit_30 td{padding-left:10px; }
	table.basicTb2.tit_30 span.tit{width:100%;}
	table.basicTb2 .addDel{display:inline-block; *display:inline; *zoom:1; margin:0 0 0 10px; vertical-align:middle; }
	table.basicTb2.pay_basicTb2 td{padding-left:10px;}
	table.basicTb2.pay_basicTb2 span.tit{width:100%;}
	table.basicTb2 .settle_bank select.long{width:100%;}
	table.basicTb2 .placeT{width:100%; margin-top:5px;}
}


/* 로그인/아이디찾기/비밀번호찾기 */
ul.loginNav{width:100%; padding:40px 0 0 0; }
ul.loginNav:after{content:""; display:block; clear:both;}
ul.loginNav li{position:relative; float:left; padding:0 18px; }
ul.loginNav li:first-child{padding-left:0;}
ul.loginNav li:last-child{padding-right:0;}
ul.loginNav li:after{content:""; display:block; position:absolute; top:7px; right:0; width:1px; height:17px; background:#e5e5e5;}
ul.loginNav li:last-child:after{display:none; }
ul.loginNav li a,
ul.loginNav li span.text{position:relative; font-size:20px; font-weight:100; }
ul.loginNav li a:after,
ul.loginNav li label:after{content:""; display:block; position:absolute; bottom:-4px; left:-10%; width:0; height:2px; background:#5a2ac5;
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	-ms-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s;
}
ul.loginNav li label:after{bottom:0; left:-4%;}
ul.loginNav li a:hover:after{width:120%;}
ul.loginNav li:hover label:after{width:80%;}
dl.simpleLogin{width:100%; margin-top:60px;}
dl.simpleLogin:after{content:""; display:block; clear:both;}
dl.simpleLogin dt{float:left; width:106px; font-size:20px; font-weight:100; }
dl.simpleLogin dd{float:left; width:80px; margin-left:6px; }
dl.simpleLogin dd a,
dl.simpleLogin dd img{display:block; width:100%; }
dl.simpleLogin .kko_login{background: none !important;}
ul.findEnd{width:100%; border:1px solid #dbdbdb; border-right:none;}
ul.findEnd:after{content:""; display:block; clear:both;}
ul.findEnd li:first-child{width:24%; font-weight:100; color:#3e3e3e; text-align:center; }
ul.findEnd li{float:left; width:38%; font-size:18px; font-weight:500; color:#000; padding:12px; background:#fff; border-right:1px solid #dbdbdb; }
ul.pwEnd{width:100%;}
ul.pwEnd li{position:relative; margin:4px 0; padding:10px 0 10px 170px; background:#fff; border:1px solid #dbdbdb; }
ul.pwEnd li > a{display:block; position:absolute; top:0; left:-1px; width:160px; height:100%; text-align:center; line-height:44px; background:url("/template/1/type1/images/next.png") 90% center no-repeat; border:1px solid #000; }
@media(max-width:1180px){
	ul.loginNav{padding:30px 0 0 0; }
	ul.loginNav li{padding:0 14px; }
	ul.loginNav li:after{top:8px; height:14px;}
	ul.loginNav li a,
	ul.loginNav li span.text{font-size:16px; }
	dl.simpleLogin{margin-top:60px;}
	/*dl.simpleLogin dt{float:none; width:100%; margin-bottom:5px; font-size:18px; }*/
	dl.simpleLogin dt{float:none; width:100%; margin-bottom:12px; font-size:18px; }/* 24.09 간편로그인 레이아웃 조정 by JH.Choi */
	dl.simpleLogin dd{margin-left:0; margin-right:6px; }
	ul.findEnd li{font-size:16px; padding:8px; }
	ul.pwEnd li{padding:8px 0 8px 140px; font-size:16px; }
	ul.pwEnd li > a{width:130px; padding:0 8px; text-align:left; line-height:40px;}
}
@media(max-width:767px){
    .basicTb1.mo_style {border-top: 2px solid #000;}
    .basicTb1.mo_style thead {display: none;}
    .basicTb1.mo_style .num {display: none;}
    .basicTb1.mo_style col {width: 100% !important;display: block;}
    .basicTb1.mo_style tr {display: block;border-bottom: 1px solid #c4c4c4;padding: 12px 0;}
    .basicTb1.mo_style td {position: relative;display: inline-block;padding: 0 12px 2px 0;font-size: 12px;color: #666;border-bottom: none;}
    .basicTb1.mo_style td:after {content: ""; display: block; position: absolute; top: 50%; right: 3px; width: 1px; height: 12px; margin-top: -6px; background-color: #b9b9b9;}
    .basicTb1.mo_style td.tit {display: block;padding-left: 0;font-size: 16px;font-weight: 500;color: #000;}
    .basicTb1.mo_style td.tit a {margin-left: 0;}
    .basicTb1.mo_style td.tit input[type="checkbox"] + a {margin-left: 5px;}
    .basicTb1.mo_style td.tit::after,
    .basicTb1.mo_style td:last-child::after {display: none;}
    ul.loginNav{padding:10px 0 0 0; }
	ul.loginNav li{padding:0 8px; }
	ul.loginNav li a,
	ul.loginNav li span.text{font-size:14px; }
	dl.simpleLogin{margin-top:30px;}
	dl.simpleLogin dt{ font-size:16px; }
	/*dl.simpleLogin dd{width:60px; }*/
	dl.simpleLogin dd{width:72px; } /* 24.09 간편로그인 레이아웃 조정 by JH.Choi */
	ul.findEnd li{width:76%;}
	ul.findEnd li.last_li{width:100%; border-top:1px solid #dbdbdb;}
	ul.pwEnd li{padding:8px 0 8px 130px; font-size:14px; }
	ul.pwEnd li > a{width:120px; line-height:34px;}
}

/* 회원가입 */
ul.joinList{margin-bottom:30px; }
ul.joinList li{min-height:70px; margin-bottom:35px; }
ul.joinList li.skip{min-height:auto; margin-bottom:auto;}
ul.joinList.joinEnd li{margin-bottom:25px;}
ul.joinList li.chkCus2{margin-bottom:5px;}
ul.joinList li .in{position:relative; width:100%; background:#fff;}
ul.joinList li p.tit{margin-bottom:5px; font-size:18px;}
ul.joinList li p.value{width:100%; padding:16px; border-radius:8px; font-family: "Pretendard"; font-size:14px; font-weight: 400; border:1px solid #ddd; }
ul.joinList li.noW{background:none;}
span.error{/* position:absolute; bottom:-24px; left:0;  */display:block; position:relative; margin-top:5px; padding-left:25px; font-size:14px; color:#ee0000;}
span.error:before{content:""; display:block; position:absolute; top:1px; left:0; width:20px; height:20px; background:url("/template/1/type1/images/icon_warning.png") 0 0 no-repeat;
	-webkit-background-size: 100%;
	background-size:100%;
}
ul.joinList .nec{font-size:14px; color:#ee0000;}
ul.joinList .necPass{color:#0d88f1;}
/* ul.joinList .lengInput1 .in{border:1px solid #ccc;} */
/* ul.joinList .lengInput1 label{width:31.5%;} */
ul.joinList .lengInput1 .btnIn{position:relative; margin-bottom:5px; padding-right:150px; }
/* 24.09 회원가입 border-radius 틀어짐 수정 by JH.Choi .start*/
ul.joinList .lengInput1 .btnIn .fixW1.numberPhone{border-radius: 8px 0 0 8px;}
ul.joinList .lengInput1 .in.btnIn{border-radius: 8px;}
/* 24.09 회원가입 border-radius 틀어짐 수정 by JH.Choi .end*/
ul.joinList .lengInput1 .btnIn label{width:100%;}
ul.joinList .lengInput1 .btnIn a.sBtn{position:absolute; top:0; right:0; width:150px; /* border:none; border-left:1px solid #ccc;  */}
ul.joinList .lengInput1 .btnIn a.sBtn.big {height: 50px;line-height: 48px; border-radius:0 8px 8px 0;font-size: 16px;border-left: none;}
ul.joinList.joinEnd .lengInput1 .btnIn a.sBtn{top:1px; right:1px; }
ul.joinList .lengInput1 .bul{font-size:20px; font-weight:100; vertical-align:-7px; }
ul.joinList .inTselect { overflow: hidden; height: auto; border-radius:8px; font-family: "Pretendard"; font-size:14px; font-weight: 400; border:1px solid #ddd;}
ul.joinList .inTselect select {height: auto; padding: 14px 16px; font-family: "Pretendard"; font-size:14px; font-weight: 400; color: #000; }
ul.joinList .inTselect {border-radius:0;}
ul.joinList .inTselect.choLong {border-radius:8px 0 0 8px;border-right: none;}
ul.joinList .inTselect.last {border-radius:0 8px 8px 0;border-left: none;}
ul.joinList input[name="addr1"] {border-radius:8px 0 0 8px;}
.joinchoBox ul.capList li{float:none !important; width:100% !important; padding:10px 20px 10px 42px !important; font-size:18px; font-weight:100; background:url("/template/1/image/capChkIco.png") 20px 20px no-repeat; }
.joinchoBox{position:relative; width:100%; margin-bottom:50px; padding-bottom:10px; }
.joinchoBox.nobm{margin-bottom:0;}
.joinchoBox span.error{bottom:-10px;}
.joinchoBox > p{font-size:20px; font-weight:100; }
.joinchoBox ul.choList{width:100%; margin-top:14px; padding:10px 0; background:#fff; border:1px solid #ccc; border-top:3px solid #000; }
.joinchoBox ul.choList:after{content:""; display:block; clear:both;}
.joinchoBox ul.choList li{float:left; width:50%; padding:10px 0 10px 20px; }
.joinchoBox ul.choList li label{font-size:20px; font-weight:100; }
.joinchoBox ul.choList li input{margin-right:10px; }
.joinchoBox ul.choList.full li{float:none; width:100%; }/* 추가 */

ul.joinAgree{position:relative; width:100%; padding:15px 0 30px 0;}
ul.joinAgree:after{content:""; display:block; clear:both;}
ul.joinAgree li{margin-bottom:5px; font-size:0; }
ul.joinAgree li label{margin-right:10px; font-size:18px; font-weight:100; }
ul.joinAgree li input[type="checkbox"]{margin-right:10px; }
/* ul.joinAgree span.error{bottom:15px;} */
@media(max-width:1180px){
	ul.joinList li{min-height:45px;  }
	ul.joinList li p.tit{font-size:16px;}
	.joinchoBox{margin-bottom:30px; padding-bottom:8px; }
	.joinchoBox > p{font-size:16px;}
	.joinchoBox ul.choList{margin-top:10px; padding:8px 0; }
	.joinchoBox ul.choList li{padding:8px 0 8px 15px; }
	.joinchoBox ul.choList li label{font-size:16px; }
	.joinchoBox ul.choList li input{margin-right:8px; }
	.joinchoBox span.error{bottom:-20px;}
	ul.joinAgree{padding-top:12px;}
	ul.joinAgree li label{margin-right:8px; font-size:16px; }
	ul.joinAgree li input[type="checkbox"]{margin-right:8px; }
    ul.joinList .lengInput1 .btnIn a.sBtn.big {height: 40px;line-height: 40px;}
}
@media(max-width:767px){
	ul.joinList{margin-bottom:20px; }
	ul.joinList li p.tit{font-size:14px;}
	ul.joinList .lengInput1 .btnIn{padding-right:100px; }
	ul.joinList .lengInput1 .btnIn a.sBtn{width:100px; min-width:100px; }
	.joinchoBox > p{font-size:14px;}
	.joinchoBox ul.choList{margin-top:8px; padding:6px 0; }
	.joinchoBox ul.choList li{padding:6px 0 6px 10px; }
	.joinchoBox ul.choList li label{font-size:14px; }
	.joinchoBox ul.choList li input{margin-right:6px; }
	ul.joinAgree{padding-top:10px;}
	ul.joinAgree li label{margin-right:6px; font-size:14px; }
	ul.joinAgree li input[type="checkbox"]{margin-right:6px; }
}



#contents ul.inTabs{width:100%; margin-bottom:30px; border-bottom:1px solid #ccc;}
#contents ul.inTabs:after{content:""; display:block; clear:both;}
#contents ul.inTabs li{position:relative; float:left; width:25%; padding:0 2px; }
#contents ul.inTabs li:after{content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:18px; margin-top:-9px; background:#ccc;}
#contents ul.inTabs li:last-child:after{display:none; }
#contents ul.inTabs li a{display:block; position:relative; width:100%; padding:20px 0; font-size:18px; font-weight:300; text-align:center;}
#contents ul.inTabs li a:after{content:""; display:block; position:absolute; bottom:-1px; left:50%; width:0; height:5px; background:#3b92ef;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition:all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#contents ul.inTabs li a:hover:after,
#contents ul.inTabs li.active a:after{width:100%; margin-left:-50%;}

#contents ul.inTabs2{width:100%; margin-bottom:30px; border-bottom:1px solid #000;}
#contents ul.inTabs2:after{content:""; display:block; clear:both;}
#contents ul.inTabs2 li{position:relative; display:table; float:left; width:calc(100% / 8 + 0.99px) !important; height:64px; margin-right:-1px; border:1px solid #ccc; border-bottom:none; }
#contents ul.inTabs2 li.active{z-index:1; border:1px solid #000; border-bottom:none;}
#contents ul.inTabs2 li.active:after{content:""; display:block; position:absolute; bottom:-1px; left:0; z-index:100; width:100%; height:1px; background:#fff;}
#contents ul.inTabs2 li a{display:table-cell; position:relative; width:100%; font-size:18px; font-weight:300; color:#666; text-align:center; vertical-align:middle; }
#contents ul.inTabs2 li.active a{color:#000; }
@media(max-width:1180px){
	#contents ul.inTabs2{border-bottom:none}
	#contents ul.inTabs2 li{width:calc(100% / 4 - 0.01px) !important; height:55px; margin-bottom:-1px; border:1px solid #ccc;}
	#contents ul.inTabs2 li.active{border:1px solid #000;}
	#contents ul.inTabs2 li.active:after{display:none; }
	#contents ul.inTabs2 li a{font-size:16px;}
    ul.joinList .inTselect select {padding: 8px 16px;}
}
@media(max-width:767px){
	#contents ul.inTabs2 li{width:calc(100% / 3 - 0.01px) !important; height:45px;}
	#contents ul.inTabs2 li a{font-size:14px;}
}

/* 24.09 회원가입 휴대폰 인증번호 입력 창 UI 수정 by JH.Choi .start*/
#auth_num_div .inputList.joinList .in {display: flex; gap :12px;}
#auth_num_div .inputList.joinList .in .auth_num_confirm_but{height: 50px; line-height: 50px; font-size: 16px;}
@media (max-width:1180px){
	#auth_num_div .inputList.joinList .in .auth_num_confirm_but{height: 40px; line-height: 40px;}
}
@media(max-width:767px){
	#auth_num_div .inputList.joinList .in {flex-flow: column; gap: 4px; margin-top: 8px;}
	#auth_num_div .inputList.joinList .in .placeT {width: 100% !important;}
	#auth_num_div .inputList.joinList .in .auth_num_confirm_but {width: 100% !important;}
}
/* 24.09 회원가입 휴대폰 인증번호 입력 창 UI 수정 by JH.Choi .end*/


/* 마이페이지 상단 */
/* 상단 픽스 */
.myGuideFixed{display:none; width:100%; margin-bottom:15px; }
.myGuideFixed .fixedIn{position:relative; width:100%;}
.myGuideFixed .fixedIn.fixed{position:fixed; top:0; left:0; z-index:200;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.7, #ffffff), color-stop(1, rgba(255,255,255,0)));
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 70%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%, #ffffff 70%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  #ffffff 0%, #ffffff 70%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%, #ffffff 70%, rgba(255,255,255,0) 100%);
	background: linear-gradient(top,  #ffffff 0%, #ffffff 70%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='rgba(255,255,255,0)', gradientType=0);
}
.topFixTitle{position:relative; width:100%; padding:10px 15px 10px 35px; font-size:18px; color:#fff; font-weight:500; text-align:center; 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #e3052a), color-stop(0.9500000000000001, #774eef));
	background: -moz-linear-gradient(145deg, #e3052a 0%, #774eef 95%);
	background: -webkit-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
	background: -o-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
	background: -ms-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
	background: linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3052a', endColorstr='#774eef', gradientType=1);
}
.topFixTitle a.back{display:block; position:absolute; top:50%; left:15px; width:10px; margin-top:-8.5px; font-size:18px; color:#fff; font-weight:600; }
.topFixTitle a.back img{display:block; width:100%; }
@media(max-width:1180px){
	.myGuideFixed{display:block; }
}


#contents .mypageGuide{position:relative; width:100%; height:150px; margin:60px 0; padding-right:175px; }
#contents .myStatus{display:table; width:100%; height:100%; margin-bottom:60px; padding:0 15px; border-bottom:1px solid #ddd; border-top:2px solid #000; border-collapse:collapse; border-spacing:0;}/*background:#f8f8f8; */
#contents .myStatus:after{content:""; display:block; clear:both;}
#contents .myStatus .myinfo{display:table-cell; width:250px; padding-left:10px; vertical-align:middle;}
#contents .myStatus .myinfo .top{padding-bottom:14px; font-size:14px; font-weight:300; color:#333; }
#contents .myStatus .myinfo .top b{font-size:20px; font-weight:500; color:#333; }
#contents .myStatus .myinfo .top a{display:inline-block; padding:0 15px; font-size:12px; color:#fff; line-height:22px; background:#4c4a48; }
#contents .myStatus .myinfo p{padding:2px 0; font-size:14px; font-weight:300; color:#333; }
#contents .myStatus .myinfo p.big{padding-top:8px; font-size:20px; font-weight:300; line-height:36px;}
#contents .myStatus .myinfo p.big b{font-weight:500; color:#333;}
#contents .myStatus ul.lookUp{display:table-cell; width:calc(100% - 250px); vertical-align:middle;}
#contents .myStatus ul.lookUp:after{content:""; display:block; clear:both;}
#contents .myStatus ul.lookUp li{float:left; width:calc(100% / 6 - 0.01px); border-left:1px solid #e6e6e6; }
#contents .myStatus ul.lookUp li a{display:block; width:100%; text-align:center;}
#contents .myStatus ul.lookUp li p{padding-bottom:15px; font-size:16px; font-weight:300; color:#333; }
#contents .myStatus ul.lookUp li p.value{padding-bottom:0; font-size:16px; }
#contents .myStatus ul.lookUp li p.value b{font-size:34px; font-weight:500; color:#3b92ef;}
#contents .myRoomMove{position:absolute; top:0; right:0; width:165px; height:100%;}
#contents .myRoomMove a{display:block; width:100%; height:100%; padding:30px 0; text-align:center; 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #e3052a), color-stop(0.9500000000000001, #774eef));
	background: -moz-linear-gradient(145deg, #e3052a 0%, #774eef 95%);
	background: -webkit-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
	background: -o-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
	background: -ms-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
	background: linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3052a', endColorstr='#774eef', gradientType=1);
}
#contents .myRoomMove a:before{content:""; display:block; position:absolute; top:68px; left:50%; width:42px; height:5px; margin-left:-21px; background:url("/template/1/type1/images/moreA2.png") 0 0 no-repeat;}
#contents .myRoomMove p.title{padding-bottom:38px; font-size:14px; color:#fff; font-weight:500; }
#contents .myRoomMove p.title img{display:inline-block; margin-right:5px;}
#contents .myRoomMove p.cap{font-size:14px; font-weight:300; color:#fff; }
#contents .myRoomMove p.cap b{font-weight:500; }
@media(max-width:1180px){
	.t_hide{display:none !important; }
	#contents .mypageGuide{height:auto; margin:-25px 0 40px 0; padding:0; /* top:-25px;  */}
	#contents .myStatus{display:block; width:calc(100% + 30px); height:auto; margin-left:-15px; margin-bottom:0; padding:0; border-bottom:none; border-top:none; }
	#contents .myStatus .myinfo{display:block; width:100%; height:auto; padding:15px 0; text-align:center; 
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #e3052a), color-stop(0.9500000000000001, #774eef));
		background: -moz-linear-gradient(145deg, #e3052a 0%, #774eef 95%);
		background: -webkit-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		background: -o-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		background: -ms-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		background: linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3052a', endColorstr='#774eef', gradientType=1);
	}
	#contents .myStatus .myinfo p{display:inline-block; padding:0 4px; color:#fff !important; }
	#contents .myStatus .myinfo .top{display:block; padding:0; }
	#contents .myStatus .myinfo .top b{color:#fff; }
	#contents .myStatus .myinfo .top a{display:block; width:100px; height:30px; margin:10px auto; font-size:12px; color:#fff; line-height:30px; background:none; border:1px solid #fff; -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px;}
	#contents .myStatus ul.lookUp{display:block; width:100%; height:auto; margin:15px 0; }
	#contents .myStatus ul.lookUp li p.value{font-size:14px; }
	#contents .myStatus ul.lookUp li p.value b{font-size:25px;}
	#contents .myRoomMove{position:relative; width:100%; height:auto;}
	#contents .myRoomMove a{display:block; width:100%; height:auto; padding:15px 0; text-align:center; background:#3b92ef;	}
	#contents .myRoomMove a:before{top:22px; left:calc(50% + 54px); }
	#contents .myRoomMove p.title{padding:0; text-indent:-47px;}
	#contents .myRoomMove p.cap{display:none; }
}
@media(max-width:767px){
	#contents .mypageGuide{margin-bottom:20px; }
	#contents .myStatus ul.lookUp li{width:calc(100% / 4 - 0.01px);}
	#contents .myStatus ul.lookUp li p{padding-bottom:0; font-size:14px;}
	#contents .myStatus .myinfo p{display:block; font-size:13px; }
	#contents .myRoomMove a{padding:10px 0;}
	#contents .myRoomMove a:before{top:18px;}
}
/* 나의 강의실 상단 */
#contents .myRoom{padding-left:175px; padding-right:0;}
#contents .myRoom .myRoomMove{left:0; right:auto;}
#contents .myRoom .myRoomMove a:before{top:110px; 
	-ms-transform:rotateY(-180deg) ;
	-webkit-transform:rotateY(-180deg) ;
	transform:rotateY(-180deg) ;
}
#contents .myRoom .myRoomMove p.title{ }
#contents .myRoom .myRoomMove p.title img{display:block; margin:0 auto 15px;}
#contents .myRoom .myStatus .myinfo{width:18%;}
#contents .myRoom .myStatus ul.lookUp{display:table-cell;  width:54%; vertical-align:middle; }
#contents .myRoom .myStatus ul.lookUp li{width:calc(100% / 4 - 0.01px); }
#contents .myRoom .totalProgress{position:relative; display:table-cell; width:45%; padding:0 20px; font-size:0; text-align:center; vertical-align:middle; }
#contents .myRoom .totalProgress:after{content:""; display:block; clear:both;}
#contents .myRoom .totalProgress .txtBar{display:inline-block; *display:inline; *zoom:1; margin-right:25px;}
#contents .myRoom .totalProgress .title{margin-bottom:15px; font-size:20px; color:#000; font-weight:300;}
#contents .myRoom .totalProgress .progressBar{position:relative; width:215px; height:13px; background:#e7e7e7;}
#contents .myRoom .totalProgress .progressBar:before{content:""; display:block; position:absolute; top:0; left:0; z-index:20; width:100%; height:100%; background:url("/template/1/type1/images/progressBar.png") 0 0 repeat-x;}
#contents .myRoom .totalProgress .progressBar span.bar{display:block; position:absolute; top:0; left:0; z-index:10; height:100%; }
#contents .myRoom .totalProgress .progressBar span.bar:after{content:""; display:block; position:absolute; top:0; left:0; width:0; height:100%; 
	-webkit-transition: all 2.5s;
	-moz-transition: all 2.5s;
	-ms-transition:all 2.5s;
	-o-transition: all 2.5s;
	transition: all 2.5s;
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #e3052a), color-stop(0.9500000000000001, #774eef));
		background: -moz-linear-gradient(145deg, #e3052a 0%, #774eef 95%);
		background: -webkit-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		background: -o-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		background: -ms-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		background: linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3052a', endColorstr='#774eef', gradientType=1);
}
#contents .myRoom .totalProgress .progressBar.action span.bar:after{width:100%;}
#contents .myRoom .totalProgress .numberA{display:inline-block; *display:inline; *zoom:1; font-size:24px; color:#333; vertical-align:middle; }
#contents .myRoom .totalProgress .numberA span.counter{font-size:52px; font-weight:600; color:#db0b37;}
@media(max-width:1180px){
	#contents .myRoom{padding:0;}
	#contents .myRoom .myStatus ul.lookUp{display:block; width:100%; }
	#contents .myRoom .totalProgress{display:block; width:100%; padding:25px 0; 
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #e3052a), color-stop(0.9500000000000001, #774eef));
		background: -moz-linear-gradient(145deg, #e3052a 0%, #774eef 95%);
		background: -webkit-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		background: -o-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		background: -ms-linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		background: linear-gradient(145deg,  #e3052a 0%, #774eef 95%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3052a', endColorstr='#774eef', gradientType=1);
	}
	#contents .myRoom .totalProgress .title{color:#fff; }
	#contents .myRoom .myRoomMove p.title img{display:inline-block; margin:0 5px 0 0;}
	#contents .myRoom .myRoomMove a:before{top:22px; 
		-ms-transform:rotateY(0) ;
		-webkit-transform:rotateY(0) ;
		transform:rotateY(0) ;
	}
	#contents .myRoom .totalProgress .progressBar{width:220px; height:26px; background:none; border:1px solid #fff; -webkit-border-radius: 13px; -moz-border-radius:13px; border-radius:13px; overflow:hidden; }
	#contents .myRoom .totalProgress .progressBar:before{display:none; }
	#contents .myRoom .totalProgress .progressBar span.bar:after{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dadada), color-stop(0.37, #ffffff), color-stop(1, #dadada));
		background: -moz-linear-gradient(top, #dadada 0%, #ffffff 37%, #dadada 100%);
		background: -webkit-linear-gradient(top,  #dadada 0%, #ffffff 37%, #dadada 100%);
		background: -o-linear-gradient(top,  #dadada 0%, #ffffff 37%, #dadada 100%);
		background: -ms-linear-gradient(top,  #dadada 0%, #ffffff 37%, #dadada 100%);
		background: linear-gradient(top,  #dadada 0%, #ffffff 37%, #dadada 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#dadada', gradientType=0);
	}
	#contents .myRoom .totalProgress .numberA{font-size:20px; color:#fff; vertical-align:top; }
	#contents .myRoom .totalProgress .numberA span.counter{font-size:48px; color:#fff;}
}
@media(max-width:767px){
	#contents .myStatus ul.lookUp{border-top:1px solid #ccc; }
	#contents .myStatus ul.lookUp li{width:calc(100% / 2 - 0.01px); padding:10px 0; border-bottom:1px solid #ccc; }
	#contents .myRoom .totalProgress{padding:15px 0; }
	#contents .myRoom .totalProgress .title{margin-bottom:10px; font-size:16px;}
	#contents .myRoom .totalProgress .txtBar{margin-right:10px; }
	#contents .myRoom .totalProgress .numberA{font-size:14px; vertical-align:bottom;}
	#contents .myRoom .totalProgress .numberA span.counter{font-size:30px; }
	#contents .myRoom .myRoomMove a{padding:10px 0;}
	#contents .myRoom .myRoomMove a:before{top:18px;}
}




/* 나의 수강 현황 */
#contents .captionBox{width:100%; margin-bottom:20px; padding:20px 30px; background:#f8f8f8; border-top:1px solid #ccc; }
#contents .captionBox.pointCaptionBox{background:#edf5fb; border-top:none;}
#contents .captionBox.pointCaptionBox ul li{color:#000;}
#contents .captionBox.borTNo{border-top:none;}
#contents .captionBox ul li{position:relative; display:inline-block; width:100%; margin:5px 0; padding-left:20px; font-size:14px; font-weight:300; color:#3b92ef; }
#contents .captionBox ul li:before{content:""; display:block; position:absolute; top:6px; left:0; width:12px; height:9px; background:url("/template/1/type1/images/check.png") 0 0 no-repeat;}
#contents .captionBox dl{width:100%; margin-bottom:35px;}
#contents .captionBox dl:last-child{margin-bottom:0;}
#contents .captionBox dl dt{padding-bottom:10px; font-size:16px; font-weight:500; }
#contents .captionBox dl dd{font-size:15px; }
#contents .captionBox p{margin-bottom:15px; font-size:16px; font-weight:300; }
#contents .captionBox p:last-child{margin-bottom:0;}
@media(max-width:1180px){
	#contents .captionBox{padding:15px;}
	#contents .captionBox ul li{margin:4px 0; padding-left:14px; }
	#contents .captionBox dl{margin-bottom:25px;}
	#contents .captionBox dl dt{font-size:16px; }
	#contents .captionBox dl dd{font-size:14px; }
	#contents .captionBox p{margin-bottom:10px; font-size:14px;}
}
@media(max-width:767px){
	#contents .captionBox dl dt{font-size:15px; }
	#contents .captionBox dl dd{font-size:13px; }
	#contents .captionBox p{font-size:13px;}
}

#contents .lectureViewProgress{position:relative; display:table; width:100%; margin:0 0 35px 0; padding:26px 60px; background:#f8f8f8; }
#contents .lectureViewProgress > div{display:table-cell; vertical-align:middle; }
#contents .lectureViewProgress .totalProgress{position:relative; width:130px; min-height:100px; }
#contents .lectureViewProgress .totalProgress .zero:after{content:"0%"; position:absolute; top:50%; left:50%; font-size:20px; color:#000; 
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
#contents .lectureViewProgress .inT{padding:0 15px 0 30px;}
#contents .lectureViewProgress .inT .cap{padding:2px 0; font-size:16px; color:#666; }
#contents .lectureViewProgress .btn_link{width:220px; height:50px; }
#contents .lectureViewProgress a.link{display:block; width:100%; font-size:16px; font-weight:500; color:#fff; line-height:50px; text-align:center; background:#db0b37;}
@media(max-width:1180px){
	#contents .lectureViewProgress{margin:0 0 25px 0; padding:15px 30px;}
	#contents .lectureViewProgress .totalProgress{width:100px;}
	#contents .lectureViewProgress .totalProgress .progressbar-text,
	#contents .lectureViewProgress .totalProgress .zero:after{font-size:18px !important; }
	#contents .lectureViewProgress .inT{padding:0 10px 0 30px;}
	#contents .lectureViewProgress .inT .cap{font-size:14px; }
	#contents .lectureViewProgress .btn_link{width:180px; height:40px; }
	#contents .lectureViewProgress a.link{font-size:14px; line-height:40px;}
}
@media(max-width:800px){
	#contents .lectureViewProgress > div{display:inline-block;  }
	#contents .lectureViewProgress .totalProgress{width:80px; min-height:80px;}
	#contents .lectureViewProgress .totalProgress .progressbar-text,
	#contents .lectureViewProgress .totalProgress .zero:after{font-size:16px !important; }
	#contents .lectureViewProgress .inT{width:calc(100% - 84px);}
	#contents .lectureViewProgress .btn_link{display:block; margin-top:15px; margin-left:114px; }
}
@media(max-width:767px){
	#contents .lectureViewProgress{padding:15px;}
	#contents .lectureViewProgress .totalProgress{float:right; }
	#contents .lectureViewProgress .inT{width:calc(100% - 85px); padding:0; }
	#contents .lectureViewProgress .btn_link{width:150px; margin-left:0; }
}


/*200122 나의강의실 상세 수료증버튼추가 By kang*/
#contents .lectureViewProgress a.cert_link{display:inline-block; width:100px; height:24px; font-size:16px; font-weight:500; color:#fff; line-height:24px; text-align:center; background:#3b92ef;}

.captionBox2{width:100%; margin-bottom:20px; padding:25px 30px; background:#edf5fb; }
.captionBox2:after{content:""; display:block; clear:both;}
.captionBox2 > ul{float:left; width:45%;}
.captionBox2 > ul li{position:relative; display:inline-block; width:100%; margin:2px 0; padding-left:20px; font-size:14px; font-weight:300; color:#000; }
.captionBox2 > ul li:before{content:""; display:block; position:absolute; top:6px; left:0; width:12px; height:9px; background:url("/template/1/type1/images/check.png") 0 0 no-repeat;}
.captionBox2 .couponBox{position:relative; float:right; width:50%; padding-right:145px; }
.captionBox2 .couponBox input[type="text"]{height:45px !important; border:none !important;border-radius:8px 0 0 8px;}
.captionBox2 .couponBox .lookUpBtn{width:145px;border-radius:0 8px 8px 0;}
@media(max-width:1180px){
	.captionBox2{margin-bottom:20px; padding:15px 20px;}
	.captionBox2 > ul{float:none; width:100%;}
	.captionBox2 > ul li{padding-left:14px; }
	.captionBox2 .couponBox{float:none; width:100%; padding-right:110px; }
	.captionBox2 .couponBox input[type="text"]{height:45px !important; }
	.captionBox2 .couponBox .lookUpBtn{position:absolute; width:110px; height:45px; font-size:16px; line-height:45px;}
}
@media(max-width:767px){
	.captionBox2{padding:15px;}
	.captionBox2 .couponBox{padding-right:90px; }
	.captionBox2 .couponBox input[type="text"]{height:40px !important; }
	.captionBox2 .couponBox .lookUpBtn{width:90px; height:40px; font-size:16px; line-height:40px;}
}


/* 월별학습현황 */
#contents .shortSearch{width:100%; margin:40px 0 20px; font-size:0; text-align:right; }
#contents .shortSearch > span{display:inline-block; font-size:16px; padding:0 15px 0 8px; line-height:45px; }
/* 결제내역 */
#contents .amountPay{position:relative; width:100%; padding:20px; font-size:16px; background:#f5f5f5; }
#contents .amountPay:after{content:""; display:block; clear:both;}
#contents .amountPay span{font-size:16px;}
#contents .amountPay span.txt{float:left; }
#contents .amountPay span.pay{float:right; }
@media(max-width:1180px){
	/* 결제내역 */
	#contents .amountPay{padding:15px; font-size:16px; }
	#contents .amountPay span{font-size:16px;}
}
@media(max-width:767px){
	/* 결제내역 */
	#contents .amountPay{padding:10px; font-size:14px; }
	#contents .amountPay span{font-size:14px;}
}
/* 전환가능 포인트 */
#contents .totalPoint{width:100%; margin-bottom:35px; padding:20px 0; font-size:18px; text-align:center; background:#f5f5f5;}
.captionBox2 .left{float:left; }
.captionBox2 .left .tit{font-size:24px; font-weight:600; }
.captionBox2 .left p{font-size:16px; font-weight:300; }
.captionBox2 .right{float:right;}
.captionBox2 .right span{display:inline-block; vertical-align:middle; }
.captionBox2 .mileageBox{position:relative; padding-right:380px;}
.captionBox2 .mileageBox .availableP{width:auto; padding:0; font-size:45px; background:none;}
.captionBox2 .mileageBox .lookUpBtn{width:340px;top: 50%;transform: translate(0,-50%);}
.captionBox2 .availableP{padding-right:45px; font-size:35px; font-weight:300; background:url("/template/1/type1/images/arrowBig1.png") 98% center no-repeat;}
.captionBox2 .availableP span{font-weight:600; vertical-align:top;}
.captionBox2 .pointInputBox{position:relative; padding-right:220px; font-size:0; width:490px; background:#fff; }
.captionBox2 .pointInputBox .t{font-size:35px; font-weight:300; }
.captionBox2 .pointInputBox #cyber{width:calc(100% - 24px); height:65px; font-size:35px; color:#3b92ef; text-align:right; border:none;}
.captionBox2 .lookUpBtn{top:0; right:0; width:220px; height:45px; font-size:18px; line-height:45px; background:#3b92ef;}
@media(max-width:1180px){
	#contents .totalPoint{padding:15px 0; font-size:16px;}
	.captionBox2 .left{float:none; width:100%; margin-bottom:15px; }
	.captionBox2 .left .tit{font-size:20px;}
	.captionBox2 .left p{font-size:14px;}
	.captionBox2 .right{float:none; width:100%; }
	.captionBox2 .availableP{width:150px; padding-right:25px; font-size:25px; -webkit-background-size:28px; background-size:28px;}
	.captionBox2 .pointInputBox{width:calc(100% - 155px); padding-right:180px;}
	.captionBox2 .pointInputBox .t{font-size:25px;}
	.captionBox2 .pointInputBox #cyber{height:50px; font-size:25px;}
	.captionBox2 .lookUpBtn{position:absolute; width:180px; height:50px; font-size:18px; line-height:50px; }
	.captionBox2 .mileageBox{padding:0; height:auto;}
	.captionBox2 .mileageBox .availableP{float:left; font-size:35px;}
	.captionBox2 .mileageBox .lookUpBtn{position:relative; float:right; margin:5px 0 0 0; width:190px; transform: translate(0,0);}
}
@media(max-width:767px){
	#contents .totalPoint{padding:10px 0; font-size:14px;}
	.captionBox2 .left .tit{font-size:18px;}
	.captionBox2 .availableP{float:none; width:100%; padding-right:0; padding-bottom:10px; font-size:20px; background: none;}
	.captionBox2 .pointInputBox{width:100%; padding-right:130px; }
	.captionBox2 .pointInputBox .t{font-size:0;}
	.captionBox2 .pointInputBox #cyber{width:100%; height:40px; padding:0 10px; font-size:20px;}
	.captionBox2 .lookUpBtn{width:130px; height:40px; font-size:14px; line-height:40px; }
	.captionBox2 .mileageBox .availableP{font-size:25px;}
	.captionBox2 .mileageBox .lookUpBtn{margin:0; width:140px;}
}


/* 게시판 */
#contents ul.noticeList{width:100%; margin-bottom:45px; }
#contents ul.noticeList:after{content:""; display:block; clear:both;}
#contents ul.noticeList > li{position:relative; float:left; width:32%; margin-left:1%; margin-bottom:12px; padding:25px; border:1px solid #ccc; }
#contents ul.noticeList > li > input[type="checkbox"]{position:absolute; top:30px; right:25px; }
#contents ul.noticeList > li:before{content:""; display:block; position:absolute; top:-1px; left:0; width:100%; height:2px; background:#363636;}
#contents ul.noticeList > li .topCap{position:relative; width:100%; padding-bottom:10px; }
#contents ul.noticeList > li .topCap span{display:inline-block; position:relative; padding:0 14px 0 12px; font-size:16px; color:#666; }
#contents ul.noticeList > li .topCap span:first-child{padding-left:0; }
#contents ul.noticeList > li .topCap span:after{content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:15px; margin-top:-7.5px; background:#ccc;}
#contents ul.noticeList > li .topCap span:last-child:after{display:none; }
#contents ul.noticeList > li .title{height:55px; font-size:18px; font-weight:500; }
#contents ul.noticeList > li .botCap{position:relative; width:100%; padding-bottom:10px; }
#contents ul.noticeList > li .botCap span{display:inline-block; position:relative; padding:0 14px 0 12px; font-size:16px; color:#666; }
#contents ul.noticeList > li .botCap span:first-child{padding-left:0; }
#contents ul.noticeList > li .botCap span:after{content:""; display:block; position:absolute; top:50%; right:0; width:2px; height:2px; margin-top:-1px; background:#ccc;}
#contents ul.noticeList > li .botCap span:last-child:after{display:none; }

/* 반응게시판 */
.notice_list01 { overflow: hidden; display:table; width:100%; margin-bottom:6rem; table-layout:fixed; border-collapse:collapse; border-spacing:0; } 
.notice_list01:has(+ .no_list) {margin-bottom: 0;}
.notice_list01.noMargin { margin:0; } 
.notice_list01 > ul { display:table-row; } 
.notice_list01 > ul > li { display:table-cell; position:relative; padding:15px 0; border-bottom:1px solid #dddddd; font-size:16px; text-align:center; text-align:center; vertical-align:middle; word-wrap: break-word; } 
.notice_list01 ul.thead > li { display:table-cell; padding: 13px 0 14px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-family: "Pretendard"; font-size: 14px; font-weight: 400; letter-spacing:-0.01em; color: rgb(0, 0, 0); } 
.notice_list01 ul.thead > li:last-child:after { display:none; } 
.notice_list01 ul.thead > li input[type="checkbox"] { margin-right:8px; } 
.notice_list01 ul.tbody > li { padding: 11px 0; font-family: "Pretendard"; font-size: 14px; font-weight: 400; letter-spacing:-0.01em; color: rgb(102, 102, 102); } 
.notice_list01 ul.tbody > li input[type="checkbox"]:not(".noA") { position:absolute; top:28px; left:5px; } 
.notice_list01 li.left { padding-left:35px; text-align:left; } 
.notice_list01 li.left.left_center { padding-left:0; text-align:center; } 
.notice_list01 ul.tbody li.m_block { display:none !important; } 
.notice_list01 ul.tbody li.m_block:after { display:none; } 
.notice_list01 ul.tbody > li .update { display: inline-block; padding: 6px 12px; background-color: rgb(58, 144, 235); border-radius: 4px; font-family: "Pretendard"; font-size: 14px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); } 
.notice_list01.type_lecture { display: block; }
.notice_list01.type_lecture ul { display: flex; }
.notice_list01.type_lecture ul > li { display: block; flex-grow: 1; }
.notice_list01.type_lecture ul.thead > li { display: block; }

/* 20200703 mr 추가 */
.notice_list01 ul.mov_category { display:block; width:1000%; } 
.notice_list01 ul.mov_category li { display:inline-block; position:relative; } 
.notice_list01 ul.mov_category li.left { width:100%; padding: 9px 20px 10px; font-family: "Pretendard"; font-size: 14px; font-weight: 400; letter-spacing:-0.01em; color: rgb(0, 0, 0); } 
.notice_list01 ul.mov_category li.left::before { content:''; display: inline-block; width: 9px; height: 9px; margin-right: 12px; background:url('/USER_SKIN/moate24/images/mov_category.png') center center no-repeat; background-size: contain; } 

/* 반응게시판2 */
.notice_list02{display:table; width:100%; table-layout:fixed; margin-bottom:6rem; border-collapse:collapse; border-spacing:0;}
.notice_list02.noMargin{margin:0;}
.notice_list02 > ul{display:table-row; }
.notice_list02 > ul > li{display:table-cell; position:relative; text-align:center; padding:15px 0;  font-size:16px; text-align:center; vertical-align:middle; word-wrap: break-word; border-bottom:1px solid #c4c4c4;}
.notice_list02 ul.thead > li{display:table-cell; font-weight:400; border-top:1px solid #c4c4c4; border-bottom:2px solid #000;}
.notice_list02 ul.thead > li:last-child:after{display:none;}
.notice_list02 ul.thead > li input[type="checkbox"]{margin-right:8px;}
.notice_list02 ul.tbody > li{font-weight:300; }
.notice_list02 ul.tbody > li input[type="checkbox"]:not(".noA"){position:absolute; top:28px; left:5px; }
.notice_list02 li.left{padding-left:35px; text-align:left; }
.notice_list02 li.left.left_center{text-align:center; padding-left:0; }
.notice_list02 ul.tbody li.m_block{display:none !important;}
.notice_list02 ul.tbody li.m_block:after{display:none; }

@media(max-width:1180px){
	.notice_list01 ul.mov_category{background-position:calc(100% - 20px) 20px;}
	.notice_list01 ul.mov_category li{padding-bottom:30px; font-size:18px; }
	.notice_list02 > ul > li {font-size: 14px;padding: 13px 5px;}
	.notice_list02 > ul > li.left {padding-left: 0;text-align: center;}
}
@media(max-width:767px){
    .notice_list01 ul.tbody > li { width: auto !important; }
    .notice_list01 ul.tbody > li .sample_mov img {width: 22px;}
    .notice_list01 ul.tbody > li .update { padding: 5px 10px; font-size: 12px;  } 
	.notice_list01 ul.tbody.mov_category li.left {padding-bottom: 0;}

	.notice_list02 > ul > li {font-size: 12px;padding:10px 2px;}
}
/* .notice_list01 ul.mov_category{}
.notice_list01 ul.mov_category li{position:relative; padding-bottom:40px; font-size:20px; font-weight:500; font-style:italic; color:#006290 !important; }
.notice_list01 ul.mov_category li:last-child{background-image: url("/template/resp/image/board_icon_arr.png"); background-position:center 24px; background-repeat: no-repeat;}
.notice_list01 ul.mov_category li.left{padding-left:10px; }
.notice_list01 ul.mov_category li:before{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:20px; background-color: #f6f6f6;}
@media(max-width:1180px){
	.notice_list01 ul.mov_category{background-position:calc(100% - 55px) 20px;}
	.notice_list01 ul.mov_category li{padding-bottom:30px; font-size:18px; }
}
@media(max-width:767px){
	.notice_list01 ul.mov_category{position:relative; background-image: url("/template/resp/image/board_icon_arr.png"); background-position:calc(100% - 20px) 12px; background-repeat: no-repeat; }
	.notice_list01 ul.mov_category li:last-child{background: none;}
	.notice_list01 ul.mov_category:after{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:12px; background-color: #f6f6f6;}
	.notice_list01 ul.mov_category li{display:inline-block !important; }
	.notice_list01 ul.mov_category li:before,
	.notice_list01 ul.mov_category li:after{display:none !important; }
} */


.notice_list01.freepass_target{display:block; }
.notice_list01.freepass_target .packageProg{margin:0; padding:0; background-color: #f8f8f8;}
.notice_list01.freepass_target .packageProg li{padding:15px; }
.notice_list01.freepass_target .packageProg li a{color:#666; }
.notice_list01.freepass_target > ul.thead,
.notice_list01.freepass_target > ul.tbody{display:table; width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
.notice_list01.freepass_target > ul.thead li,
.notice_list01.freepass_target > ul.tbody li{display:table-cell; }
.notice_list01.freepass_target .col_01{}
.notice_list01.freepass_target .col_02{width:230px;}
.notice_list01.freepass_target .col_03{width:60px;}
.notice_list01.freepass_target span.progressN{top:50%; width:8%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.notice_list01.freepass_target ul.tbody.active img.arrow_active{-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.paymentArea .notice_list01 ul.tbody > li.left{padding-left:5px;}
table .top{vertical-align:top;}
.notice_list01 .left.chk{padding-left:50px;}
.notice_list01 .left a{display:inline-block; width:auto; max-width:90%; margin-left:8px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.notice_list01 .packageP{width:100%; position:relative; }
.notice_list01 .packageP a{max-width:80%;}
.notice_list01 span.progressN{display:block; position:absolute; top:0; right:0; width:14%; text-align:center; }
.notice_list01 .left a.noH{text-overflow:inherit; white-space:inherit; overflow:inherit;}
.notice_list01 .left a:hover{text-decoration:underline;}
.notice_list01 .imgT{display:inline-block; position:relative; width:145px; max-width:100%; height:110px; vertical-align:middle; }
.notice_list01 .imgT img{display:block;position:absolute; top:0; right:0; bottom:0; left:0; width:auto; max-width:100%; height:100%; object-fit:cover; }
.notice_list01 .imgT .img_tit {overflow: hidden;max-height: 56px;position: absolute;font-family: 'Gmarket Sans';top:50%;left: 50%;width: 100%;padding: 0 5%;text-align: center;word-break: keep-all;transform: translate(-50%,-50%); font-size: 17px;line-height: 1.1;font-weight: 700;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
.notice_list01 .tit{display:inline-block; width:calc(100% - 168px);}
.notice_list01 .pay_way{display:block; }
.no_list{width:100%; /*margin-top:-6rem;*/  margin-bottom:6rem; padding:20px 0; font-size:14px; text-align:center; border-bottom:1px solid #c4c4c4; }

@media(max-width:1180px){
	.notice_list01{margin-bottom:25px;}
	.notice_list01 ul > li{padding:12px 5px;  font-size:14px;}
	.notice_list01 ul.packageProg > li{padding:0 5px; }
	.notice_list01 ul.thead > li:after{height:16px; margin-top:-8px;}
	.notice_list01 ul.thead > li input[type="checkbox"]{margin-right:6px;}
	/* .notice_list01 ul.tbody > li input[type="checkbox"]:not(".noA"){top:28px; left:5px; } 위치파악후 수정 */
	.notice_list01 ul.tbody > li.left{padding-left:15px;}
	.paymentArea .notice_list01 ul.tbody > li.left{padding-left:5px;}
	.notice_list01 .left.chk{padding-left:35px;}
	.no_list{margin-top:-25px; margin-bottom:25px;  padding:15px 0; font-size:14px;}
	.notice_list01 .imgT{width:125px;  }
	.notice_list01 .tit{width:calc(100% - 146px);}
}
@media(max-width:767px){
	.m_hide{display:none !important; }
	.notice_list01{border-top: 2px solid #000;}
	.notice_list01 ul.thead{display:none; }
	.notice_list01 ul.tbody{display:block; padding:12px 0; border-bottom:1px solid #c4c4c4; }
	.notice_list01 ul.tbody > li{display:inline-block; *display:inline; *zoom:1; padding:0 12px 2px 0; font-size:12px; color:#666; border-bottom:none; }
	.notice_list01 ul.tbody > li:after{content:""; display:block; position:absolute; top:50%; right:3px; width:1px; height:12px; margin-top:-6px; background-color: #b9b9b9; }
	.notice_list01 ul.tbody > li:last-child:after{display:none; }
	.notice_list01 ul.tbody li.m_no_bullet:after{display:none;}
	.notice_list01 ul.tbody li.left{display:block; padding:0 0 8px 0; font-size:14px; font-weight:500; color:#000;}
	.notice_list01 li.left.left_center{text-align:left; }
	.notice_list01 ul.tbody li.left:after{display:none; }
	.notice_list01 ul.tbody li.left a{margin-left:0; font-size:16px; font-weight:500; color:#000; }
	.notice_list01 ul.tbody li.bold_tit{font-weight:600; }
	.notice_list01 ul.tbody li.bold_tit:after{display:none; }
	.notice_list01 ul.tbody li.m_block{display:block !important;}
	.notice_list01 ul.tbody li.progress{display:none; }
	.notice_list01 ul.tbody li.txt_btn{display:block !important; padding:0; text-align:left; }
	.notice_list01 ul.tbody li.txt_btn a{width:auto; min-width:inherit}
	.notice_list01 .left.chk input[type="checkbox"]{position:absolute; top:-5px; left:-5px; z-index:100; }
	.notice_list01.wish_notice_list{border-top:none; font-size:0; }
	.notice_list01.wish_notice_list ul.tbody{display:inline-block; *display:inline; *zoom:1; width:calc(100% / 2 - 10.01px); margin:0 5px 15px; padding:10px; vertical-align:top; border:1px solid #c4c4c4; }
	.notice_list01.wish_notice_list ul.tbody li{display:block; padding:0; }
	.notice_list01.wish_notice_list ul.tbody li.price{padding:20px 0 5px; font-size:18px; color:#d70000; font-weight:500; text-align:right; }
	.notice_list01.wish_notice_list ul.tbody li:after{display:none; }
	.notice_list01.wish_notice_list .quantity_change{width:100%; margin-top:5px;}
	.notice_list01.order_notice_list ul.tbody li.price{padding-top:4px; }
	.notice_list01.order_notice_list ul.tbody li.num{position:relative; margin:10px 0 0 0; padding:0 0 0 30px; font-size:14px; color:#333; text-align:left; }
	.notice_list01.order_notice_list ul.tbody li.num:before{content:"수량"; display:block; position:absolute; top:0; left:0; font-size:14px; font-weight:500; color:#333; }
	.notice_list01 .imgT{width:100%; height:auto; margin-bottom:10px;  padding-top:75%; }
    .notice_list01 .imgT .img_tit {max-height: 16vw;font-size: 4.95vw;}
	.notice_list01 .tit{width:100%;}
	.notice_list01 .pay_way{display:inline-block; margin-left:8px;  }
	.no_list{/* border-top: 2px solid #000;  */padding:15px 0; font-size:14px;}
	.m_inline{display:inline-block; *display:inline; *zoom:1; margin-left:5px; }
	.block_ele{display:block !important; }
	.block_ele.btn_box{display:block !important; padding:5px 0 0 0 !important; font-size:0 !important; }
	.block_ele.btn_box a{display:inline-block; *display:inline; *zoom:1; width:calc(100% / 2 - 5.01px); margin:0 2.5px; }
	.division_type{width:76px; padding:2px 10px; font-size:14px;}
	.notice_list01.notice_list02 ul.tbody li:after{display:none;}
	.notice_list01.notice_list02 ul.tbody li.left{font-weight:400; color:#444;}
	.notice_list01.notice_list02 ul.tbody li.m_right{float:right;}
	.notice_list01.freepass_target ul.thead{display:none; }
	.notice_list01.freepass_target ul.tbody{display:block; padding:12px 0; border-bottom:1px solid #c4c4c4; }
	.notice_list01.freepass_target ul.tbody li{display:inline-block; *display:inline; *zoom:1; padding:0 12px 2px 0; font-size:14px; color:#666; border-bottom:none; }
	.notice_list01.freepass_target ul.tbody li.left{display:block; padding:0 0 8px 0; font-size:16px; font-weight:500; color:#000;}
	.notice_list01.freepass_target .col_01{}
	.notice_list01.freepass_target .col_02{width:auto;}
	.notice_list01.freepass_target .col_03{width:auto;}
}
@media(max-width:375px){
	.notice_list01.wish_notice_list ul.tbody{width:100%; margin:0 0 15px;}
    .notice_list01 .imgT .img_tit {max-height:31vw;font-size: 9.6vw;}
}


/* 게시판 리스트 댓글 표시 */
.comment_cntA{color:rgb(231, 76, 60); margin-left:2px;}
/* 게시판 상세 */
#contents .starScore{padding:3px 0 0 0; font-size:11px; color:#d70b0b; }
#contents .starScore .scoreBg{display:inline-block; position:relative; top:2px; width:84px; height:15px; margin-right:5px; background:url("/template/1/type1/images/starScore_off.gif") 0 0 no-repeat; }
#contents .starScore .scoreOn{display:block; position:absolute; top:0; left:0; width:84px; height:15px; background:url("/template/1/type1/images/starScore_on.gif") 0 0 no-repeat;}
#contents .tableview{width:100%;}
#contents .tableview .top{position:relative; padding:20px 0; font-size:18px; border-top:1px solid #c4c4c4; border-bottom:2px solid #000; }
#contents .tableview .top .title{width:100%; padding-left:30px; }
#contents .tableview .top .info{width:100%; text-align:right; padding-left: 15px; }
#contents .tableview .top .info:after{content:""; display:block; clear:both;}
#contents .tableview .top .info > span{display:inline-block; }/*float:left; */
#contents .tableview .top .info > div{position:relative; display:inline-block; *display:inline; *zoom:1; padding:0 15px; font-size:16px; font-weight:300; }/*float:left; */
#contents .tableview .top .info > div:after{content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background:#ccc;;}
#contents .tableview .top .info > div:last-child{padding-right:0;}
#contents .tableview .top .info > div:last-child:after{display:none; }
#contents .tableview .top .info > div span.tit{margin-right:8px; }
#contents .tableview .viewArea{padding:30px; font-size:16px; font-weight:300; line-height:24px; background:#fafafa; border-bottom:1px solid #c4c4c4; }
#contents .tableview .viewArea  img{display:inline-block; width:auto; max-width:100%; }
#contents .tableview .viewArea .cont{/* min-height:500px; */}
#contents .tableview .viewArea .cont img{width: 100%; max-width: fit-content;} /* 24.09 게시판 내 이미지 모바일 뷰에서 잘리지 않게 처리 by JH.Choi */
#contents .tableview .viewArea .files_div .files{margin-top:0px;}
/*[추가] 24.09 첨부파일 컬러 변경 by JH.Choi .start*/
#contents .tableview .viewArea .files_div .files a{color:var(--color-primary-main);}
#contents .tableview .viewArea .files_div .files a:hover{color:var(--color-primary-dark);}
/*[추가] 24.09 첨부파일 컬러 변경 by JH.Choi .end*/
#contents .noticeBtnArea{width:100%; margin-top:25px; margin-bottom:100px; }
#contents .noticeBtnArea:after{content:""; display:block; clear:both;}
#contents .noticeBtnArea > span{display:block; font-size:0; }
#contents .noticeBtnArea .left{float:left; }
#contents .noticeBtnArea .right{float:right; }
#contents .posList{width:100%; margin-bottom:20px; border-top:1px solid #000; }
#contents .posList > div{width:100%; padding:20px 0; border-bottom:1px solid #c4c4c4; }
#contents .posList > div:after{content:""; display:block; clear:both;}
#contents .posList p{float:left; font-size:16px; }
#contents .posList p.tit{position:relative; width:118px; padding:0 40px 0 24px; font-weight:400; }
#contents .posList p.tit:after{content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:22px; margin-top:-11px; background:#ccc;}
#contents .posList p.txt{width:calc( 100% - 118px ); padding:0 12px; font-weight:300; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
@media(max-width:1180px){
	/* 게시판 상세 */
	/* #contents .starScore .scoreBg{display:inline-block; position:relative; top:2px; width:84px; height:15px; margin-right:5px; background:url("/template/1/type1/images/starScore_off.gif") 0 0 no-repeat; }
	#contents .starScore .scoreOn{display:block; position:absolute; top:0; left:0; width:84px; height:15px; background:url("/template/1/type1/images/starScore_on.gif") 0 0 no-repeat;} 위치 확인후 작업 */
	#contents .tableview .top{min-height:inherit; padding:15px; font-size:16px; font-weight:500; color:#000;}
	#contents .tableview .top .title{padding-left:0; }
	#contents .tableview .top .info{position:relative; top:0; right:0; max-width:inherit; text-align:left; padding-left: 0; }
	#contents .tableview .top .info > div{padding:0 15px 0 0; font-size:14px; }
	#contents .tableview .top .info > div:after{right:8px;}
	#contents .tableview .viewArea{padding:15px; font-size:14px;}
	#contents .tableview .viewArea .iframe_view{position:relative; width:70%; padding-top:38%; }
	#contents .tableview .viewArea .iframe_view iframe{position:absolute; top:0; left:0; width:100%; height:100%; object-fir:cover;}
	#contents .noticeBtnArea{margin-top:15px; margin-bottom:50px; }
	#contents .noticeBtnArea:after{content:""; display:block; clear:both;}
	#contents .noticeBtnArea > span{display:block; font-size:0; }
	#contents .posList > div{padding:15px 0;}
	#contents .posList p{font-size:16px; }
	#contents .posList p.tit{width:80px; padding:0 20px 0 14px;}
	#contents .posList p.tit:after{height:14px; margin-top:-7px;}
	#contents .posList p.txt{width:calc( 100% - 80px ); }
}
@media(max-width:767px){
	#contents .tableview .viewArea .iframe_view{width:100%; padding-top:56%; }
	/*#contents .noticeBtnArea .left{display:none;}*/
	#contents .noticeBtnArea .left{margin-bottom: 16px;} /* 24.09 모바일뷰 게시판 수정 및 삭제 버튼 노출 요청 처리 by JH.Choi */
	#contents .noticeBtnArea .right{ width:100%; }
	#contents .noticeBtnArea .right .sBtn{width:100%}
	#contents .posList > div{padding:10px 0;}
	#contents .posList p{font-size:14px; }
}
/* 댓글달기 */
.commentIn { overflow: hidden; padding: 28px 40px; margin: 0 auto 25px; border: 1px solid rgb(238, 238, 238); background: #fff; border-radius: 14px; font-size: 0; } 
.commentIn .comment_tit { display: block; font-family: "Pretendard"; font-size: 20px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.commentIn .btn_comment_wrap { text-align: right; margin-top: -22px; } 
.commentIn .btn_comment_wrap .btn_comment { gap:5px;margin-left: 5px; display: inline-flex; justify-content: center; align-items: center; height: 32px; min-width: 93px; background: #fff; border: 1px solid rgb(58, 144, 235); border-radius: 5px; font-family: "Pretendard"; font-size: 14px; font-weight: 500; line-height: 1; color: #3a90eb; } 
.commentIn textarea { margin-top: 10px; height: 74px; min-height: 74px; padding: 15px; background-color: rgb(247, 247, 247); border: none; border-radius: 5px; font-family: "Pretendard"; font-size: 14px; font-weight: 300; color: rgb(102, 102, 102); /*resize:none;*/ } 
.commentIn .commentB { margin-top: 10px; float: right; display: inline-flex; justify-content: center; align-items: center; height: 44px; min-width: 150px; background-color: rgb(58, 144, 235) !important; border-radius: 8px; font-family: "Pretendard"; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255) !important; border: none; } 


@media(max-width:1180px){
    .commentIn { margin-bottom: 20px; padding: 32px 32px; border-radius: 11px; } 
    .commentIn .comment_tit { font-size: 16px; } 
    .commentIn .btn_comment_wrap { margin-top: -18px; } 
    .commentIn .btn_comment_wrap .btn_comment { gap: 4px; height: 26px; min-width: 74px; margin-left: 4px; border-radius: 4px; font-size: 12px; } 
    .commentIn .btn_comment_wrap img { height: 16px; }
    .commentIn textarea { height: 59px; min-height: 59px; margin-top: 8px; padding: 12px; border-radius: 4px; font-size: 12px; } 
    .commentIn .commentB { height: 35px; min-width: 120px; margin-top: 8px; border-radius: 7px; font-size: 16px; }
}
@media(max-width:767px){
    .commentIn { margin-bottom: 15px; padding: 15px; border-radius: 7px; }
}


/* 댓글리스트 */
#contents .commentListBox{width:100%; background:#fafafa; overflow: hidden;}
#contents .commentList{width:100%; }
#contents .commentList.depth_0{border-top:1px solid #000; }
#contents .commentList.depth_0 .commentIn{width:95%; }
#contents .commentList.depth_0 .commentIn .commentB{height:calc(100% - 25px); }
#contents .commentList.depth_0 > dd{padding-top:25px;}
#contents .commentList.depth_0 > dd:after,
#contents .commentList.depth_0 > dd:before{display:none; }
#contents .commentList.depth_1 > dd{padding-left:30px;}
#contents .commentList.depth_2 > dd{padding-left:60px;}
#contents .commentList.depth_3 > dd{padding-left:90px;}
#contents .commentList.depth_4 > dd{padding-left:120px;}
#contents .commentList.depth_5 > dd{padding-left:150px;}
#contents .commentList > dd{position:relative; }
#contents .commentList > dd:after{content:""; display:block; position:absolute; top:0; left:25px; width:calc(100% - 50px); height:1px; background-color: #ccc;}
#contents .commentList > dd:before{content:""; display:block; position:absolute; top:50px; left:25px; width:calc(100% - 50px); height:1px; border-bottom:1px dotted #cecece;}
#contents .commentList > dt{width:100%; background:#fff; border-bottom:1px solid #c4c4c4; }
#contents .commentList dt{position:relative; padding:14px 220px 14px 30px; }
#contents .commentList dt > span{display:block; }
#contents .commentList dt span.writer{width:100%; font-size:16px; }
#contents .commentList dt span.writerBtn{position:absolute; top:14px; right:0; font-size:0; }
#contents .commentList > dt span.writerBtn{right:30px;}
#contents .commentList dt span.writerBtn a{display:inline-block; position:relative; padding:0 18px; font-size:14px; font-weight:100; }
#contents .commentList dt span.writerBtn a:after{content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-6px; background:#d3d3d3;}
#contents .commentList dt span.writerBtn a:last-child{padding-right:0;}
#contents .commentList dt span.writerBtn a:last-child:after{display:none; }
#contents .commentList dd{padding:0 25px 20px; font-size:16px; font-weight:300; line-height:20px; }
#contents .commentList dd p.incomm{font-size:16px; font-weight:300; line-height:20px;}
#contents .commentList dd dl{padding-top:25px;}
#contents .commentList dd dl dt{background-image:url("/template/1/type1/images/answer.png"); background-position: left 18px; background-repeat: no-repeat; }
#contents .commentList dd dl dd{padding:20px 15px;}
@media(max-width:1180px){
	/* 댓글리스트 */
	#contents .commentList.depth_0 > dd{padding-top:15px;}
	#contents .commentList.depth_1 > dd{padding-left:20px;}
	#contents .commentList.depth_2 > dd{padding-left:24px;}
	#contents .commentList.depth_3 > dd{padding-left:28px;}
	#contents .commentList.depth_4 > dd{padding-left:32px;}
	#contents .commentList.depth_5 > dd{padding-left:34px;}
	#contents .commentList > dd:after{left:15px; width:calc(100% - 30px);}
	#contents .commentList > dd:before{top:56px; left:15px; width:calc(100% - 30px);}
	#contents .commentList dt{padding:8px 13px;}
	#contents .commentList dt span.writer{font-size:14px; }
	#contents .commentList dt span.writerBtn{position:relative; top:0; text-align:right; }
	#contents .commentList > dt span.writerBtn{right:0;}
	#contents .commentList dt span.writerBtn a{padding:0 12px; font-size:13px;}
	#contents .commentList dt span.writerBtn a:after{height:12px; margin-top:-6px;}
	#contents .commentList dd{padding:0 15px 10px; font-size:14px;}
	#contents .commentList dd p.incomm{font-size:14px;}
	#contents .commentList dd dl{padding-top:0;}
	#contents .commentList dd dl dt{background-position: left 12px; -webkit-background-size:10px; background-size:10px; }
	#contents .commentList dd dl dd{padding:10px;}
}



/* FAQ */
#contents dl.questionsList{width:100%; border-top:1px solid #ccc; }
#contents dl.questionsList dt{position:relative; width:100%; padding:18px 70px; font-size:18px; color:#000; cursor: pointer ;border-bottom:1px solid #ccc; font-weight:300; }
#contents dl.questionsList dt:before{content:"Q"; display:block; position:absolute; top:18px; left:40px; font-size:18px; font-weight:600; color:#db0b37}
#contents dl.questionsList dt:after{content:""; display:block; position:absolute; top:50%; right:40px; width:12px; height:12px; margin-top:-6px; background-image: url("/template/1/type1/images/on01.png"); background-position: center center; background-repeat: no-repeat; -webkit-background-size: 100%; background-size:100%;}
#contents dl.questionsList dt.active:after{background-image:url("/template/1/type1/images/off01.png");}
#contents dl.questionsList dt span.num{display:inline-block; width:36px; margin-right:5px; text-align:right; }
#contents dl.questionsList dd{display:none; padding:20px 70px; font-size:16px; font-weight:300; line-height:24px; color:#555; background:#f8f8f8; border-bottom:1px solid #ccc; }
#contents dl.questionsList .noticeBtnArea{margin-bottom:15px;}
#contents dl.questionsList div.item{position:relative;}
#contents dl.questionsList .payRadio{position:absolute;top:20px;left:0px;z-index:100; }
@media(max-width:1180px){
	/* FAQ */
	#contents dl.questionsList dt{padding:18px 40px; font-size:16px; }
	#contents dl.questionsList dt:before{left:20px; font-size:16px; }
	#contents dl.questionsList dt:after{right:15px;}
	#contents dl.questionsList dt span.num{ width:20px;}
	#contents dl.questionsList dd{padding:15px 30px; font-size:14px;}
	#contents dl.questionsList .noticeBtnArea{margin-bottom:0;}
	/* #contents dl.questionsList .payRadio{top:20px;} 확인후 작업 */
}
@media(max-width:767px){
	/* FAQ */
	#contents dl.questionsList dt{padding:14px 30px; font-size:15px; }
	#contents dl.questionsList dt:before{top:14px; left:10px; font-size:15px; }
	#contents dl.questionsList dt:after{right:10px;}
}

/* 강의상세내용 */
#contents .viewIn{width:100%;padding-top:20px;}
#contents .viewIn > img{display:inline-block; width:auto; max-width:100%; }
#contents .Introduce{width:calc(100% + 10px); margin-left:-10px; font-size:0; display:flex; flex-wrap:wrap;}
#contents .Introduce > li{display:inline-block; *display:inline; *zoom:1; width:calc(100% / 4 - 10.01px); margin:0 0 20px 10px; border:1px solid #ccc; vertical-align:top; }
#contents .Introduce > li:after{content:""; display:block; clear:both;}
#contents .Introduce > li .imgD{width:100%; padding:12px; }
#contents .Introduce > li .imgD a,
#contents .Introduce > li .imgD img{display:block; width:100%; height:auto; }
/*#contents .Introduce > li .imgD img{aspect-ratio:201/164; object-fit:cover;}*/
#contents .Introduce > li .imgD img{aspect-ratio:4/3; object-fit:cover;} /* 24.09 썸네일 화면비 조정 by JH.Choi */
#contents .Introduce > li .infoD{width:100%; padding:12px; }
/*#contents .Introduce > li .infoD strong{display:block; padding-bottom:10px; font-size:22px; font-weight:500; color:#ff0082; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; }*/
#contents .Introduce > li .infoD strong{display:block; padding-bottom:10px; font-size:18px; font-weight:500; color:var(--color-primary-main); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; } /* 24.09 교수이름 컬러 변경 by JH.Choi */
#contents .Introduce > li .infoD a{display:block; padding-bottom:10px; font-size:22px; font-weight:500; color:#ff0082;}
#contents .Introduce > li .infoD p.titCap{font-size:16px; font-weight:300; color:#666;}
#contents .Introduce > li .infoD ul.book{position:relative; z-index:10; height:170px; margin:15px 0 0 0; overflow-y:auto;}
#contents .Introduce > li .infoD ul.book li{position:relative; width:100%; font-size:16px; min-height:24px; margin-bottom:5px; padding-left:82px; }
#contents .Introduce > li .infoD ul.book li span{display:block; position:absolute; top:0; left:0; width:68px; font-size:16px; font-weight:500; color:#ff0082; }
#contents .Introduce > li .infoD ul.book li span:after{content:":"; display:block; position:absolute; top:0; right:-5px; font-size:16px; font-weight:500; color:#666;}
#contents .Introduce > li .infoD .career{width:100%; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; }
#contents .Introduce > li .infoD .career {height: 48px;padding-bottom: 0;overflow: hidden;font-size:16px; color:#666;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; }
#contents .Introduce > li .infoD .career img {max-width:100%;}

@media(max-width:1180px) {
	#contents .Introduce > li{width:calc(100% / 3 - 10.01px); }
	#contents .Introduce > li .infoD{padding:0 15px 15px ;}
	#contents .Introduce > li .infoD strong{font-size:18px;}
	#contents .Introduce > li .infoD a{font-size:18px;}
	#contents .Introduce > li .infoD .career{}
	#contents .Introduce > li .infoD .career {height: 40px;font-size:14px; }
}
@media(max-width:767px){
	#contents .Introduce > li{width:calc(100% / 2 - 10.01px); }
	#contents .Introduce > li .infoD strong{font-size:16px;}
	#contents .Introduce > li .infoD a{font-size:16px;}
	#contents .Introduce > li .infoD p.titCap{font-size:14px;}
}
@media(max-width:375px){
	#contents .Introduce{width:100%; margin-left:0;}
	#contents .Introduce > li{width:100%; margin:0 0 10px 0; }
}

/* 영상후기 / 무료강의 */
#contents .videoTop{width:100%; margin-bottom:52px; padding:52px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#contents .bigVideo{position:relative; width:90%; margin:0 auto; padding-top:55%; border:1px solid #ccc; }
#contents .bigVideo iframe{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fir:cover;}
#contents .bigVideo a{display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fir:cover;}
#contents .bigVideo a > img{display:block; width:100%; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fir:cover;}
#contents ul.videoThum{width:calc(100% + 16px); margin-left:-16px;}
#contents ul.videoThum:after{content:""; display:block; clear:both;}
#contents ul.videoThum li{float:left; width:calc(100% / 4 - 16.01px); margin:0 0 25px 16px;}
#contents ul.videoThum li > div > a,
#contents ul.videoThum li > div > a > img{/*display:block; width:100%;*/}
/*#contents ul.videoThum li > div > a > img{display:block; width:100%;}*/
#contents ul.videoThum li .videoMove{width:100%; margin-bottom:10px; border:1px solid #ccc;}
#contents ul.videoThum li .videoMove a{display:block; position:relative; padding-top:60%; }
#contents ul.videoThum li .videoMove a img{display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover;}
#contents ul.videoThum li .viewMove{position:relative;}
#contents ul.videoThum li .viewMove span.payRadio{position:absolute;top:-40px;left:3px;}
#contents ul.videoThum li .viewMove a{display:block; width:auto; max-width:95%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#contents ul.videoThum li .viewMove input[type="checkbox"]{margin-right:5px; }
@media(max-width:1180px){
	/* 영상후기 / 무료강의 */
	#contents .videoTop{margin-bottom:30px; padding:25px 0;}
	#contents .bigVideo{width:60%; padding-top:40%}
}
@media(max-width:767px){
	/* 영상후기 / 무료강의 */
	#contents .videoTop{margin-bottom:20px; padding:15px 0;}
	#contents .bigVideo{width:68%; padding-top:40%}
	#contents ul.videoThum li{width:calc(100% / 2 - 16.01px);}
	#contents ul.videoThum li .viewMove a{font-size:14px;}
}


/* 교재리스트 */
#contents .bookList{display: flex;flex-wrap:wrap;width:calc(100% + 10px); margin-left:-10px; margin-bottom:30px; font-size:0; }
#contents .bookList > li{ width:calc(100% / 4 - 10.01px); margin:0 0 15px 10px; vertical-align:top; border:1px solid #ccc; }
#contents .bookList > li .imgD{width:100%; padding:10px; text-align:center; border-bottom:1px solid #ccc; }
#contents .bookList > li .imgD a{position:relative; display: block; vertical-align:middle; width:95%;padding-top:80%;margin: 0 auto;}
#contents .bookList > li .imgD a .img_tit {overflow: hidden;max-height: 96px;position: absolute;font-family: 'Gmarket Sans';top:50%;left: 50%;width: 100%;padding: 0 10px;text-align: center;word-break: keep-all;transform: translate(-50%,-50%); font-size: 22px;line-height: 1.1;font-weight: 700;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
#contents .bookList > li .imgD img{display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:auto; max-width:100%; height:auto; max-height:100%; margin:auto; object-fit:cover;}
#contents .bookList > li .infoD{width:100%; padding:15px; }
#contents .bookList > li .infoD strong{display:block; width:98%; padding-bottom:10px; font-size:22px; font-weight:500; color:#3b92ef; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#contents .bookList > li .infoD p.titCap{width:98%; font-size:16px; font-weight:300; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#contents .bookList > li .infoD ul.book{position:relative; z-index:10; margin:15px 0 0 0; }
#contents .bookList > li .infoD ul.book li{position:relative; width:100%; min-height:20px; margin-bottom:5px; padding-left:70px; font-size:14px; color:#666; }
#contents .bookList > li .infoD ul.book li span{display:block; position:absolute; top:0; left:0; width:56px; font-size:14px; font-weight:500; }
#contents .bookList > li .infoD ul.book li span:after{content:":"; display:block; position:absolute; top:0; right:-5px; font-size:14px; font-weight:500; color:#666;}
#contents .bookList > li .priceD{width:100%; padding:0 15px 15px 15px; }
#contents .bookList > li .priceD .price{width:100%; text-align:right;  }
#contents .bookList > li .priceD .price del{display:block; font-size:16px; font-weight:300; color:#666;}
#contents .bookList > li .priceD .price ins{display:block; font-size:25px; font-weight:500; line-height:42px; background:none;}
#contents .bookList > li .priceD .price ins > span{font-size:35px; }
@media(max-width:1180px){
	#contents .bookList > li{width:calc(100% / 3 - 10.01px);}
	#contents .bookList > li .infoD strong{font-size:18px;}
	#contents .bookList > li .infoD p.titCap{font-size:14px;}
	#contents .bookList > li .priceD .price del{font-size:14px;}
	#contents .bookList > li .priceD .price ins{font-size:20px; line-height:32px; }
	#contents .bookList > li .priceD .price ins > span{font-size:28px; }
    #contents .bookList > li .imgD a .img_tit {max-height: 12.5vw;font-size: 2.89vw;padding: 0 1.33vw;}
}
@media(max-width:767px){
	#contents .bookList > li{width:calc(100% / 2 - 10.01px);}
	#contents .bookList > li .infoD{padding:10px; }
	#contents .bookList > li .priceD{padding:0 10px 10px 10px; }
	#contents .bookList > li .priceD .price del{font-size:13px;}
	#contents .bookList > li .priceD .price ins{font-size:18px;}
	#contents .bookList > li .priceD .price ins > span{font-size:24px; }
    #contents .bookList > li .imgD a .img_tit {max-height: 20.4vw;font-size:  4.71vw;padding: 0 2.15vw;}
}
@media(max-width:375px){
	#contents .bookList{width:100%; margin-left:0; }
	#contents .bookList > li{width:100%; margin-left:0;}
	#contents .bookList > li .imgD a{padding-top:65%;}
    #contents .bookList > li .imgD a .img_tit {max-height: 44.4vw;font-size:10.28vw;padding:0 4.14vw;}
}

/* 선생님소개 */
#contents .teacherinfoBox{position:relative; width:100%; padding:85px 0 0 0; }
#contents .teacherinfoBox .infoBox{width:100%; padding:30px 250px 0 70px; background:url("/template/1/type1/images/teacdot.gif") 0 0 repeat; }
#contents .teacherinfoBox .word{font-size:35px; }
#contents .teacherinfoBox dl.teachCareer{padding:40px 0 0 0;}
#contents .teacherinfoBox dl.teachCareer dt{padding-bottom:32px; font-size:26px; font-weight:600; }
#contents .teacherinfoBox dl.teachCareer dd{padding-bottom:70px; font-size:18px; line-height:28px; color:#666; }
#contents .teacherinfoBox .imgBox{position:absolute; top:0; right:-100px; }
#contents .teacherinfoBox .imgBox img{display:block; width:100%; }
#contents .teacherinfoBox .imgBox:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); opacity:1;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}
#contents .teacherinfoBox:hover .imgBox:before{height:0; opacity:0;}
#contents .teacherinfoBox.right{padding-left:275px;}
#contents .teacherinfoBox.right .infoBox{padding:30px 0 0 250px; }
#contents .teacherinfoBox.right .imgBox{right:auto; left:-100px;}
@media(max-width:1180px){
	#contents .teacherinfoBox{padding:85px 15px 0 0; }
	#contents .teacherinfoBox .infoBox{padding:35px 350px 35px 35px; }
	#contents .teacherinfoBox .word{font-size:20px; }
	#contents .teacherinfoBox dl.teachCareer{padding:20px 0 0 0;}
	#contents .teacherinfoBox dl.teachCareer dt{padding-bottom:15px; font-size:20px;  }
	#contents .teacherinfoBox dl.teachCareer dd{padding-bottom:40px; font-size:16px; }
	#contents .teacherinfoBox .imgBox{right:0; width:350px;}
	#contents .teacherinfoBox.right{padding-left:0;}
	#contents .teacherinfoBox.right .infoBox{padding:35px 350px 35px 35px; }
	#contents .teacherinfoBox.right .imgBox{left:auto; right:0; }
}
@media(max-width:800px){
	#contents .teacherinfoBox{padding:420px 0 0 0;}
	#contents .teacherinfoBox .infoBox{padding:25px 0; background: none;}
	#contents .teacherinfoBox.right .infoBox{padding:25px 0; }
	#contents .teacherinfoBox .word{font-size:18px; }
	#contents .teacherinfoBox dl.teachCareer{padding:15px 0 0 0;}
	#contents .teacherinfoBox dl.teachCareer dt{padding-bottom:10px; font-size:18px;  }
	#contents .teacherinfoBox dl.teachCareer dd{padding-bottom:15px; font-size:14px; line-height:24px;}
	#contents .teacherinfoBox .imgBox{top:-10px; left:50%; right:auto; width:300px; max-width:100%; 
		-webkit-transform: translate3d(-50%, 0, 0);
		-moz-transform: translate3d(-50%, 0, 0);
		-ms-transform: translate3d(-50%, 0, 0);
		-o-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
	#contents .teacherinfoBox.right .imgBox{left:50%; }
}
@media(max-width:767px){
	#contents .teacherinfoBox dl.teachCareer dt{font-size:16px; }
}

/* 강의 */
#contents .lectureList{width:100%; margin-bottom:35px; padding-top:20px; border-top:2px solid #000; }
#contents .lectureList.view{border-top:1px solid #ccc; }
#contents .lectureList > ul{width:calc(100% + 10px); margin-left:-10px; font-size:0;}
#contents .lectureList > ul > li{position:relative; display:inline-block; *display:inline; *zoom:1; width:calc(100% / 3 - 10.01px); margin:15px 0 15px 10px; vertical-align:top; }
#contents .lectureList > ul > li .topBan{position:relative; width:100%; }
#contents .lectureList > ul > li .topBan > a {display:block; position:relative; width:100%; padding-top:62%;}
#contents .lectureList > ul > li .topBan > a img{display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover; }
#contents .lectureList > ul > li .topBan .overBtn{position:absolute; bottom:19px; left:0; font-size:0; width:100%; text-align:center; opacity:0; 
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
#contents .lectureList > ul > li:hover .overBtn{opacity:1; }
#contents .lectureList > ul > li .topBan .overBtn a{display:inline-block; position:relative; top:0; width:170px; max-width:45%; height:50px; margin:0 2.5px; font-size:18px; font-weight:500; color:#fff; line-height:48px; text-align:center; vertical-align:top;}
#contents .lectureList > ul > li .topBan .overBtn a:hover{top:-5px;}
#contents .lectureList > ul > li .botInfo{width:100%; padding:20px 26px; border:1px solid #ccc; }
#contents .lectureList > ul > li .botInfo strong.title{display:block; width:95%; margin-bottom:5px; font-size:20px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#contents .lectureList > ul > li .botInfo p.texS{width:95%; padding-bottom:8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#contents .lectureList > ul > li .botInfo .box_condition{padding-bottom:10px;}
#contents .lectureList > ul > li .botInfo .confiB{position:relative; z-index:10; width:100%; height:120px; margin-bottom:25px; font-size:16px; color:#666; overflow-y:auto; }
#contents .lectureList > ul > li .botInfo .markA{margin-bottom:25px;}
.markA{width:100%; font-size:0; }
.markA span{display:inline-block; margin-right:5px; padding:0 8px; font-size:16px; color:#fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.markA span.col1{background-color:#0995dd;}
.markA span.col2{background-color:#092795;}
#contents .lectureList > ul > li .botInfo .priceB{width:100%; padding:15px 0 0 0; border-top:1px solid #e0e0e0; }
#contents .lectureList > ul > li .botInfo .priceB:after{content:""; display:block; clear:both;}
#contents .lectureList > ul > li .botInfo .priceB span.txt{float:left; font-size:16px; font-weight:500; }
#contents .lectureList > ul > li .botInfo .priceB span.price{float:right;}
#contents .lectureList > ul > li .botInfo .priceB span.price del{padding-right:5px; font-size:15px; font-weight:100; }
#contents .lectureList > ul > li .botInfo .priceB span.price ins{font-size:20px; font-weight:500; color:#db0b37; background:none;}
#contents .lectureList > ul > li .botInfo .priceB span.join_info{float:right;font-size:16px; }
.texS{font-size:16px; font-weight:300;}
@media(max-width:1180px){
	#contents .lectureList > ul > li .botInfo{padding:15px;}
	#contents .lectureList > ul > li .botInfo strong.title{font-size:18px;}
	#contents .lectureList > ul > li .botInfo .priceB > span{display:block; }
	#contents .lectureList > ul > li .botInfo .priceB span.txt{float:none; width:100%; font-size:16px; font-weight:500; }
	#contents .lectureList > ul > li .botInfo .priceB span.price{float:none; width:100%; text-align:right; }
	#contents .lectureList > ul > li .botInfo .priceB span.price del{ font-size:14px;}
	#contents .lectureList > ul > li .botInfo .priceB span.price ins{font-size:18px;}
	.texS{font-size:14px;}
}
@media(max-width:800px){
	#contents .lectureList > ul > li .botInfo .priceB span.price del{display:block; }
}
@media(max-width:767px){
	#contents .lectureList > ul > li{width:calc(100% / 2 - 10.01px); }
	#contents .lectureList > ul > li .botInfo strong.title{font-size:16px;}
	#contents .lectureList > ul > li .botInfo .priceB span.txt{font-size:14px;}
	#contents .lectureList > ul > li .botInfo .priceB span.price del{ font-size:13px;}
	#contents .lectureList > ul > li .botInfo .priceB span.price ins{font-size:18px;}
}
@media(max-width:375px){
	#contents .lectureList > ul{width:100%; margin-left:0; }
	#contents .lectureList > ul > li{width:100%; margin:0 0 10px 0; }
}


/* step */
#contents .stepArea{position:relative; /*width:100vw; margin-left:calc(-50vw + 50%);*/ margin-bottom:110px; padding:64px 0 0 0; }
#contents .stepArea:before{content:""; display:block; position:absolute; top:94px; left:0; width:100%; height:1px; background:#000;}
#contents .stepArea:after{content:""; display:block; position:absolute; top:14px; left:0; width:100%; height:80px; background:#f8f8f8;}
#contents .stepArea .stepIn{width:100%; max-width:1180px; margin:0 auto;}
#contents .stepArea .stepIn:after{content:""; display:block; clear:both;}
#contents .stepArea .stepIn li{position:relative; z-index:100; float:left; width:calc(100% / 3 - 0.1px); font-size:16px; text-align:center; }
#contents .stepArea .stepIn.step5 li{width:20%;}
#contents .stepArea .stepIn li span.num{display:block; width:60px; height:60px; margin:0 auto 8px; font-size:20px; font-weight:600; color:#fff; line-height:60px; background:#000;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}
#contents .stepArea li.active{color:#db0b37;}
#contents .stepArea li.active span.num{background:#db0b37;}
@media(max-width:1180px){
	#contents .stepArea{margin-bottom:60px; padding:0; }
	#contents .stepArea:before{top:32px;}
	#contents .stepArea:after{display:none; }
}
@media(max-width:767px){
	#contents .stepArea{margin-bottom:30px; }
	#contents .stepArea:before{top:24px;}
	#contents .stepArea .stepIn li{font-size:0;}
	#contents .stepArea .stepIn li span.num{width:46px; height:46px; font-size:15px; line-height:46px;
		-webkit-border-radius:23px;
		-moz-border-radius:23px;
		border-radius:23px;
	}
}
/* 장바구니/결제진행 */
#contents .paymentArea{position:relative; width:100%; min-height:850px; padding-right:420px; }
#contents .choice{width:100%; margin:15px 0 0 0; font-size:16px; font-weight:500; }
#contents .choice a{display:inline-block; width:60px; height:30px; margin-left:10px; font-size:12px; font-weight:500; line-height:28px; text-align:center; background:#fff; border:1px solid #000; }
#contents .choice span{display:inline-block; padding-left:15px; font-size:14px; font-weight:300; color:#666;}
#contents .paymentBox{position:absolute; top:0; right:0; z-index:100; width:380px; padding:20px 35px 35px 35px; background:#fff; border:5px solid #ccc; }
#contents .paymentBox.move{position:fixed;}
#contents .paymentBox > p.tit{padding-bottom:15px; font-size:24px; font-weight:500; border-bottom:1px solid #000; }
#contents .paymentBox ul.payment{width:100%; min-height:90px;}
#contents .paymentBox ul.payment li{width:100%; padding:14px 0; border-bottom:1px solid #ccc; }
#contents .paymentBox ul.payment li:after{content:""; display:block; clear:both; }
#contents .paymentBox ul.payment li > span{font-size:16px; font-weight:300; }
#contents .paymentBox ul.payment li span.tit{float:left; margin-right:10px; padding-top:6px;}
#contents .paymentBox ul.payment li span.val{float:right; text-align:right;}
#contents .paymentBox ul.payment li span.val b{font-size:24px; }
#contents .paymentBox .bottomA{width:100%; margin-top:60px; }
#contents .paymentBox .bottomA .payPrice{width:100%;}
#contents .paymentBox .bottomA .payPrice:after{content:""; display:block; clear:both;}
#contents .paymentBox .bottomA .payPrice span{font-size:16px;}
#contents .paymentBox .bottomA .payPrice span.tit{float:left; padding-top:12px; font-weight:600; }
#contents .paymentBox .bottomA .payPrice span.val{float:right; color:#db0b37;}
#contents .paymentBox .bottomA .payPrice span.val b{font-size:30px;}
#contents .paymentBox .bottomA .payPrice span.val b span{font-size:100%;}
#contents .paymentBox .bottomA .payB{width:100%; margin-top:30px;}
#contents .paymentBox .bottomA .payB a{margin-bottom:10px;}
#contents .paymentBox .bottomA .payB a:last-child{margin-bottom:0;}
#contents .couponChoice{position:relative; width:220px;}
#contents .couponChoice.inB{padding-right:54px;}
#contents .mileage{position:relative; width:220px; padding-right:15px; background:#fff; border:1px solid #ccc; }/* padding-right:115px;  추후수정 */
#contents .mileage #od_temp_point{position:absolute; bottom:0; left:-80px; }
#contents .mileage .placeH{position:absolute; top:0; right:50px; left:auto; font-size:16px; color:#666; line-height:50px;}
#contents .mileage input[type="text"]{padding-left:5px; font-size:20px; font-weight:600; text-align:right; border:none;}
@media(max-width:1180px){
	#contents .choice span{display:block; padding-left:0; font-size:13px;}
	#contents .paymentArea{padding-right:0; min-height:auto;}
	#contents .paymentBox{position:relative; width:100%; margin:45px 0 0 0; padding:20px; }
	#contents .paymentBox > p.tit{padding-bottom:10px; font-size:20px; }
	#contents .paymentBox ul.payment li{padding:10px 0;}
	#contents .paymentBox ul.payment li.m_val_in span.val{width:450px;}
	#contents .couponChoice{width:100%;}
	#contents .couponChoice.inB{padding-right:54px;}
	#contents .paymentBox .bottomA{margin-top:30px; }
	#contents .paymentBox .bottomA .payB{width:calc(100% + 50px); margin:10px 0 -25px -25px;}
	#contents .paymentBox .bottomA .payB:after{content:""; display:block; clear:both; }
	#contents .paymentBox .bottomA .payB a{float:left; width:calc(100% / 2 - 0.1px); margin-bottom:0;}
	#contents .paymentBox .bottomA .payB a.full{float:none; width:100%;border-radius:0;}
	#contents .mileage{width:100%; }
	#contents .mileage #od_temp_point{bottom:-18px; left:0; }
}
@media(max-width:767px){
	#contents .paymentBox{margin:25px 0 0 0; padding:15px; }
	#contents .paymentBox ul.payment li > span{font-size:14px;}
	#contents .paymentBox ul.payment li.m_val_in span.tit{float:none; }
	#contents .paymentBox ul.payment li.m_val_in span.val{display:block; float:none; width:100%; margin:5px 0 0 0; }
	#contents .paymentBox ul.payment li span.val b{font-size:20px;}
	#contents .paymentBox .bottomA .payPrice span.val b{font-size:24px;}
	#contents .couponChoice.inB{padding-right:85px;}
	#contents .paymentBox ul.payment li .couponChoice select.basicS{height:40px; font-size:14px; }
	#contents .paymentBox ul.payment li .couponChoice .payCouoBtn{width:85px; height:40px; padding:9px 0; font-size:14px;}
    #contents .paymentBox ul.payment li .couponChoice .payCouoBtn br {display: none;}
	#contents .paymentBox .bottomA .payB{width:calc(100% + 40px); margin:10px 0 -20px -20px;}
	#contents .mileage input[type="text"]{font-size:16px;}
}

/* 환불팝업 */
.refund_bank{font-size:0 !important; }
.refund_bank select{width:calc(100% / 3 - 3.51px); margin-right:5px;}
.refund_bank input[type="text"]{width:calc(100% / 3 - 3.51px); margin-right:5px;}
.refund_bank input[type="text"]:last-child{margin-right:0; }
@media(max-width:767px){
	.refund_bank select{width:100%; margin-right:0; margin-bottom:5px; }
	.refund_bank input[type="text"]{width:calc(100% / 2 - 2.51px); }
	.refund_bank input[type="text"]:last-child{margin-right:0; }
}

/* 이벤트 */
#contents ul.evevtList{width:100%; margin-top:20px;}
#contents ul.evevtList > li{position:relative; width:100%; margin-bottom:20px; padding:25px 40px; border:1px solid #ccc; }
#contents ul.evevtList > li > input[type="checkbox"]{position:absolute; top:25px; left:20px;}
#contents ul.evevtList > li > a{display:block; width:100%; }
#contents ul.evevtList > li:after{content:""; display:block; clear:both;}
#contents ul.evevtList > li .banIn{position:relative; float:left; width:53%; /* height:150px; */ padding-top:13%;}
#contents ul.evevtList > li .banIn img{display:block; position: absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover;}
#contents ul.evevtList > li .txtIn{float:right; width:45%;}
#contents ul.evevtList > li p.day{padding-bottom:18px; font-size:16px; font-weight:100; color:#000; }
#contents ul.evevtList > li p.day b{display:inline-block; padding-right:10px; font-weight:500; color:#333; }
#contents ul.evevtList > li p.title{padding-bottom:10px; font-size:22px; color:#000; max-width:95%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#contents ul.evevtList > li p.cap{font-size:14px; font-weight:100; color:#666;}
#contents ul.evevtList.end > li .banIn:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/template/1/type1/images/endEvent.png") center center no-repeat; -webkit-background-size: cover; background-size:cover;}
#contents ul.evevtList.end > li p{opacity:0.6;}
#ui-datepicker-div .ui-datepicker-month{position:absolute; top:8px; right:38px; }
.calendB{position:relative; display:inline-block; margin-right:15px;  }
.calendB > .ui-datepicker-trigger{position:absolute; top:50%; right:8px; margin-top:-12px;}
@media(max-width:1180px){
	#contents ul.evevtList > li{padding:15px 25px;}
	#contents ul.evevtList > li > input[type="checkbox"]{top:15px; left:8px;}
	#contents ul.evevtList > li p.title{font-size:18px;}
	#ui-datepicker-div{width:310px;}
	#ui-datepicker-div .ui-datepicker-month{width:45.5%;}
	.calendB > .ui-datepicker-trigger{width:22px; margin-top:-10px; }
	.calend_box{display:block; width:100%; }
}
@media(max-width:800px){
	#contents ul.evevtList > li .banIn{float:none; width:100%; margin-bottom:15px; padding-top:25%; }
	#contents ul.evevtList > li .txtIn{float:none; width:100%; } 
}
@media(max-width:767px){
	#contents ul.evevtList > li{padding:15px;}
	#contents ul.evevtList > li .banIn{float:none; width:100%; padding-top:0; }
	#contents ul.evevtList > li .banIn img{position: relative; width:100%; height:auto; object-fit:inherit;}
	#contents ul.evevtList.end > li .banIn:before{content:"종료"; position:absolute; top:50%; left:50%; z-index:10; font-size:32px; font-weight:500; color:#fff; 
		-webkit-transform: rotate(-35deg) translate3d(-50%, -50%, 0);
		-moz-transform:rotate(-35deg) translate3d(-50%, -50%, 0);
		-ms-transform:rotate(-35deg) translate3d(-50%, -50%, 0);
		-o-transform: rotate(-35deg) translate3d(-50%, -50%, 0);
		transform: rotate(-35deg) translate3d(-50%, -50%, 0);
		transform-origin: 0 0;
	}
	#contents ul.evevtList.end > li .banIn:after{background:rgba(0,0,0,0.7);}
	#contents ul.evevtList > li p.day{font-size:14px; }
	#contents ul.evevtList > li p.title{font-size:16px; }
	#contents ul.evevtList > li p.cap{font-size:13px;}
	#ui-datepicker-div{width:290px;}
	#ui-datepicker-div .ui-datepicker-month{width:41.7%;}
	.calend_box .m_block{height:5px; }
	.calend_box input.w150{width:180px;}
	.calend_box select{vertical-align:middle; }
	.calend_box select.basicS{width:180px;}
}

/* 오시는길 */
#contents .mapInfo{width:100%; margin-top:45px; padding-top:30px; border-top:1px solid #ccc; }
#contents .mapInfo:after{content:""; display:block; clear:both;}
#contents .mapT{float:left; width:50%; }
#contents .mapT li{position:relative; width:100%; margin-bottom:8px; padding-left:65px; font-size:18px;  font-weight:300;}
#contents .mapT li b{position:absolute; top:0; left:0; width:60px; }
#contents .tel{float:right; width:40%; font-size:18px; }
#contents .tel span{padding-left:10px; font-size:45px; font-weight:600; word-wrap: break-word;}
@media(max-width:830px){
	#contents .mapT{float:none; width:100%; padding-bottom:15px; }
	#contents .tel{float:none; width:100%;}
}
@media(max-width:767px){
	.map_iframe{height:320px;}
	#contents .mapInfo{margin-top:25px; padding-top:15px; }
	#contents .mapT{float:none; width:100%; padding-bottom:15px; }
	#contents .mapT li{padding-left:50px; font-size:14px;}
	#contents .mapT li b{width:50px; }
	#contents .tel{float:none; width:100%; font-size:14px; }
	#contents .tel span{font-size:30px;}
}




/* 페이징 */
.pager { display: flex; justify-content: center; width:100%; margin-top: 50px; margin-bottom:45px; font-size:0; text-align:center; } 
.pager span { overflow: hidden; display:inline-block; border: 1px solid #dee2e6; background: #fff; } 
.pager span:first-of-type { border-radius:5px 0 0 5px; } 
.pager span:last-of-type { border-radius:0 5px 5px 0; } 
.pager span + span { margin-left: -1px; } 
.pager a { display: flex; justify-content: center; align-items: center; min-width: 24px; max-width:33px; height: 100%; font-family: "Pretendard"; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing:-0.025em; color: rgb(30, 30, 30); } 
.pager strong { display: flex; justify-content: center; align-items: center; position:relative; min-width: 24px; max-width:33px; height: 100%; font-family: "Pretendard"; font-size: 12px; font-weight: 500; line-height: 1; letter-spacing:-0.025em; color: rgb(30, 30, 30); } 
.pager span:has(strong) {position: relative; border-color: #3b93ef; z-index: 1; }

.pager2{width:100%; margin-bottom:45px; font-size:0; text-align:center; }
/* .pager span{display:inline-block; } */
.pager2 a{display:inline-block; margin:0 8px; font-size:16px; font-weight:300; vertical-align:middle;}
.pager2 #jsPagePrev{width:28px; height:28px; font-size:0; vertical-align:12px; background:url("/template/1/type1/images/pPrev.gif") 0 0 no-repeat;}
.pager2 #jsPageNext{width:28px; height:28px; font-size:0; vertical-align:12px; background:url("/template/1/type1/images/pNext.gif") 0 0 no-repeat;}
.pager2 .active{display:inline-block; position:relative; padding:0 8px; font-size:20px; font-weight:600; color:#f02424; }
.pager2 .active:after{content:""; display:block; position:absolute; bottom:-5px; left:0; width:100%; height:1px; background:#f02424;}


.popWrap{width:500px;}


/* 상태아이콘 */
.condition{margin-left:5px; padding:0 4px; font-size:14px; font-weight:600; color:#fff; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.condition.conIco1{background:#db0b37;}
.condition.conIco2{background:#3b92ef;}
.condition.conIco3{background:#3b92ef;}





ul.snsConnect{width:100%; margin-top:14px; background:#fff; border:1px solid #ccc; border-top:3px solid #000; }
ul.snsConnect li{position:relative; width:100%; padding:15px 15px 15px 120px; border-bottom:1px solid #ccc; }
ul.snsConnect li span.tit{position:absolute; top:15px; left:15px; width:80px;}
ul.snsConnect li span.tit a,
ul.snsConnect li span.tit img{display:block; width:100%; }
ul.snsConnect li .caption{font-size:14px;}

.fancybox-wrap{max-width:90%; }
.fancybox-inner{max-width:100%; /* height:auto !important; */ }
.agree_info{width:100%; max-width:557px; padding:50px 38px; }
.agree_info > h1{padding-bottom:25px; font-size:26px; font-weight:400; }
.agree_info .infoin{position:relative; z-index:10; width:100%; height:400px; padding:15px; border:1px solid #ccc; overflow-y:auto; }
.agree_info .infoin img{display:inline-block; width:auto; max-width:100%;}

@media(max-width:1180px){
    .pager {margin-top: 40px;}
}


@media(max-width:767px){
    ul.snsConnect{margin-top:10px;}
    ul.snsConnect li{padding:10px 10px 10px 90px; font-size:14px;}
    ul.snsConnect li span.tit{top:12px; left:10px; width:65px; }
    ul.snsConnect li .caption{font-size:13px;}

	.agree_info{max-width:100%; padding:30px 15px; }
	.agree_info > h1{padding-bottom:18px; font-size:20px;}
	.agree_info .infoin{height:300px; padding:10px; }
    .pager {margin-top: 25px;}
}





/*Css pattern By Kang .191002*/
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}


.borerColr1{border-color:#db0b37 !important;}
.borerColr2{border-color:#3b92ef !important;}
.borerColr3{border-color:#3b92ef !important;}
.borerColr4{border-color:#ff7200 !important;}

.boderw1{border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;}
.boderw2{border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}
.boderw3{border-top-width:3px;border-bottom-width:3px;border-left-width:3px;border-right-width:3px;}
.boderw4{border-top-width:4px;border-bottom-width:4px;border-left-width:4px;border-right-width:4px;}
.boderw5{border-top-width:5px;border-bottom-width:5px;border-left-width:5px;border-right-width:5px;}

.boderwT{border-top-style:solid !important;border-bottom-style:none !important;border-left-style:none !important;border-right-style:none !important;}
.boderwB{border-top-style:none !important;border-bottom-style:solid !important;border-left-style:none !important;border-right-style:none !important;}
.boderwL{border-top-style:none !important;border-bottom-style:none !important;border-left-style:solid !important;border-right-style:none !important;}
.boderwR{border-top-style:none !important;border-bottom-style:none !important;border-left-style:none !important;border-right-style:solid !important;}
.boderwA{border-top-style:solid !important;border-bottom-style:solid !important;border-left-style:solid !important;border-right-style:solid !important;}

.wp100{width:100%}
.wp90{width:90%}
.wp80{width:80%}
.wp70{width:70%}
.wp60{width:60%}
.wp50{width:50%}
.wp40{width:40%}
.wp30{width:30%}
.wp20{width:20%}
.wp10{width:10%}

/* 수료증 */
.certificateArea{width:800px; margin:0 auto; padding:49px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.certificateArea .logo_bg{position:absolute; top:52%; left:50%; 
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

.certificateArea .certi_line_bg{position:absolute; top:50%; left:50%; z-index:-1; margin:-450px 0 0 -350px}
.certificateArea .certificateBox{position:relative; width:100%; padding:100px 0 45px; text-align:center;}
/* v.certificateArea .certificateBox:before,
.certificateArea .certificateBox:after{content:""; display:block; position:absolute; left:0; width:100%; height:20px; }
.certificateArea .certificateBox:before{top:0; background:url("../images/certi_top.gif") 0 0 no-repeat;}
.certificateArea .certificateBox:after{bottom:0; background:url("../images/certi_bottom.gif") 0 0 no-repeat;} */
.certificateArea .certificateBox h3.tit{padding-bottom:80px; font-size:50px; font-weight:600; color:#000;}
.certificateArea .certificateBox ul.certificateList{width:550px; margin:0 auto 90px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.certificateArea .certificateBox ul.certificateList li{position:relative; width:100%; padding:10px; font-size:18px; color:#000; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.certificateArea .certificateBox ul.certificateList li.col_line img{display:block; position:absolute; top:0; left:0; z-index:-10; width:100%; height:100%; }
.certificateArea .certificateBox .basicT1{font-size:20px; padding-bottom:12px;}
.certificateArea .certificateBox .capT1{padding-bottom:85px; font-size:16px; font-weight:300; color:#000; }
.certificateArea .certificateBox .capT2{font-size:14px; font-weight:300; line-height:20px; color:#000; }
.certificateArea .certificateBox .bottomInfo{position:relative; width:520px; margin:0 auto; text-align:center;  }
.certificateArea .certificateBox .bottomInfo .stamp{position:absolute; top:0; right:0; }



ul.lecture_tabs{width:100%; padding:20px 0 40px 0; }
ul.lecture_tabs:after{content:""; display:block; clear:both; }
ul.lecture_tabs li{display:table; float:left; width:calc(100% / 5 + 0.99px); height:65px; margin:0 -1px -1px 0; border:1px solid #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
ul.lecture_tabs li a{display:table-cell; width:100%; font-size:13px; color:#333; text-align:center; vertical-align:middle; background-color: #f8f8f8;}
ul.lecture_tabs li.active a{background-image: url("/template/1/image/ico_move.png"); background-position: right bottom; background-repeat: no-repeat; -webkit-background-size: 26px 25px; background-size: 26px 25px;}
@media(max-width:1180px){
	ul.lecture_tabs{padding:15px 0 25px 0; }
	ul.lecture_tabs li{width:calc(100% / 4 + 0.99px); height:55px; }
}
@media(max-width:767px){
	ul.lecture_tabs{padding:10px 0; }
	ul.lecture_tabs li{width:calc(100% / 2 + 0.99px); height:45px; }
}


/*200629 연장상품 기능 추가 By Kang*/
a.extend_btn {
    display: inline-block;
    padding: 2px 6px;
    font-size: 16px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #ff3600;
	
}
* + a.extend_btn{margin-left:5px;}


div.popup h3{padding-bottom:12px;font-size:25px;font-weight:500;font-family:"Noto Sans KR";color:#000;text-align:center;}
div.popup span.close{font-size:0;width:24px;height:23px;position:absolute;top:25px;right:25px;background:url('../images/icon_general.png') no-repeat left -216px;cursor:pointer;}
div.payment table.table-list{width:100%;border-top:2px solid #000;}
table.table-list th{padding:17px 0;font-size:17px;line-height:1.5;color:#000;font-weight:700;background:#f9f9fa;border-bottom:1px solid #ccc;}
table.table-list td{padding:16px 0;text-align:center;line-height:1.5;color:#393d44;font-size:16px;background:#fff;border-bottom:1px solid #ccc;}
table.table-list td.nolist{padding:50px;}
table.table-list.bort{border-top:2px solid #000;}
table.table-list.left td, table.table-list .left{text-align:left;padding-left:30px;padding-right:15px;}
div.payment input, div.payment select{height:35px;padding:0 10px;margin-right:4px;font-size:14px;border:1px solid #ccc;
-webkit-appearance:menulist ;
-moz-appearance:menulist ;
appearance:menulist ;
}
.color-red{color:#ec1a23 !important;}
div.popup div.pay-btn{margin-top:30px; text-align:center; }
div.popup div.pay-btn .whzbtn{display:inline-block; min-width:150px; height:50px; margin:0 auto; padding:0 30px; line-height:50px; font-size:16px; color:#fff; font-weight:600;  text-align:center; border:1px solid #ec1e79;background:#ec1e79;}
div.popup.extend ul.left-list{position:relative; bottom:-32px; width:calc(100% + 64px); margin: 0 0 0 -32px; padding:25px; background-color:#f9f9fa;;}
div.popup.extend ul.left-list li{position: relative;padding-left: 10px;margin-bottom: 6px;font-size: 14px;color:#666;}
div.popup.extend ul.left-list li:before{content: "";width: 4px;height: 4px;position: absolute;left:0;top:6px;background: #000; border-radius: 2px;}


#loadImg{position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.8);}
#loadImg img{position:absolute; top:50%; left:50%; z-index:200; 
-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0);
}


/* 동의 */
dl.agreeDl{width:100%; margin:25px 0 0 0; border:1px solid #3b92ef; }
dl.agreeDl dt{width:100%; padding:10px 45px 10px 15px !important; font-size:18px; color:#3b92ef; background:#edf5fb; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
dl.agreeDl dt, dl.agreeDl dd{position:relative; padding:10px 15px; }
dl.agreeDl dd{padding:10px 50px 10px 15px; border-bottom:1px solid #ccc;}
dl.agreeDl dt .chkCus3, dl.agreeDl dd .chkCus3{position:absolute; right:15px; width:auto; }
dl.agreeDl dt .chkCus3{bottom:5px;}
dl.agreeDl dt .chkCus3 label{color:#000;}
dl.agreeDl dd .chkCus3{top:10px;}

.AjaxRefundBtn{color:blue;text-decoration:underline;margin:0px 10px;}








/* 통합검색 결과 */
.mark_tit{width:100%; margin-top:35px; padding-bottom:20px; }
.mark_tit span{display:inline-block; position: relative; font-size:24px; font-weight:400; color:#222; }
.mark_tit span:after{content:""; display:block; position:absolute; bottom:0; left:0; z-index:-1;  width:100%; height:10px; background-color: #aab2e3;}
.view_caption_box{width:100%; padding-bottom:40px; }
.view_caption_box img{display:inline-block; width:auto; max-width:100%; margin:10px 0 0 0; }
.view_caption_box p,
.view_caption_box p a{font-size:16px; font-weight:300; line-height:26px; color:#666; }
.view_caption_box div,
.view_caption_box div a{font-size:16px; font-weight:300; line-height:26px; color:#666; }
.view_caption_box .ico_gray_cap{padding:20px 0 0 0; color:#a8a8a8;}
.table_info{margin-bottom:20px; border-top:1px solid #088af8;}
.table_info th,
.table_info td{font-size:16px; border:1px solid #e5e6ec; }
.table_info th{padding:15px; font-weight:400; background-color: #f8f9fc;}
.table_info td{padding:15px 30px; text-align:left; }
.table_info .dot_p{position:relative; padding-left:8px; font-size:16px; font-weight:300; color:#666; line-height:24px; }
.table_info .dot_p:before{content:""; display:block; position:absolute; top:12px; left:0; width:2px; height:2px; background-color: #8c8c8c;}
.table_info .th_btn{padding:8px 0 0 0; }
.table_info .th_btn a{display:inline-block; width:auto; padding:4px 15px; font-size:15px; font-weight:300; color:#fff; text-align:center; background-color: #49545d;}
ul.link_cap{width:100%; padding-bottom:18px; }
ul.link_cap li{position:relative; width:100%; margin-bottom:15px; padding:8px 0 8px 120px; font-size:16px; font-weight:300; color:#666;}
ul.link_cap li span.btn_link{display:block; position:absolute; top:0; left:0; width:100px; }
ul.link_cap li span.btn_link a{display:block; padding:3px 0; font-size:18px; color:#088af8; text-align:center; border:1px solid #088af8; -webkit-border-radius: 17.5px ; -moz-border-radius:17.5px; border-radius:17.5px;}
span.btn_link01{display:inline-block; width:100px; margin-left:5px; }
span.btn_link01 a{display:block; padding:3px 0; font-size:18px; color:#088af8; text-align:center; border:1px solid #088af8; -webkit-border-radius: 17.5px ; -moz-border-radius:17.5px; border-radius:17.5px;}
.search_notice{padding:10px 0; font-size: 18px; line-height: 26px; color: #666;  text-align:center; background-color: #f5f5f7;/* border-top:2px solid #5beab3; border-bottom:1px solid #ccc;  */}
.search_notice strong{color:#4c61e8;}
@media(max-width:1180px){
	.mark_tit{padding-bottom:15px; }
	.mark_tit span{font-size:20px;}
	.mark_tit span:after{height:8px;}
	.view_caption_box{padding-bottom:30px; }
	.view_caption_box p{font-size:14px; }
	.view_caption_box .ico_gray_cap{padding:15px 0 0 0;}
	.table_info th,
	.table_info td{font-size:14px;}
	.table_info th{padding:12px;}
	.table_info td{padding:12px 15px;}
	.table_info .dot_p{font-size:14px;}
	.table_info .th_btn{padding:6px 0 0 0; }
	.table_info .th_btn a{font-size:14px;}
	ul.link_cap li{margin-bottom:12px; padding:5px 0 5px 100px; font-size:14px;}
	ul.link_cap li span.btn_link{width:90px; }
	ul.link_cap li span.btn_link a{font-size:15px; }
	span.btn_link01{width:90px;}
	span.btn_link01 a{padding:1px 0; font-size:15px; }
}
@media(max-width:767px){
	.mark_tit span{font-size:18px;}
	.table_info{width:100%;  overflow-x:auto; }
	.table_info table{width:610px;}
	ul.link_cap li{padding:5px 0;}
	ul.link_cap li span.btn_link{position:inherit; margin:0 0 5px 0; }
	span.btn_link01 a{margin:6px 0; padding:1px 0; font-size:15px; }
	.search_notice{display:block; width:100%; font-size:14px !important;}
}

/*
.wishBtn {
	width:180px !important;
}
.add-cart,
.item_submit_but{display:none !important; }
.buy-cart,
.item_direct_submit_but{width:calc(100% - 250px) !important; height:55px !important; margin-left:10px !important; line-height:55px !important;}

@media(max-width:1180px){
	.buy-cart,
	.item_direct_submit_but{width:calc(100% - 190px) !important; height:45px !important;line-height:45px !important;}
}
@media(max-width:767px){
	.buy-cart,
	.item_direct_submit_but{width:calc(100% - 190px) !important; height:45px !important;line-height:45px !important;}
}
*/

/*회원가입 정책 css 설정 By kang 220316*/
.not_join{}/*가입 불가*/
.not_join .member_join_btn{display:none !important;}
.only_modify{}/*/가입/탈퇴 불가*/
.only_modify .member_join_btn{display:none !important;}
.only_modify .member_withdraw_btn{display:none !important;}
.close{}/*가입/수정/탈퇴 불가*/
.close .member_join_btn{display:none !important;}
.close .member_withdraw_btn{display:none !important;}
.close .member_modify_btn{display:none !important;}


.pagepreload ul.booklms, .pagepreload ul.lms, .pagepreload ul.bookstudy{display:none;}


.radio_wrap {font-size: 0;}
.radio_wrap label {position: relative;display: inline-block;}
.radio_wrap input[type="radio"] {position: absolute;top: 0;left: 0;width: 0;left: 0;opacity: 0;}
.radio_wrap .whzbtn {display: inline-block;width: 18px;height: 18px;background:url('/template/1/image/radio_off01.png') 0 0 no-repeat;}
.radio_wrap input[type="radio"]:checked + .whzbtn {background-image: url('/template/1/image/radio_on01.png');}

.satis_pop {display: block;background: #f6f7f8;}
.satis_pop * {font-family: "Noto Sans KR", sans-serif;}
.satis_pop.active {}
.satis {overflow: auto;width: 1260px;margin: 0 auto;background: #f6f7f8;box-sizing: border-box;}
.satis .close {display: none;}

.satis .satis_con {position: relative;min-width: 1200px;padding: 0 30px;box-sizing: border-box;}
.satis .satis_tit {margin-top: 70px;}
.satis .satis_tit h2 {float: none;height: auto;margin: 0 0 25px;padding: 0;border-bottom: none;text-align: center;font-size: 36px;font-weight: 300;line-height: 48px;letter-spacing:-0.025em;color: #000;}
.satis .satis_tit h2 strong {font-size: 35px;font-weight: 500;}
.satis .satis_tit h2 strong.blue {color: #4374fa;}
.satis .satis_tit p, .satis .satis_tit > div {text-align: center;font-size: 16px;font-weight: 300;line-height: 24px;letter-spacing:-0.025em;color: #666666;}
.satis .satis_tit2 {position: relative;padding-left: 16px;font-size: 20px;font-weight: 500;letter-spacing:-0.025em;color: #000;}
.satis .satis_tit2 .mark {position: absolute;top: 0;left: 0;font-size: 20px;font-weight: 500;color: #4374fa;}

.satis_con1 {margin-top: 40px;}
.satis_con1 .list {margin-top: 15px;padding:30px;background: #fff;}
.satis_con1 .list > li {}
.satis_con1 .list > li + li {margin-top: 30px;}
.satis_con1 .list > li .tit {font-size: 16px;font-weight: 300;letter-spacing:-0.025em;color: #222222;}
.satis_con1 .list > li .chk {margin-top: 10px;padding-left: 15px;font-size: 0;}
.satis_con1 .list > li .chk .score {display: inline-block;vertical-align: bottom;margin-bottom: 3px;font-size: 13px;font-weight: 300;line-height: 1;color: #939393;}
.satis_con1 .list > li .chk .radio_wrap {display: inline-block;vertical-align: middle;padding: 0 10px;}
.satis_con1 .list > li .chk .radio_wrap label {margin: 0 15px;}
.satis_con1 .list > li .chk .radio_wrap .radio_tit {display: block;margin-bottom: 5px;text-align: center;font-size: 13px;font-weight: 300;letter-spacing:-0.025em;color: #939393;}
.satis_con1 .list > li textarea {display: block;width: 100%;height: 120px;margin-top: 15px;border: 1px solid #eaeaea;resize: none;}

.satis_con2 {margin-top: 60px;}
.satis_con2 .list2 {table-layout: fixed;width: 100%;margin-top: 15px;background: #fff;}
.satis_con2 .list2 .tit {background: #4374fa;font-size: 18px;font-weight: 300;line-height: 28px;color: #fff;letter-spacing:-0.025em;color: #fff;}
.satis_con2 .list2 .tit strong {font-size: 22px;font-weight: 500;color: #ffffff;}
.satis_con2 .list2 th {font-size: 16px;line-height: 24px;font-weight: 300;letter-spacing:-0.025em;color: #000000;}
.satis_con2 .list2 td, .satis_con2 .list2 th {padding: 10px 0;border-top: 1px solid #eaeaea;}
.satis_con2 .list2 th + th, .satis_con2 .list2 td + td {border-left: 1px solid #eaeaea;}
.satis_con2 .list2 thead tr:first-child th {border-top: none;}
.satis_con2 .list2 tbody th {padding:12px 15px;text-align: left;border-right: 1px solid #eaeaea;word-break: keep-all;}
.satis_con2 .list2 tbody td {text-align: center;}
.satis_con2 .list2 .score {padding: 0;}
.satis_con2 .list2 .score_tit {display: flex;justify-content: space-between;padding:0 10px;}
.satis_con2 .list2 .score_tit > li {font-size: 13px;font-weight: 300;line-height: 28px;letter-spacing:-0.025em;color: #939393;}
.satis_con2 .list2 .score_list {overflow: hidden;text-align: center;border-top: 1px solid #f5f5f5;}
.satis_con2 .list2 .score_list > li {float: left;width: 20%;font-size: 13px;line-height: 18px;font-weight: 300;letter-spacing:-0.025em;color: #939393;}
.satis_con2 .list2 .score_list > li:nth-child(even) {background: #f5f5f5;}
.satis_con2 .list2 .radio_wrap label {width: 20%;}
.satis .submit_btn {display: block;margin: 40px auto 80px;width: 280px;height: 70px;border-radius:35px;background: #131313;text-align: center;font-size: 20px;letter-spacing:-0.025em;line-height: 70px;color: #fff;}

/*가입정보*/
.member_title {padding-bottom:8px; font-weight:500; font-size:18px; border-bottom:1px solid #000;}
.member_title input[type="checkbox"] {margin-right:10px;}
ul.joinAgree li label {margin-right:15px; line-height:1.2em; font-weight:400;}
ul.joinAgree li input[type="checkbox"] {margin-top:-2px;}
ul.joinAgree li .agree_type {font-size:14px; color:#aaa;}
ul.joinAgree li em.agree_type {font-style:normal; color:#cf102b;}
ul.joinAgree .detail_agree {width:100%; display:flex; margin-top:15px; padding:13px 17px; background:#efefef;}
ul.joinAgree .detail_agree li label {font-size:14px;}
.agree_type2 .box,
.agree_type2 >li {width:100%; display:flex; justify-content:flex-end; flex-wrap:wrap; align-items:center;}
.agree_type2 .error {display:block;}
.agree_type2 li label {flex-grow:1;}
.agree_type2 .viewBtn {position:relative; font-size:14px; color:#aaa; background:transparent; border:none;}
.agree_type2 .viewBtn::after {content:''; position:absolute; top:10px; right:0; width:7px; height:7px; border-right:1px solid #aaa; border-top:1px solid #aaa; transform:rotate(45deg);}
@media (max-width: 1180px) {
    .member_title {font-size:16px;}
    .member_title input[type="checkbox"] {margin-right:8px;}
    ul.joinAgree li .agree_type{font-size:13px;}
    ul.joinAgree .detail_agree li label {font-size:13px;}

    .satis_con2 {margin-top: 48px;}
    .satis_con2 .list2 {margin-top: 15px;}
    .satis_con2 .list2 col {width: 50% !important;}
    .satis_con2 .list2 th {font-size: 14px;line-height: 22px;padding-left: 0;}

}
@media (max-width: 767px) {
    ul.joinAgree li .agree_type{font-size:12px;}
    ul.joinAgree .detail_agree li label {font-size:12px;}

    
    .satis_con2 .list2 col {width: 100% !important;}
    .satis_con2 .list2 thead tr:first-child th.score {border-left: none;}
    .satis_con2 .list2 .score_tit {padding: 0;}
    .satis_con2 .list2 .score_tit > li {width: 20%;}
    .satis_con2 .list2 thead tr:first-child th {display: none;}
    .satis_con2 .list2 thead tr:first-child th.score {display: block;}
    .satis_con2 .list2 tbody {display: block;}
    .satis_con2 .list2 tbody tr {display: block;}
    .satis_con2 .list2 tbody th {display: block;border-right: none;}
    .satis_con2 .list2 tbody td {display: block;border-top: none;padding-top: 0;}
}


.text_link_class{text-decoration:underline;color:blue !important;}

a.exam_modi_btn, input.exam_modi_btn{
	padding:2px 5px !important;
	border:1px silver solid;
	color:#0079bc !important;
	border-radius:2px !important;
	display:inline-block;
	background-color:#ffffff;
}
.class-enter-btn{text-decoration:underline;color:blue !important;margin-left:4px;display:block;font-size:13px;}


.vjs-text-track-settings label.vjs-label{
	clip: rect(1px 1px 1px 1px);
	display:inline;
	font-weight:400;
    vertical-align: middle;
    margin-bottom: 0px;
	width:auto;
	height:auto;
}
.vjs-modal-dialog .vjs-modal-dialog-content legend {
  font-size: 1.2em !important;
  line-height: 1.5 !important;
  float:initial;
  width:auto;
  padding:initial;
  position:initial;
  height:auto;
  overflow:initial;
  text-indent:initial;
}
.vjs-modal-dialog .vjs-modal-dialog-content select {
  word-wrap:initial;
  text-transform: initial;
  margin:initial;
  font-family:Arial, Helvetica, sans-serif;
  font-size:initial;
  line-height:1;
  color:#fff;
  font-size:10px;
  word-break:initial;
  padding: 1px 4px;
  background-color: rgb(233, 233, 237);
  color: rgb(0, 0, 0);
  border: 2px inset rgb(227, 227, 227);
  border-radius: 5px;
  line-height: 1.5;
  font-size: inherit;
  max-width: 7.3em;
  appearance:auto;
}

.pconly{display:inline-block !important;}
.mobileonly{display:none !important;}
@media(max-width:767px){
.pconly{display:none !important;}
.mobileonly{display:inline-block !important;}
}



/* 강의상세 공지사항 */
.view_notice {padding: 23px 35px;background-color: rgb(242, 243, 248);border-radius: 4px;}
.view_notice .tit {display: block;font-size: 14px;font-weight: 500;line-height: 1;color: rgb(20, 89, 255);}
.view_notice .tit:before {content:'';display: inline-block; width: 17px;height: 17px;margin-right: 5px;background:url('/template/resp/images/ico_noti01.png') center center no-repeat;background-size: contain;vertical-align:top;}
.view_notice .txt {display: block;margin-top: 8px;font-size: 13px;line-height: 1.2;color: rgb(51, 51, 51);word-break: keep-all;}


/* 클래스 소개1 */
.lecture_tit1 {font-size: 24px; font-weight: 700; letter-spacing:-0.01em; color: rgb(0, 0, 0);}
.lecture_tit2 {font-size: 20px; font-weight: 700; letter-spacing:-0.01em; color: rgb(0, 0, 0);}
.about1 {padding-top: 27px;}
.about1 .img_wrap {position: relative;margin-top: 20px;padding-bottom:/*53.625%*/56.24%;}
.about1 .img_wrap .img, 
.about1 .img_wrap iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;object-position: center center;}

/* 클래스 소개2 */
.about2 {position: relative;padding-top: 62px;}
.about2 .tit1 {display: block;margin-top: 25px;margin-bottom: 6px;font-size: 20px; font-weight: 300; line-height: 1.2; letter-spacing:-0.01em; color: #000000;}
.about2 .tit2 {display: block;margin-top: 6px;}
.about2 .tit2 span {background: linear-gradient(transparent -100%, #fff5da 100%);background-position:0 calc(100% - 5px);background-size:100% 10px;background-repeat: no-repeat;font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing:-0.01em;color:#f03171;}
.about2 .txt_wrap {position: relative;margin-top: 20px;padding: 43px 100px;background:url('/template/resp/images/about2_bg01.png') center center no-repeat;background-size: cover;border-radius: 24px;text-align: center;word-break: keep-all;}
.about2 .txt_wrap:before {content:'';position: absolute;top: 25px;left:40px;width: 53px;height: 42px;background:url('/template/resp/images/about2_bg02.png') center center no-repeat;background-size: contain;z-index: 1;}
.about2 .txt_wrap:after {content:'';position: absolute;right:33px;bottom: 17px;width: 86px;height: 91px;background:url('/template/resp/images/about2_bg03.png') center center no-repeat;background-size: contain;z-index: 1;}
.about2 .txt_wrap .txt {position: relative;font-size: 16px; line-height: 1.625;letter-spacing:-0.01em; color: #fff;z-index: 2;}

/* 수강대상 */
.target {padding: 55px 0 0;}
.target .list {margin-top: 26px;}
.target .list > li {display: flex;}
.target .list > li + li {margin-top: 11px;}
.target .list > li .num {display: flex;justify-content: center;align-items: center; height: 26px; min-width: 26px;margin-top: -2px; background-color: rgb(242, 243, 248); border-radius: 50%; font-size: 14px;}
.target .list > li .txt {width: calc(100% - 26px);padding-left: 10px;font-size: 18px;font-weight: 400;line-height: 1.2;color: rgb(0, 0, 0); }

/* 수강후기 슬라이드 */
.review_slide2 {padding-top: 39px;}
.review_slide2 .inner {overflow: hidden;}
.review_slide2 .pagination {margin-top: 9px;font-size: 0;text-align: center;}
.review_slide2 .pagination .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0 5px;background: #bbb;border-radius:4px;opacity: 1;}
.review_slide2 .pagination .swiper-pagination-bullet-active {width: 36px;background: #f03171;}

.review_list2 {}
.review_list2 > li {padding:30px 55px 20px;border: 1px solid #dedede;border-radius: 24px;}
.review_list2 > li .tit {font-size: 18px; font-weight: 500; line-height: 1.2; color: rgb(0, 0, 0);word-break: keep-all;}
.review_list2 > li .tit:before {content:'';display: block;width: 19px;height: 14px;margin-bottom: 13px;background:url('/template/resp/images/review_ico01.png') center center no-repeat;background-size: contain;}
.review_list2 > li .txt {margin-top: 10px;font-size: 16px; font-weight: 300; line-height: 1.625; color: rgb(0, 0, 0);word-break: keep-all;}
.review_list2 > li .name {display: block;margin-top: 10px;font-size: 14px; font-weight: 300; line-height: 1.2; color: rgb(0, 0, 0);}

/* 클래스 특징 */
.point {position: relative;margin-top: 53px;padding: 45px 15px 32px;text-align: center;}
.point * {position: relative;z-index: 2;}
.point .img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;z-index: 1;}
.point:before {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 2;}
.point .tit1 {display: block;margin-top: 7px;font-size: 14px; line-height: 1.714; letter-spacing:-0.01em; color: rgb(240, 49, 113);word-break: keep-all;}
.point .tit2 {display: block;margin-top: 10px;font-size: 30px; font-weight: 700; line-height: 1.33; color: rgb(255, 255, 255);word-break: keep-all;}
.point .txt {display: block;margin-top: 19px;font-size: 16px; line-height: 1.625; color: rgb(255, 255, 255);word-break: keep-all;}

/* before, after 슬라이드 */
.after_wrap {padding-top: 70px;}
.after_wrap .txt {margin-top: 20px; font-size: 18px; line-height: 1.556; letter-spacing:-0.01em; color: rgb(69, 69, 69);word-break: keep-all;}
.after_slide {margin-top: 26px;}
.after_slide > li {  } 
.after_slide > li + li {margin-top: 40px;}
.after_slide > li .img_wrap {overflow: hidden;position: relative;border-radius: 15px;user-select: none;touch-action: pan-y;}
.after_slide > li .img {display: block;padding-bottom: 92.31%;background-position: center center;background-size: cover;background-repeat: no-repeat;} 
.after_slide > li .img.after { position: absolute; top: 0; left: 0; width: 100%;height: 100%; clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); } 
.after_slide > li .slider { display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 20px); left: 50%; width: 40px; height: 40px; background: #f1f1f1; border-radius: 50%; text-align: center; transform: translate3d(-20px, 0, 0); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45); cursor: grab;touch-action: pan-x; } 
.after_slide > li .slider.auto {touch-action: auto;}
.after_slide > li.dragging,
.after_slide > li.dragging > .slider { cursor: grabbing; } 
.after_slide > li.dragging > .slider { background: #f13170; } 
.after_slide > li.dragging > .slider path {fill:#fff;}
.after_slide > li.dragging {touch-action: pan-x;}
.after_slide > li > .slider > svg { pointer-events: none; } 

/* 베스트 후기 */
.best_review {}
.best_review .list1 {display: flex;justify-content: space-between;margin-top: 26px;}
.best_review .list1 > li {width: 48.25%;border-radius: 16px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);}
.best_review .list1 > li a {display: block;padding: 48px 50px 57px;}
.best_review .list1 > li .tit {display: block;font-size: 30px; font-weight: 400;letter-spacing:-0.01em;color: rgb(0, 0, 0);text-align: center;}
.best_review .list1 > li .tit:before,
.best_review .list1 > li .tit:after {content:'';display: inline-block;width: 6px;height: 6px;margin: -2px 15px 0;background: #000;border-radius:50%;vertical-align: middle;}
.best_review .list1 > li .tit strong {font-weight: 700;}
.best_review .list1 > li .cate {overflow: hidden;display: block;margin-top: 33px;font-size: 14px; letter-spacing:-0.01em; color: rgb(143, 15, 246);white-space: nowrap; text-overflow: ellipsis;}
.best_review .list1 > li .txt {overflow: hidden;display: -webkit-box;height: 130px;margin-top: 9px;font-size: 16px; line-height: 1.625; letter-spacing:-0.01em; color: rgb(102, 102, 102); -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.best_review .list1 > li .info {display: flex;flex-wrap:wrap;align-items: center;margin-top: 18px;}
.best_review .list1 > li .info .score_bg {display: inline-block;position: relative;width: 103px;height: 15px;margin-right: 22px;background:url('/template/resp/images/ico_score01.png') left center no-repeat;background-size: auto 100%;}
.best_review .list1 > li .info .score_bg .score {position: absolute;top: 0;left: 0;height: 100%;background:url('/template/resp/images/ico_score02.png') left center no-repeat;background-size: auto 100%;}
.best_review .list1 > li .info .name {font-size: 14px; letter-spacing:-0.01em; color: rgb(0, 0, 0);}

.best_review .list2 {margin-top: 28px;border-top: 1px solid #cccccc;}
.best_review .list2 > li {padding: 30px 20px 24px;border-bottom: 1px solid #eee;}
.best_review .list2 > li .txt {font-size: 16px; line-height: 1.625; color: rgb(51, 51, 51);}
.best_review .list2 > li .info {display: flex;flex-wrap:wrap;align-items: center;margin-top: 15px;font-size: 15px; color: rgb(153, 153, 153);}
.best_review .list2 > li .info .tit {margin-right: 8px;}
.best_review .list2 > li .info .name {margin-right: 8px;}
.best_review .list2 > li .info .date {}

/* 클래스 요약 */
.summary1 {padding-top: 40px;}
.summary1 .tit1 {display: block;margin-top: 25px;margin-bottom: 6px;font-size: 20px; font-weight: 300; line-height: 1.2; letter-spacing:-0.01em; color: #000000;}
.summary1 .tit2{display: block;margin-top: 6px;}
.summary1 .tit2 span {background: linear-gradient(transparent -100%, #fff5da 100%);background-position:0 calc(100% - 5px);background-size:100% 10px;background-repeat: no-repeat;font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing:-0.01em;color:#f03171;}
.summary1 .list {display: flex;justify-content: space-between;margin-top: 20px;}
.summary1 .list > li {width:31.5%;}
.summary1 .list > li .img {display: block;padding-bottom: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;border-radius: 15px;}
.summary1 .list > li .txt {display: block;margin-top: 18px;font-size: 18px;font-weight: 400; line-height: 1.556;letter-spacing:-0.01em; color: rgb(0, 0, 0);word-break: keep-all;}

/* 수업에서 다루는 내용 */
.summary2 {padding-top: 58px;}
.summary2 .list {display: flex;flex-wrap:wrap;margin-top: 20px;}
.summary2 .list > li {position: relative;width: 148px;margin: 0 15px 15px 0;}
.summary2 .list > li:last-child {margin-right: 0;}
.summary2 .list > li .img {display: block;padding-bottom: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;border-radius: 15px;}
.summary2 .list > li .txt {display: block;position: absolute;top: 50%;left: 50%;padding: 15px;font-size: 18px; font-weight: 700; line-height: 1.556; letter-spacing:-0.01em; color: rgb(255, 255, 255);text-align: center;z-index: 2;transform: translate(-50%,-50%);word-break: keep-all;}
.summary2 .list > li:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}

/* 수업 진행방식 */
.process {padding-top: 55px;}
.process .list {display: flex;flex-wrap: wrap;margin-top: 20px;}
.process .list > li {display: flex;align-items: center;width: 50%;margin-bottom: 29px;}
.process .list > li .img { height: 118px; min-width: 118px;background-position:center center;background-size: cover;background-repeat: no-repeat;border: 1px solid #dedede; border-radius: 50%;}
.process .list > li .info {width:calc(100% - 118px);padding: 0 12px;}
.process .list > li .info .tit {font-size: 18px; font-weight: 700; letter-spacing:-0.01em; color: rgb(0, 0, 0);word-break: keep-all;}
.process .list > li .info .txt {margin-top: 4px;font-size: 18px; line-height: 1.556; letter-spacing:-0.01em; color: rgb(51, 51, 51);word-break: keep-all;}

/* 사용 프로그램 및 준비물 안내 */
.program_info {padding-top: 32px;}
.program_info .list {display: flex;flex-wrap:wrap;align-items: center;margin-top: 30px;padding: 15px 25px;background-color: #f5f7fb; border-radius: 6px;}
.program_info .list > li {display: flex;align-items: center;width: 25%;padding: 5px 0;}
.program_info .list > li .icon {height: 31px;min-width: 31px;background-position: center center;background-size: contain;background-repeat: no-repeat;}
.program_info .list > li .tit {width: calc(100% - 31px);padding-left: 9px;font-size: 16px; font-weight: 500;line-height: 1.2; letter-spacing:-0.01em;color: rgb(0, 0, 0);}
.program_info .txt {margin-top: 16px;padding: 0 11px;font-size: 16px; line-height: 1.75; letter-spacing:-0.01em; color: rgb(0, 0, 0);word-break: keep-all;}

/* 커리큘럼 */
.curriculum {padding: 115px 0 0;}
.curriculum .list {margin-top: 21px;}
.curriculum .list > li {display: flex;align-items: flex-start;padding: 24px 0;border-bottom: 1px solid #f0f0f0;}
.curriculum .list > li .img {min-width: 318px;padding-bottom:200px;background-position: center center;background-size: cover;background-repeat: no-repeat;border-radius: 15px;}
.curriculum .list > li .info {padding-left: 35px;}
.curriculum .list > li .info .tit {display: block;margin-top: 17px;font-size: 18px; font-weight: 700; line-height: 1.2; color: rgb(0, 0, 0);}
.curriculum .list > li .info .txt {margin-top: 9px;}
.curriculum .list > li .info .txt > li {position: relative;padding-left: 14px;font-size: 18px; line-height: 1.556; color:#333;}
.curriculum .list > li .info .txt > li:before {content:'';position: absolute;top: 11px;left: 0;width: 4px;height: 4px;background: #999;border-radius:50%;}

/* 커리큘럼 에디터 */
.curriculum_edit {padding-top: 67px;}
.curriculum_edit .edit {margin-top: 70px;}
.curriculum_edit .edit img {height: auto !important;max-width: 100% !important;}

/* 선생님 소개 */
.teacher_info {padding-top: 90px;}
.teacher_info .career {display: flex; margin-top: 11px;padding: 32px 50px 26px; background-color: rgb(245, 247, 251);border-radius: 15px;}
.teacher_info .career .img { height: 180px; min-width: 180px;background-position: center center;background-size: cover;background-repeat: no-repeat;border: 1px solid #dedede; border-radius: 50%;}
.teacher_info .career .info {width:calc(100% - 180px);padding-left: 53px;}
.teacher_info .career .info .list {margin-top: 23px;}
.teacher_info .career .info .list dt {padding-bottom: 11px;border-bottom: 1px solid #e8e9ef;font-size: 18px; font-weight: 700; line-height: 1.2;letter-spacing:-0.01em;color: rgb(0, 0, 0);}
.teacher_info .career .info .list dd.now {font-weight: 500;}
.teacher_info .career .info .list dd {margin-top: 10px;font-size: 16px; line-height: 1.625; letter-spacing:-0.01em; color: rgb(51, 51, 51);}
.teacher_info .career .info .list dd + dt {margin-top: 47px;}
.teacher_info .career .info .link { display: flex;justify-content: center;align-items: center; width: 173px; height: 45px;margin-top: 12px; background-color: rgb(143, 15, 246);border-radius: 4px;font-size: 14px; font-weight: 500;letter-spacing:-0.01em; color: #ffffff; }

/* 수업에 대한질문 */
.qna {padding-top: 64px;}
.qna .txt1 {margin-top: 7px;font-size: 16px;letter-spacing:-0.01em; color: rgb(153, 153, 153);}
.qna_slider .arrow_wrap {float: right;display: flex;justify-content: space-between;position: relative;width: 45px;margin-top: -22px;font-size: 0;}
.qna_slider .arrow_wrap .arrow {width: 10px;height: 16px;background-position: center center;background-size: contain;background-repeat: no-repeat;cursor: pointer;opacity: 0.4;}
.qna_slider .arrow_wrap .arrow:hover {opacity: 1;}
.qna_slider .arrow_wrap .arrow.prev {background-image: url('/template/resp/images/ico_prev03.png');}
.qna_slider .arrow_wrap .arrow.next {background-image: url('/template/resp/images/ico_next03.png');}
.qna_slider .arrow_wrap:before {content:'';position: absolute;top: 50%;left: 50%;width: 1px;height: 15px;background: #cccccc;transform: translate(-50%,-50%);}
.qna_slider .inner {overflow: hidden;padding-top: 21px;clear: both;}
.qna_list > li {border: 1px solid #ddd;border-radius: 15px;}
.qna_list > li a {display: block;padding: 32px 28px 60px;}
.qna_list > li .tit:before {content:'';display: block;width: 15px;height: 17px;margin-bottom: 25px;background:url('/template/resp/images/qna_ico01.png') center center no-repeat;background-size: contain;}
.qna_list > li .tit {display: block;font-size: 16px; font-weight: 500; line-height: 1.625; letter-spacing:-0.01em; color: rgb(51, 51, 51);}
.qna_list > li .txt2 {overflow: hidden;margin-top: 7px;font-size: 14px; line-height: 1.714; letter-spacing:-0.01em; color: rgb(102, 102, 102);  -webkit-box-orient: vertical;}
/* 191 .qna_list > li .txt2에서 제거 display: -webkit-box; -webkit-line-clamp: 4;*/

/* 관련강의 */
.relate {padding-top: 64px;}
.sub_lecture .lecture_list {flex-wrap: nowrap;}
.sub_lecture .lecture_list > li .info .tit {color: #333333;}
.sub_lecture .lecture_list > li .info .price_wrap .price {color: #000000;}
.sub_lecture .lecture_list > li .info {margin-top: 13px;padding: 0 15px;}
.sub_lecture .lecture_list > li .info .tag_wrap .tag.personnel {border: 1px solid #8f0ff6;line-height: 17px;}
.sub_lecture .lecture_list > li .info .tag_wrap .tag {margin-right: 0;}
.sub_lecture .lecture_list > li .info .tag_wrap .tag + .tag {display: none;}
.sub_lecture .lecture_list > li .info .date {font-size: 14px;}
.sub_lecture .inner {overflow: hidden;margin-top: -3px;clear: both;}
.sub_lecture .arrow_wrap {float: right;display: flex;justify-content: space-between;position: relative;width: 45px;margin-top: -22px;font-size: 0;}
.sub_lecture .arrow_wrap .arrow {width: 10px;height: 16px;background-position: center center;background-size: contain;background-repeat: no-repeat;cursor: pointer;opacity: 0.4;}
.sub_lecture .arrow_wrap .arrow:hover {opacity: 1;}
.sub_lecture .arrow_wrap .arrow.prev {background-image: url('/template/resp/images/ico_prev03.png');}
.sub_lecture .arrow_wrap .arrow.next {background-image: url('/template/resp/images/ico_next03.png');}
.sub_lecture .arrow_wrap:before {content:'';position: absolute;top: 50%;left: 50%;width: 1px;height: 15px;background: #cccccc;transform: translate(-50%,-50%);}

/* 환불규정 */
.refund_pop {display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 300;}
.refund_pop .bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 299;}
.refund_pop .pop_con {overflow: hidden;position: absolute;top: 50%;left: 50%;width: 600px;max-width: 90%;max-height: 90%;padding-top: 69px;background: #fff;font-size: 14px;z-index: 300;transform: translate(-50%,-50%);}
.refund_pop .pop_con .img {margin-bottom: 30px;}
.refund_pop .pop_con img {max-width: 100%;}
.refund_pop .pop_con .pop_close {position: absolute;top: 25px;right: 20px;width: 25px;height: 25px;}
.refund_pop .pop_con .tit {display: block;position: absolute;top: 0;padding: 20px;font-size: 20px;}
.refund_pop .pop_con .scroll {max-height: 88vh;padding: 0 40px 24px;overflow-y: auto;}
.refund_con .tit1 {display: block;padding-bottom: 16px;font-size: 18px;font-weight: 700;line-height: 1.3;color: #000;word-break: keep-all;}
.refund_con .txt1 {padding-bottom: 16px;font-size: 18px;font-weight: 400;line-height:1.3;color: #000;word-break: keep-all;}
.refund_con .table_style1 {margin-bottom: 36px;}
.refund_con .table_style1 th {padding: 13px 20px;background: #f8f8f9;border: 1px solid #eee;font-size: 18px;font-weight: 500;line-height: 1.3;color: #000;text-align: left;}
.refund_con .table_style1 td {padding: 13px 20px;border: 1px solid #eee;font-size: 18px;line-height: 1.3;color:#000;}


.refund_wrap {padding-top: 32px;}
.refund_wrap .refund {display: flex;justify-content: space-between;align-items: center;margin-top: 18px;padding: 33px 40px; background-color: rgb(242, 243, 248);border-radius: 4px; }
.refund_wrap .refund .txt {padding-right: 15px;font-size: 14px;letter-spacing:-0.01em; color: rgb(51, 51, 51);word-break: keep-all;}
.refund_wrap .refund a {font-size: 14px;font-weight: 500; color: rgb(20, 89, 255);white-space: nowrap;}
.refund_wrap .refund a:after {content:'';display: inline-block;width: 7px;height: 11px;margin-top: -2px;margin-left: 6px;background:url('/template/resp/images/refund_btn01.png') center center no-repeat;background-size: contain;vertical-align: middle;}




.lecture_slide {overflow: hidden;width: 80.77%;}
.lecture_list {display: flex;flex-wrap:wrap;padding: 20px 0 0 0;}
.lecture_list > li {width:32.144%;top: 0;margin-right:1.784000000000006%;margin-bottom: 4%;transition: all 0.3s;}
.lecture_list > li a {display: block;}
.lecture_list > li:hover {top: -20px;}
.lecture_list > li:nth-child(3n) {margin-right: 0;}
.lecture_list > li .img_wrap {position: relative;}
.lecture_list > li .img_wrap .img {overflow: hidden;position: relative;display: block;width: 100%; padding-bottom: 56.793%;background-position:center center;background-size: cover;background-repeat: no-repeat;border-radius: 11px;}
.lecture_list.sub_type > li .img_wrap .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.lecture_list.sub_type > li:hover .img_wrap .img img {transform: scale(1.15);}
.lecture_list > li .img_wrap .top_tag {position: absolute;top: 12px;left: 12px;width: 45px;height: 45px;background: #006bff;border-radius:25px;font-size: 14px;font-weight:700;line-height: 45px;color: #fff;text-align: center;z-index:100;opacity:0.7}
.lecture_list > li .img_wrap .top_tag.live {background-color: #ff0072;}
.lecture_list > li .img_wrap .top_tag.vl {background-color: #8f0ff7;}
.lecture_list > li .info {padding: 0 20px;margin-top: 23px;}
.lecture_list > li .info .tag_wrap {font-size: 0;display: flex;justify-content: space-between;}
.lecture_list > li .info .tag_wrap .tag {height: 19px;white-space: nowrap; min-width: 50px;padding: 0 5px;margin-right: 5px;background: #000;border-radius:4px;font-size: 12px;font-weight: 500;line-height: 19px;color: #fff;text-align: center;}
.lecture_list > li .info .tag_wrap .tag.new {background: #1459ff;}
.lecture_list > li .info .tag_wrap .tag.best {background: #ff0054;}
.lecture_list > li .info .tag_wrap .tag.deadline {font-weight: 700;background: #8f0ff6;color: #d1ff1a;}
.lecture_list > li .info .tag_wrap .tag.personnel {background: #ffffff;color: #8f0ff6;}
.lecture_list > li .info .tag_wrap .right {display: flex;}
.lecture_list > li .info .tag_wrap .right .tag:last-of-type {margin-right: 0;}
.lecture_list > li .info .tit {overflow: hidden;display: block;margin-top: 4px;letter-spacing:-0.01em;font-size: 16px;font-weight: 500;line-height: 1.5;color: #fff;word-break: keep-all;white-space: nowrap; text-overflow: ellipsis;}
.lecture_list > li .info .tag2 {font-family: 'gs';margin-top: 1px;padding-right: 10px;font-size: 16px;font-weight: 500;color: #f03171;}
.lecture_list > li .info .date {display: block;margin-top: 5px;font-size: 14px;color: #8f0ff6;}
.lecture_list > li .info .txt {overflow: hidden;display: block;margin-top: 3px;font-size: 14px;color: #999;white-space: nowrap; text-overflow: ellipsis;}
/* .lecture_list > li .info .date:before {content:'';display: inline-block;width: 20px;height: 22px;margin: -6px 5px 0 0;background:url('/template/resp/images/ico_date01.png') center center no-repeat;background-size: contain;vertical-align: middle;} */
.lecture_list > li .info .price_wrap {margin-top: 12px;font-size: 0;text-align: right;}
.lecture_list > li .info .price_wrap .cost {display: inline-block;font-size: 13px;color: #454545;vertical-align: middle;text-decoration:line-through;}
.lecture_list > li .info .price_wrap .down {display: inline-block;margin-left: 3px;font-size: 16px;font-weight: 700;color: #f03171;vertical-align: middle;}
.lecture_list > li .info .price_wrap .down:after {content:'';display: inline-block;width: 9px;height: 15px;margin-top: -2px;background:url('/template/resp/images/ico_down01.png') center center no-repeat;background-size: contain;vertical-align: middle;}
.lecture_list > li .info .price_wrap .price {display: inline-block;margin-left: 3px;font-size: 20px;font-weight: 700;color: #fff;vertical-align: middle;}
.lecture_list.sub_type > li .info .tit,
.lecture_list.sub_type > li .info .price_wrap .price {color: #000;}
.lecture_list.sub_type > li .info .tag_wrap .tag.personnel {border: 1px solid #8f0ff6;line-height: 17px;}

.lecture_slide .lecture_list {flex-wrap: nowrap;}
.lecture_slide .lecture_list > li {margin-right: 0;margin-bottom: 20px;}

.dis_rate_0{display:none !important;}



/* 강의상세 상단 배너 */
.lecture_banner {overflow: hidden;position: relative;left: 50%;width: 100vw;margin-bottom: 60px;transform: translate(-50%,0);}
.lecture_banner:after {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1;}
.lecture_banner .img {display: block;padding-bottom: 27.084%;background-position: center center;background-size: cover;background-repeat: no-repeat;transform: scale(1.05);animation-name: bannerSize;animation-duration: 3s;}
@keyframes bannerSize {
    from {transform: scale(1);}
    to {transform: scale(1.05);}
}
.lecture_banner .inner {position: absolute;top: 0;left: 50%;width: 100%;height: 100%;max-width: 1210px;padding: 0 15px;z-index: 2;transform: translate(-50%,0);}
.lecture_banner .txt_wrap {position: absolute;bottom: 17.31%;left: 15px;width:calc(100% - 30px);}
.lecture_banner .txt_wrap .txt1 {display: block;font-size: 16px; line-height: 1.2;color: rgb(187, 187, 187);word-break: keep-all;}
.lecture_banner .txt_wrap .txt2 {display: block;margin-top: 7px; font-family: "gs";font-size: 30px; font-weight: 700; line-height: 1.2; color: rgb(255, 255, 255);word-break: keep-all;}



@media(max-width:1180px) {
    body {padding-top: 0;}

}

/*강의실 수강평 별점 by kang*/
#after_write .starScore{padding:3px 0 0 0; font-size:11px; color:#d70b0b; }
#after_write .starScore .scoreBg{display:inline-block; position:relative; top:2px; width:84px; height:15px; margin-right:5px; background:url("/template/1/type1/images/starScore_off.gif") 0 0 no-repeat; }
#after_write .starScore .scoreOn{display:block; position:absolute; top:0; left:0; width:84px; height:15px; background:url("/template/1/type1/images/starScore_on.gif") 0 0 no-repeat;}


/*게시판 상단 이미지 by kang*/
.bo_image_head{max-width:100%;height:auto !important;}





/* 거래명세서 */
.training {width: 904px;margin: 100px auto 120px;border:2px solid black;position:relative;}
.training h2 {position: relative;font-size: 36px;font-weight: 500;letter-spacing:10px;color: #222222;text-align: center;text-indent: 20px;}
.training h2:after {content:'';display: block;width: 181px;height: 2px;margin: 2px auto 0;background: #727272;}
.training1 {overflow: hidden;margin-top: 54px;}
.training1_list {width: 400px;float: left;}
.training1_list > li {font-size: 0;}
.training1_list > li + li {margin-top: 12px;}
.training1_list > li .tit {display: inline-block;width: 74px;margin-top: 5px;font-size: 16px;font-weight: 400;line-height: 0;color: #222222;text-align: justify;vertical-align: top;}
.training1_list > li .tit:after, .training1_list > li .tit:before {content: "";display: inline-block;width: 100%;}
.training1_list > li .txt {display: inline-block;width: calc(100% - 74px);padding:0 25px 0 30px;font-size: 16px;font-weight: 300;line-height: 24px;letter-spacing:-0.025em;
color: #666666;text-indent: -12px;word-break: keep-all;}
.training1_list > li .txt span {margin-right: 8px;}


.training1_table {width: 500px;margin-top: 6px;float: left;table-layout: fixed;}
.training1_table th {padding: 6px 0 8px;border: 1px solid #989898;font-size: 16px;font-weight: 300;line-height: 1;color: #444444;text-align: center;height:auto;}
.training1_table .th_gray {background: #cfd3d9;font-weight: 400;line-height: 30px;color: #222222;}
.training1_table td {border: 1px solid #989898;text-align: center;height:36px;}


.training2 {}
.training2_table1 {table-layout: fixed;border: 1px solid #989898;}
.training2_table1 th {padding: 4px 0 6px;background:#e9ebee;border: 0px solid #989898;font-size: 16px;font-weight: 400;}
.training2_table1 td {padding: 0 10px;height:36px;border: 0px solid #989898;font-size: 16px;font-weight: 300;color: #444444;text-align: right;}
.training2_table1 td input[type="text"] {width: 70%;height: auto;padding: 0 5px;border: none;font-size: 16px;font-weight: 300;color: #444;text-align: right;vertical-align: top;}

.training2 {}
.training2_table2 {}
.training2_table2 th {padding: 6px 0 8px;background: #e9ebee;border: 1px solid #989898;font-size: 16px;font-weight: 400;line-height: 22px;color: #222222;text-align: center;}
.training2_table2 th .info {display: inline-block;margin-top: -2px;font-size: 14px;vertical-align: top;}
.training2_table2 .th_gray {padding: 5px 0 7px;background: #cfd3d9;border: 1px solid #989898;}
.training2_table2 td {border: 1px solid #989898;height:36px;font-size: 13px;font-weight: 300;letter-spacing:-0.025em;color: #666666;}
.training2_table2 td.center, .training2_table2 td.center input[type="text"] {text-align: center;}
.training2_table2 td.right, .training2_table2 td.right input[type="text"] {text-align: right;padding-right:5px;}
.training2_table2 td.num {font-size: 14px;text-align: center;}
.training2_table2 td input[type="text"] {width: 100%;height: auto;padding:8px 15px 10px;border: none;font-size: 13px;font-weight: 300;letter-spacing:-0.025em;color: #666666;}

.training .training_down {position:absolute;top:-50px;right:10px;display: block;width: 100px;height: 40px;background: #26282b;border-radius:5px;font-size: 16px;line-height: 40px;letter-spacing:-0.025em;color: #fff;text-align: center;}

.training .print_date {text-align:right;padding-right:50px;}
.training .print_date input{width:60px;border:0px;text-align:right;margin:0px 10px;}
.training .print_to_name {text-align:right;padding-right:50px;}
.training .print_to_name input{width:240px;border:0px;text-align:center;margin:0px 10px;}
.training1_list > li .underline {display: inline-block;font-size: 16px;padding-right:20px;font-weight: 300;line-height: 24px;letter-spacing:-0.025em;
color: #666666;word-break: keep-all;border-bottom:2px solid black;}
.training .bottom_border_strong td, .training .bottom_border_strong th{border-bottom:2px solid black;}
.training .top_border_strong td, .training .top_border_strong th{border-top:2px solid black;}
@media print {
	.training .training_down {display:none;}
	/*
    html, body {
        page-break-after: avoid !important;
        page-break-before: avoid !important;
	}   
	*/
}   

.mov_list_table{width:600px;margin:30px;border-top:3px solid black;}
.mov_list_table th{background-color:#edeff1;}
@media (max-width: 600px) {
	.mov_list_table{width:500px;}
}
@media (max-width: 500px) {
	.mov_list_table{width:400px;}
}
@media (max-width: 400px) {
	.mov_list_table{width:300px;}
}
.total_time_info{margin:30px;color:rgb(108, 117, 125);}

.viewIn #pi { width:auto !important;)