@charset "utf-8";
@font-face{
	font-family:'NanumSquare';
	font-weight:400;
	src:url('../font/NanumSquareR.eot');
	src:url('../font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumSquareR.woff') format('woff'),
		url('../font/NanumSquareR.ttf') format('truetype');
}

@font-face{
	font-family:'NanumSquare';
	font-weight:700;
	src:url('../font/NanumSquareB.eot');
	src:url('../font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumSquareB.woff') format('woff'),
		url('../font/NanumSquareB.ttf') format('truetype');
}


/*-----------------------------------------------------------------------------------
	Reset Properties
-----------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {word-break:keep-all;box-sizing:border-box;margin:0;padding:0;background:none transparent;font-size:100%;font-weight:normal;font-style:none;border:0;font-size:100%;-webkit-text-size-adjust:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;border:0;table-layout:fixed;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
ins{text-decoration:none;}
del{text-decoration:line-through;}
pre{white-space:pre-wrap;word-wrap:break-word;}
img{width:100%;vertical-align:top;-ms-interpolation-mode:bicubic;}
li{list-style:none;}
address, caption, em, cite{font-weight:normal;font-style:normal;}
caption{width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
legend, hr{position:absolute;top:-9999em;left:-9999em;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
button{border:none;font-family:"Noto Sans KR";}
html, body{position:relative;height:100%;}/* 사파리에서 스크롤 막기 */
body{font:14px/1.2 "Noto Sans KR", sans-serif;color:#666;
background:#fff;-webkit-text-size-adjust:none; overflow-x:hidden;
}
a{color:#666;text-decoration:none;}
a:visited, a:hover, a:active{color:#666;text-decoration:none;}
label, select, input, textarea{font:14px/1.2 "Noto Sans KR", sans-serif;color:#666;vertical-align:middle;}
input, textarea{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-appearance:none;padding:0;margin:0;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
::-webkit-input-placeholder{color:#d9d9d9;}
:-moz-placeholder{color:#d9d9d9;}
::-moz-placeholder{color:#d9d9d9;}
:-ms-input-placeholder{color:#d9d9d9;}
input[type="text"], input[type="password"], input[type="number"]{width:100%;height:34px;line-height:32px;padding-left:11px;border-radius:3px;border:1px solid #ddd;color:#666;font-size:14px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus{border-color:#20b0b9;color:#666;outline:none;}
input[type="password"], input[type="password"]:focus{font-family:sans-serif;}/* 웹폰트 적용시 입력값 표시가 안됨 */
input[type="checkbox"], input[type="radio"]{display:none;}
input[type="checkbox"] + label{display:inline-block;min-height:19px;line-height:19px;padding-left:25px;background:url("../images/bg_chkbox_off.png") no-repeat left center;background-size:17px 17px;font-size:12px;color:#666;}
input[type="checkbox"]:checked + label{background-image:url("../images/bg_chkbox_on.png");}
input[type="radio"] + label{display:inline-block;cursor:pointer;min-height:19px;line-height:19px;padding-left:25px;background:url("../images/bg_radio_off.png") no-repeat left center;background-size:17px 17px;font-size:12px;color:#666;}
input[type="radio"]:checked + label{background-image:url("../images/bg_radio_on.png");}
textarea{width:100%;padding:15px;border-radius:3px;border:1px solid #ddd;color:#666;font-size:14px;}
textarea:focus{border-color:#20b0b9;color:#666;outline:none;}


/*-----------------------------------------------------------------------------------
	Layout Properties
-----------------------------------------------------------------------------------*/
#wrap.withFoot{position:absolute;left:0;top:0;width:100%;height:100%;min-height:630px;}

#header{padding:0 5%;margin:0 auto;display:flex;justify-content: space-between;align-items:center;position:relative;height:52px;background:#fff;border-bottom:1px solid #179EAE;}
#header .left-header{display:flex;}
#header .left-header .btnBack img{width:23px;vertical-align:bottom;margin-bottom:2px;}
#header .left-header .header-menu{display:flex;align-items:center;}
#header .left-header .header-menu > li a{font-size:15px;font-weight:700;color:#ddd; margin-left:12px;}
#header .left-header .header-menu > li a.on{color:#000;}
#header .right-header .btnGnbOpen img{width:25px;}
#header .pageTit{height:55px;line-height:55px;padding-left:53px;color:#fff;font-weight:700;font-size:20px;}
.demand-box{position:fixed;z-index:100;bottom:20px; right:20px;}
.demand-box .close-button{position:absolute;top:0;right:0;border-radius:50%;background:#555;font-size:15px;color:#fff;}
.demand-box .close-button img{width:22px;}
.demand-box .btnGnbDemand{padding-top:26px;width:78px;height:78px;text-align:center;display:block;font-size:16px;font-weight:500;color:#EB7041;border-radius:50%;border:2px solid #EB7041;background:#fff;}
#gnb{position:fixed;right:0;top:0;width:0;height:100%;background:#F2F6F7;z-index:110;}
#gnb .welcomeTxt{font-size:14px; font-weight:700; color:#000;text-align:center;padding:28px 7px 0;}
#gnb .welcomeTxt::after{content:'';display:block;width:25px;height:2px;background:#000;margin:20px auto;}
#gnb .gnbList li{border-top:1px solid #ddd;background:#fff;}
#gnb .gnbList li:last-child{border-bottom:1px solid #ddd;}
#gnb .gnbList a{display:block;text-align:center;width:100%;padding:14px 0;font-size:16px;color:#555;font-weight:500;}
#gnb .gnbList li.on a{color:#fff;background:#179EAE;}
#gnb .bottom-menu{position:absolute;bottom:0;width:100%;}
#gnb .bottom-menu a{display:block;width:100%;font-size:16px;font-weight:500;text-align:center;padding:11px 0;}
#gnb .myInfoModify{background:#fff;font-size:#333;border-top:1px solid #ddd;}
#gnb .btnLogout{background:#000; color:#fff;}
#gnb .btnGnbClose{position:absolute;left:-33px;top:16px;width:22.5px;display:none;}
.dimLayer{position:fixed;left:0;top:0;width:100%;height:100%;min-height:100%;background:#000;opacity:0.7;z-index:100;display:none;}

#container{position:relative;z-index:1;}
#wrap.withFoot #container{position:absolute;left:0;top:0;width:100%;height:100%;min-height:585px;}
.cntsWrap{position:relative;width:90%;margin:0 auto;padding-bottom:80px;}

#footer{position:absolute;left:0;bottom:0;width:100%;background:#444;z-index:1;}
#footer p{height:30px;line-height:30px;text-align:center;color:#fff;}
.btnGoTop{position:fixed;right:10px;bottom:22px;display:inline-block;width:40px;z-index:99;}

/*-----------------------------------------------------------------------------------
	Common Properties
-----------------------------------------------------------------------------------*/
.blind{position:absolute;left:-9999px;top:-9999px;font-size:0;width:0;height:0;line-height:0;overflow:hidden;}

.txtRed{color:#ee1414 !important;}
.txtBlue{color:#4278f2 !important;}
.txtOrg{color:#ea7041 !important;}
.txtLeft{text-align:left !important;}
.txtRight{text-align:right !important;}
.txtCenter{text-align:center !important;}
.txtBold{font-weight:700 !important;}

/* 버튼 */
.btn{display:inline-block;cursor:pointer;text-align:center;box-sizing:border-box;}
.btn.big{height:50px;line-height:48px;font-size:20px;font-weight:700;}
.btn.big.alone{width:100%;}
.btn.basic{background:#fff;border:1px solid #ddd;color:#666;}
.btn.blue{background:#116895;border:1px solid #116895;color:#fff;}
.btn.blue02{background:#29808A;border:1px solid #29808A;color:#fff;}
.btn.blue03{background:#2E686F;border:1px solid #2E686F;color:#fff;}
.btn.red{background:#179EAE;border:1px solid #179EAE;color:#fff;}
.btn.mid{padding:0 20px;height:40px;line-height:38px;font-size:15px;font-weight:700;}
.btnGoData{display:inline-block;height:26px;padding:0 8px;border-radius:2px;background:#f7c353;font-size:0;}/* 자료실 */
.btnGoData span{position:relative;display:inline-block;height:26px;line-height:28px;padding-left:15px;color:#fff;font-weight:700;font-size:12px;}
.btnGoData span:before{content:"";position:absolute;left:0;top:50%;display:inline-block;width:10px;height:12px;margin-top:-6px;background:url("../images/ico_data.png") no-repeat 0 0;background-size:10px 12px;}
.btnPlayClass{display:inline-block;width:105px;height:30px;line-height:30px;color:#fff !important;font-weight:700;font-size:14px;border-radius:2px;background:#20b0b9;}
.test-button-box{
	display:flex;
	justify-content: space-between;
	margin-top:15px;
}
.test-button-box > a{
	width:100%;
	margin-right:15px;
}
.test-button-box > a:last-child{
	margin-right:0;
}
/* 테이블 */
.tblData{width:100%;border-top:2px solid #0d5478;}
.tblData th, .tblData td{padding:15px 0;font-size:15px;text-align:center;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;}
.tblData th.lineNo, .tblData td.lineNo{border-left:0;}
.tblData th{font-weight:700;color:#444;background:#e5e5e5;}
.tblData td{color:#666;background:#fff;}
.tblData td.txtLeft, .tblData td.txtRight{padding:5px;}
.tblData tfoot th, .tblData tfoot td{background:#fefae2;color:#000;}
.tblData .verticalLine th, .tblData .verticalLine td{border-bottom:1px solid #666;}
.tblData.tdLeft td{text-align:left;padding:5px;}
.tblData.tdLeft td.txtCenter{padding:5px 0;}
.tblData td.lessonTit{font-weight:700;color:#000;}

/* 게시판 리스트 */
.communityList{width:100%;border-top:2px solid #0d5478;}
.communityList li{width:100%;border-bottom:1px solid #cdcdcd;background:#fff;font-size:14px;}
.communityList li:nth-child(even){background:#f5fbff;}
.communityList a{display:block;width:100%;height:72px;padding:15px 15px 0;}
.communityList .tit{position:relative;width:100%;padding-left:50px;}
.communityList .tit span{position:absolute;left:0;top:0;display:inline-block;width:50px;font-weight:700;}
.communityList .tit p{font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.communityList .info{width:100%;margin-top:8px;}
.communityList .info:after{content:"";display:block;clear:both;}
.communityList .info p{float:left;}
.communityList .info .name{width:30%;padding-top:5px;}
.communityList .info .date{width:40%;padding-top:5px;text-align:center;}
.communityList .info .re, .communityList .info .file{width:30%;text-align:right;}
.communityList .info .re span{display:inline-block;width:61px;height:22px;line-height:24px;border-radius:3px;font-size:12px;font-weight:700;text-align:center;}
.communityList .info .re span.ok{background:#116895;color:#fff;}
.communityList .info .re span.no{background:#fff;color:#116895;border:1px solid #bbbaba;line-height:22px;}
.communityList.dataList .tit p{position:relative;padding-left:20px;color:#4278f2;text-decoration:underline}
.communityList.dataList .tit p:before{content:"";position:absolute;left:0;top:50%;display:inline-block;width:15px;height:16px;margin-top:-8px;background:url("../images/ico_file.png") no-repeat 0 0;background-size:15px 16px;}
.communityList.dataList .name, .communityList.info2 .name{width:50%;}
.communityList.dataList .date, .communityList.info2 .date{width:50%;text-align:right;}

/* 게시판 상세 */
.tblDetail{width:100%;border-top:2px solid #0d5478;overflow:hidden;padding-bottom:17px;}
.tblDetail th, .tblDetail td{padding:5px 0;font-size:12px;text-align:center;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;background:#fff;font-size:14px;}
.tblDetail th.lineNo, .tblDetail td.lineNo{border-left:0;}
.tblDetail td.title{text-align:left;padding:15px 10px;font-weight:700;color:#333;}
.tblDetail th, .tblDetail th label{font-weight:700;color:#444;background:#e5e5e5;}
.tblDetail td.txtLeft, .tblDetail td.txtRight{padding:5px;}
.tblDetail td a.file{position:relative;display:inline-block;min-height:16px;line-height:16px;padding-left:20px;color:#4278f2;text-decoration:underline;word-break:break-all;}
.tblDetail td a.file:before{content:"";position:absolute;left:0;top:50%;display:inline-block;width:15px;height:16px;margin-top:-8px;background:url("../images/ico_file.png") no-repeat 0 0;background-size:15px 16px;}
.tblDetail td.cntArea{text-align:left;padding:15px 10px;}

/* 페이지 네비게이션 */
.paging{width:100%;margin:45px 0 0;padding-bottom:80px;text-align:center;font-size:0;}
.paging > a{display:inline-block;font-size:16px;font-weight:700;color:#333;vertical-align:middle;margin:0 10px;}
.paging > span{display:inline-block;vertical-align:middle;margin:0 10px;}
.paging > span img{width:11px;}
.paging > span a{display:block;width:23px;height:23px;background:#20b0b9;text-align:center;padding-top:3px;}
.paging strong{font-size:16px;font-weight:700;color:#20b0b9;vertical-align:middle;margin:0 10px;}

/*-----------------------------------------------------------------------------------
	Contents Properties
-----------------------------------------------------------------------------------*/
/* 로그인 */
.logoArea{width:360px;margin:0 auto;padding:37px 0;}
.loginArea{width:80%;max-width:330px;min-width:240px;margin:0 auto;padding:15px;background:#fff;border-radius:5px;}
.loginArea input[type="text"], .loginArea input[type="password"]{width:100%;height:40px;line-height:41px;padding-left:16px;border-radius:20px;font-size:14px;}
.loginArea .inputPw{margin:5px 0 9px;}
.loginArea .btnLogin{display:block;width:100%;line-height:40px;height:40px;margin-top:13px;background:#179EAE;color:#fff;font-size:16px;font-weight:500;text-align:center;border-radius:20px;}
.loginArea .btnIdSearch{display:block;width:100%;line-height:30px;height:30px;margin-top:13px;background:#E02432;color:#fff;font-size:14px;font-weight:400;text-align:center;border-radius:20px;}
.loginArea .btnPasswordSearch{display:block;width:100%;line-height:30px;height:30px;margin-top:5px;background:#EB6B46;color:#fff;font-size:14px;font-weight:400;text-align:center;border-radius:20px;}
.centerInfo{width:270px;margin:27px auto 0;padding:0 17px;}
.centerInfo .tit{display:inline-block;height:25px;line-height:25px;padding:0 8px;margin-bottom:8px;border-radius:8px;font-size:15px;font-weight:700;color:#fff;background:#f7c355;}
.centerInfo li{position:relative;padding-left:13px;font-size:14px;line-height:20px;}
.centerInfo li:before{content:"";position:absolute;left:5px;top:9px;display:inline-block;width:3px;height:3px;border-radius:1.5px;background:#666;}
.centerInfo li strong{position:relative;display:inline-block;padding-right:15px;}
.centerInfo li strong:before{content:"";position:absolute;right:7px;top:4px;display:inline-block;width:1px;height:10px;background:#b8b8b8;}

/*아이디 및 비밀번호 찾기*/
.searchArea .tit{font-size:20px;font-weight:700;color:#000;margin:10px 0 20px;}
.searchArea .sub-txt{font-size:15px;font-weight:500;color:#333;margin-bottom:20px;}
.searchArea > div{margin-bottom:15px;}
.searchArea > div > p{font-size:16px; color:#000;font-weight:700;margin-bottom:5px;}
.searchArea > div > input{text-align:center;padding-left:0 !important;}
.searchArea .result-box{border:1px solid #e4e4e4;margin-top:20px;padding:10px 5px;}

/* 탭메뉴 */
.tabMenuArea{width:100%;height:75px;}
.tabMenuArea li{float:left;width:33.3%;}
.tabMenuArea li a{
	display:block;width:100%;height:75px;line-height:73px;background:#126894;color:#a7bdce;text-align:center;font-size:20px;font-weight:700;
	border-left:1px solid #4d8eaf;border-top:1px solid #4d8eaf;border-right:1px solid #105679;border-bottom:1px solid #105679;
}
.tabMenuArea li.on a{background:#034d73;color:#fff;}

/* 나의 강의실 */
.totalClassNum{margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.4;color:#000;}
.totalClassNum span{font-size:22px;font-weight:700;}
.totalClassNum strong{font-size:22px;color:#E22632;font-weight:700;}
.totalClassNum-bottom::after{content:'';display:block;width:25px;height:2px;background:#000;margin:20px 0 22px;}
.totalClassNum-bottom span{font-size:22px;font-weight:700;color:#000;}
.totalClassNum-bottom strong{font-size:22px;color:#E22632;font-weight:700;}
.pageSubTit{margin-bottom:15px;font-size:15px;color:#333;font-weight:700;}
.myclass-list h1{width:100%; margin-bottom:7px; font-size:16px; font-weight:700;color:#000;display:-webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break : normal}
.myclass-list > ul >li{margin-bottom:17px;}
.myclass-list a{display:block;border:1px solid #ddd;}
.myclass-list .period{width:100%;padding:5px 12px;background:#179EAE;font-size:14px;font-weight:500;color:#fff;}
.myclass-list .content-button .content-button-inner{display:flex;flex-wrap:wrap;padding:12px;}
.myclass-list .img-box{width:140px;border:1px solid #999;}
.myclass-list .img-box img{width:100%;}
.myclass-list .text-box{margin-left:10px; width:calc(100% - 155px);display:flex;flex-direction: column;justify-content: space-between;}
.myclass-list .text-box ul li{font-size:15px;font-weight:500;color:#555;}
.myclass-list .text-box ul li.progressing{margin-bottom:5px;}
.myclass-list .text-box ul li.progressing span{font-weight:700;color:#000;}
.myclass-list .text-box ul li.progressing strong{font-weight:700;color:#E22632;}
.btnBtmArea{width:100%;text-align:center;}
.btnBtmAreaR{margin-top:10px;text-align:right;}



/* .myClassList > ul > li{position:relative;width:100%;height:87px;border-radius:5px 5px 0 0;margin-top:10px;background:#fff;overflow:hidden;box-shadow:0 0 10px #e4e4e4;}
.myClassList > ul > li:first-child{margin-top:0;}
.myClassList > ul > li a{display:block;width:100%;height:87px;padding:15px 13px 0;}
.myClassList > ul > li a dt{font-size:15px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.myClassList > ul > li a .period{margin-top:7px;font-size:12px;color:#666;}
.myClassList > ul > li a .progress{position:absolute;left:0;bottom:0;width:100%;height:24px;}
.myClassList > ul > li a .progress ul{width:100%;height:24px;}
.myClassList > ul > li a .progress li{float:left;width:50%;height:24px;padding:0 8px;background:#20b0b9;}
.myClassList > ul > li a .progress li:first-child{background:#126894;}
.myClassList > ul > li a .progress li span{float:left;display:inline-block;height:24px;line-height:24px;color:#fff;font-size:12px;}
.myClassList > ul > li a .progress li strong{float:right;display:inline-block;height:24px;line-height:24px;color:#fff;font-size:15px;font-weight:700;} */


.topArea{position:relative;}
.topArea .btnGoData{position:absolute;right:0;top:-3px;}
.lessonList{margin-top:25px;}
.lessonList li{margin-top:5px;}
.barGraphWrap{position:relative;padding:0 60px 0 5px;}
.barGraphWrap .barGraph{width:100%;height:15px;background:#dde4f8;}
.barGraphWrap .barGraph{width:100%;height:15px;background:#dde4f8;text-align:left;}
.barGraphWrap .barGraph span{display:inline-block;width:100%;height:15px;background:#126894;}
.barGraphWrap .txtNum{position:absolute;right:5px;top:2px;}
.barGraphWrap .txtNum strong{font-weight:700;}

/* Q&A */
.topTitTxt{position:relative;margin:20px 5px 10px;color:#116895;font-weight:700;font-size:18px;}

.icoNoti{display:inline-block;width:16px;margin-right:5px;}


.lessonListArea{width:100%;}
.lessonListArea .list{width:calc(100% - 200px);}
#s_lesson_seq{background:#51a8ff;color:#fff}

.contentsView{width:100%;}
.contentsView iframe{width:100%;height:620px;border:1px solid #000000;vertical-align: middle;}


/*레이어 팝업*/

.popLayer {position: absolute;top: 50%;left: 50%;width: 610px;height: auto;background-color: #fff;border: 5px solid #3571B5;z-index: 10;}
.popLayer .popContainer {padding: 20px 25px;}
.popLayer p.ctxt {color: #666;line-height: 25px;}

.dsLayer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dsLayer .dsBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dsLayer .popLayer {display: block;}

.dim-layer2 {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer2 .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer2 .pop-layer {display: block;}
.dim-layer2 input{width:270px;height:63px;font-size:30px;}

.dim-layer3 {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer3 .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer3 .pop-layer {display: block;}
.dim-layer3 input{width:270px;height:63px;font-size:30px;}

.evalLayer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.evalLayer .evalBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.evalLayer .popLayer {display: block;}
.evalLayer input{width:270px;height:63px;font-size:30px;}

.otpLayer {display: none; position: fixed; bottom: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.otpLayer .otpBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.otpLayer .popLayer {display: block;}

.capLayer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.capLayer .capBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.capLayer .popLayer {display: block;}

/*메디통 로고 배너띠*/
.meditongLogoTop{
	width:100%;
	background-color:#03395d;
	padding:15px 0;
	padding-left:20px;
	box-sizing: border-box;
}
.meditongLogo{
	width:210px;
}

.sign-inner{
	display:flex;
	width:100%;
}
.sign-box{
	position:relative;
	margin-top:7px;
}
.sign-box > p{
	font-size:13px;
	font-weight:400;
	color:#fff;
	background:#f3354b;
	padding:3px 10px;
	height:auto;
	margin-right:3px;
	border-radius:3px;
}

/*강의시청*/
/* #container{
	min-width:100%;
}
.contentsView{
	float:none;
	margin:0;
}
.lessonBox{
	width:100%;
	height:80px;
	font-size:30px;
	padding:0;
	padding-left:30px;
	box-sizing:border-box;
	vertical-align:top;
}
.gosyudyBtn{
	 width: calc(100% - 70%);
	 height:80px;
	 font-size:25px;
} */
 /*-----------------------------------------------------------------------------------
	float Properties
-----------------------------------------------------------------------------------*/
.floatR { float: right; }
.floatL { float: left; }
.floatC:after {
    content: "";
    display: block;
    clear: both;
}
.floatC { *zoom: 1; }
.marginT30 { margin-top: 30px; }
.marginT50 { margin-top: 50px; }
.fontS20 {font-size:20px!important;}
.fontB {font-weight:bold}


/*2023sus 모바일 페이지 추가*/

/*나의정보수정*/
.new-inner{
    width:92%;
    margin:0 auto;
    padding-bottom:80px;
}
.myInfoPass .new-inner .mypageTopArea{
    margin-bottom:20px;
    color:#000;
}
.myInfoPass .new-inner .mypageTopArea p{
    font-size:15px;
    font-weight:500;
    margin-bottom:5px;
    color:#333;
}
.myInfoPass .new-inner .pass-inner{
	border:1px solid #cdcdcd;
    border-top: 3px solid #0D5478;
    padding: 25px;
    margin-bottom: 10px;
}
.myInfoPass .new-inner .pass-inner .pass-box .pass-title{
   font-size:15px;
   font-weight:700;
   color:#000;
   margin-bottom:5px;
}
.myInfoPass .new-inner .pass-inner .pass-box .input-box{
    max-width:600px;
    font-size:0;
    margin-bottom:15px;
}
.myInfoPass .new-inner .pass-inner .pass-box .input-box input{
    width:100%;
     height:36px;
    font-size:15px;
}
.myInfoPass .new-inner .pass-inner .pass-box .input-box button{
    width:100%;
    margin-top:7px;
    padding:8px 0;
    border:none;
    background:#179EAE;
    color:#fff;
    font-weight:500;
    font-size:14px;
}
.myInfoPass .new-inner .pass-inner > ul > li{
    margin-bottom:5px;
    font-size:14px;
}
.myInfomodify{
    text-align: center;
    background:#fff;
    margin:20px 20px;
}
.myInfomodify .common-box{
    margin-bottom:22px;
}
.myInfomodify .common-box h2{
    font-size:17px;
    font-weight:700;
    color:#000;
    margin-bottom:5px;
}
.myInfomodify .common-box .data-box{
    margin:0 auto;
    width:100%;
    max-width:700px;
    color:#555;
    font-size:15px;
    font-weight:500;
}
.myInfomodify .common-box .data-box p.fix{
    background-color: #ededed;
    border:1px solid #c9c9c9;
    padding:8px 0;
    width:100%;
}
.myInfomodify .common-box .data-box input{
    text-align: center;
    margin-bottom: 3px;
    padding:8px 0;
}
.myInfomodify .common-box .data-box select{
    text-align: center;
    width:100%;
    padding:8px 0;
    border:1px solid #ddd;
}
.myInfomodify .common-box .data-box .e00{
    margin-bottom:5px;
    font-size:16px;
    display: block;
}
.myInfomodify .common-box .data-box.adress-box{
    font-size:0;
}
.myInfomodify .common-box .data-box.adress-box input[type="text"].adress-num{
    width:calc(100% - 100px);
    font-size:15px;
}
.myInfomodify .common-box .data-box.adress-box .adress-button{
    width:100px;
    font-size:13px;
    height:34px;
    vertical-align: middle;
    margin-bottom: 3px;
    background:#c3182c;
    color:#fff;
    border:none;
}
.myInfomodify .common-box .data-box.adress-box input[type="text"].adress-fix{
    background-color: #ededed;
    border:1px solid #c9c9c9;
}
.myInfomodify .common-box .data-box .warning{
    font-size:14px;
    color:#c3182c;
}
.myInfomodify .button-box{
    margin-top:40px;
}
.myInfomodify .button-box button{
    border:none;
    font-size:16px;
    padding:8px 0;
}
.myInfomodify .button-box .modify-button{
    width:120px;
    background:#179EAE;
    color:#fff;
}
.myInfomodify .button-box .cancel-button{
    width:70px;
    background:#ddd;
}
/*시험전 안내 페이지*/
.testNotice{
	padding-bottom:80px;
}
.testNotice .pageTitleArea .tit{
	font-size:18px;
	color:#000;
	margin-bottom:10px;
}
.testNotice .myStateWrap .top-data-box .title{
	font-size:22px;
	font-weight:700;
	color:#000;
	margin-bottom:10px;
}
.testNotice .testContent .exam-caption{
	font-size:18px;
	font-weight:700;
	color:#000;
	margin-bottom:15px;
} 
.testNotice .testContent .must-box{
	border:1px solid #000;
	background:#fff;
	padding:25px;
	margin-bottom:15px;
}
.testNotice .testContent .must-box h4{
	font-size:15px;
	font-weight:700;
	color:#ff0000;
	margin-bottom:10px;
}
.testNotice .testContent .must-box .must-box-bg li{
	margin-bottom:10px;
	font-size:15px;
	color:#333;
}
.testNotice .testContent > p{
	font-size:15px;
	font-weight:700;
	color:#ff0000;
	text-align:Center;
	margin-bottom:10px;
}
.testNotice .testContent .exam-btn-box{
	text-align:Center;
}
.testNotice .testContent .exam-btn-box button{
	width:100%;
	border:none;
	background:#116895;
	padding:10px 0;
	font-size:16px;
	font-weight:700;
	color:#fff;
	margin-bottom:5px;
}
.testNotice .testContent .exam-btn-box > div{
	font-size:14px;
	color:#ff0000;
}
/*시험페이지*/
.finalTestPage{
    background:#fff;
    margin:20px;
}
.finalTestPage .title-box{
    text-align: center;
    margin:0 auto;
}
.finalTestPage .title-box .page-title{
    font-size:22px;
    font-weight:700;
    margin-bottom:18px;
    color:#555;
}
.finalTestPage .title-box .con-title{
    font-size:16px;
    font-weight:700;
    color:#000;
}
.finalTestPage .title-box .time-box{
    font-size:18px;
    font-weight:700;
    padding:15px;
    color:#990000;
}
.finalTestPage .title-box .time-box.time-fixed{
    position:fixed;
    padding:10px 0;
    top: 0;
    left: 0;
    background:#fff;
    width:calc(100%);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.finalTestPage .question-area{
    border-top:2px solid #0D5478;
    max-width:700px;
    margin:0 auto;
    padding:35px 10px;
}
.finalTestPage .question-area .question-box{
    margin-bottom:30px;
}
.finalTestPage .question-area .question-box .question-title{
    font-size:16px;
    margin-bottom:7px;
    color:#000;
    font-weight:700;
    word-break:normal;
}
.finalTestPage .question-area .question-box label{
    font-size:15px;
    padding-top:4px;
    padding-bottom:4px;
    word-break:normal;
}
.finalTestPage .question-area .question-box input[type="radio"] + label {
    background-position:left 5px ;
}
.finalTestPage .question-area .question-box.short-answer-box .short-answer{
    font-size:0;
    margin-top:12px;
    height:40px;
}
.finalTestPage .question-area .question-box.short-answer-box .short-answer input{
    width:calc(100% - 80px);
    height:100%;
}
.finalTestPage .question-area .question-box.short-answer-box .short-answer button{
    width:80px;
    font-size:14px;
    font-weight:700;
    height:100%;
    vertical-align: middle;
    border:none;
    background-color: #ddd;
    color:#000;
}
.finalTestPage .question-area .submit-button{
    margin:40px auto 0;
    text-align: center;
}
.finalTestPage .question-area .submit-button button{
    border:none;
    padding:10px 20px;
    font-weight:700;
    font-size:18px;
    background-color: #5ba5cb;
    color:#fff;
}




/*350px 이하 반응형*/
@media all and (max-width:350px){
	.myclass-list .content-button .content-button-inner{display:flex;flex-wrap:wrap;flex-direction: column;padding:8px;}
	.myclass-list .img-box{width:100%;}
	.myclass-list .text-box{margin-left:0; width:100%;display:flex;flex-direction: column;justify-content: space-between;}
	.myclass-list .text-box h1{margin-top:7px;font-size:16px; font-weight:700;color:#000;display:-webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break : normal}
	.myclass-list .text-box ul li{margin-top:2px;font-size:14px;font-weight:500;color:#555;}
}