@CHARSET "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.mypage .relative {position: relative;}
.mypage .clear_fix:after {content: "";display: block;clear: both}
.mypage .inline-block {display: inline-block;}
.mypage .alignTcenter{text-align:center}
.mypage .hide{position:absolute;left:0;top:0;text-indent:-9999px;width:0;height:0;overflow:hidden}

.mypage .radio{display:inline-block;padding:3px;}


.mypage .btn-area {margin-top: 30px;text-align: center}
.mypage .btn{display: inline-block;padding:3px 45px;border-radius: 5px;background: #dadada;text-align: center;font-size: 15px; line-height: 2.333em;margin:0 5px;}
.mypage .btn:last-of-type{margin:0}
.mypage .btn.on {background-color: #f85353;border-color: #f85353;color: #fff}
.mypage .btn.black{background-color:#333333;border-color:#333;color:#fff}


/* select영역 */
.mypage .select-area {display:inline-block}
.mypage .select{display:inline-block;background:#ffffff url(../img/select.png) 95% center no-repeat;height:30px;padding:7px 9px;margin:0;border-radius:5px;border:1px solid #919191;vertical-align:middle;font-size:15px;}
.mypage .select span{overflow:hidden;display:block;line-height:13px;font-size:13px;}
.mypage .option{position:absolute;left:0;top:23px;border:1px solid #919191;border-radius:0 0 5px 5px;width:100%;padding-top:6px;border-top:none;display:none;background:#fff}
.mypage .option li{width:100%;background:#fff}
.mypage .option li:last-of-type{border-radius:0 0 5px 5px}
.mypage .option li a{display:block;width:100%;padding:7px 9px;font-size:13px;}

.mypage .select-area.on{}
.mypage .select-area.on .select{border-bottom:0px;background:#ffffff url(../img/select_on.png) 95% center no-repeat;}
.mypage .select-area.on .option{display:block;z-index:10}


/* calendar영역 */
.mypage .calendar-box{display:block;}
.mypage .calendar-box span{font-size:15px;}
.mypage .calendar-box input[type=text]{text-align:center;border-radius:0;border:1px solid #dadada;font-size:15px;height:40px;}
.mypage .calendar-box a{display:inline-block;vertical-align:middle;}
.mypage .calendar-box a.icon-calendar{width:20px;height:40px;background:url(../img/icon-calendar.gif)no-repeat center;}
.mypage .calendar-box a.search{padding:3px 45px;background:#dadada;font-size:15px;border-radius:5px;margin-left:15px;line-height:2.333em}

/* 페이징 */
.mypage .page-box{text-align:center;margin:30px 0}
.mypage .page-box ul{display:inline-block}
.mypage .page-box ul li{float:left;margin-left:5px}
.mypage .page-box ul li:first-of-type{margin-left:5px}
.mypage .page-box ul li a{display:inline-block;min-width:15px;height:19px;padding:2px}
.mypage .page-box ul li ul li.on a{border-bottom:1px solid #f93c02;color:#f93c02;font-weight:800}

/*마이페이지*/
.mypage{min-height:800px}
.mypage .title{font-size:30px;margin-top:66px;margin-left:62px}
.mypage .title span{font-size:15px;}
.mypage .tab{border-bottom:1px solid #dadada;margin:65px 0 50px}
.mypage .tab li{float:left}
.mypage .tab li a{display:block;width:195px;height:60px;border:1px solid #dadada;color:#dadada;margin-right:-1px;margin-bottom:-1px;text-align:center;font:20px/3em 'Nanum Gothic'}
.mypage .tab li.on a{background:#f85353;border-color:#f85353;color:#fff}
.mypage .sub-title{font-size:20px;margin-bottom:13px}
.mypage .sub-title span{font-size:15px;margin-left:5px;padding-left:5px;border-left:1px solid #a1a1a1}

/* 내정보확인 */
.mypage .mypage-info{margin-top:55px;padding:0 61px 250px}
.mypage .mypage-info .sub-title{margin-left:13px}
.mypage .mypage-info table{border:1px solid #dadada;text-align:left;margin-bottom:50px}
.mypage .mypage-info table tr{border-bottom:1px solid #dadada}
.mypage .mypage-info table tr td,.mypage-info table tr th{padding:17px 20px;font-size:15px;text-align:left}

/* 비밀번호,아이디 확인 */
.mypage .mypage-confirm{margin-top:55px;padding:0 61px 250px;}
.mypage .mypage-confirm p{font-size:15px;margin-bottom:50px}
.mypage .mypage-confirm table{text-align:left;margin:30px 0 60px 250px;width:440px;border:0}
.mypage .mypage-confirm table tr td,.mypage .mypage-confirm table tr th{padding:10px 0;text-align:left}

/* 회원정보수정 */
.mypage .mypage-edit{margin-top:55px;padding:0 61px 100px}
.mypage .mypage-edit .sub-title{margin-left:13px}
.mypage .mypage-edit table{border:1px solid #dadada;text-align:left;font-size:15px;margin-bottom:50px}
.mypage .mypage-edit table tr td,.mypage .mypage-edit table tr th{padding:17px 20px;text-align:left}
.mypage .mypage-edit table tr td>span{font-size:13px}
.mypage .mypage-edit table tr>a{padding:6px 40px;background:#333333;color:#fff;border-radius:6px;vertical-align:middle}

/* 회원탈퇴 */
.mypage .leave{margin-top:55px;padding:0 61px 150px}
.mypage .leave table{border:1px solid #dadada;text-align:left;font-size:15px;margin-bottom:20px;padding:10px;}
.mypage .leave table tr td,.mypage .leave table tr th{padding:17px 20px;text-align:left}
.mypage .leave table tr span{font-size:13px}
.mypage .leave table tr td textarea{height:236px}
.mypage .leave>p{text-align:center;margin-bottom:50px}
.mypage .leave>p input[type=checkbox]{margin:0 5px;width:15px;height:15px;}


/* 로그인 */
.mypage .login-wrap{padding:0 61px 200px;}
.mypage .login-wrap .login{margin-top:80px;margin-left:230px}
.mypage .login-wrap .login table{width:455px}
.mypage .login-wrap .login-search{margin-top:80px;margin-left:190px}
.mypage .login-wrap .login-search table{width:530px}
.mypage .login-wrap table tr{}
.mypage .login-wrap table tr th,.mypage .login-wrap table tr td{padding:3px 5px;}
.mypage .login-wrap table .passwd span{margin-left:0}
.mypage .login-wrap table tr th span{margin:0 10px;}
.mypage .login-wrap table tr td span{margin:0 10px;}
.mypage .login-wrap table tr td>a{display:inline-block;background:#f85353;color:#fff;border-radius:6px;text-align:center;padding:25px 30px;vertical-align: middle}
.mypage .login-wrap table tr td.btn_login{padding:0;text-align:left}

.mypage .login-wrap>p{margin-top:80px;text-align:center;font-size:20px;margin-bottom:30px}
.mypage .login-wrap .id-confirm span:nth-of-type(2){display:inline-block;}
.mypage .login-wrap .id-confirm span:last-of-type{margin-left:30px}
.mypage .login-wrap .recive-email{margin-top:55px;padding:0 178px;}
.mypage .login-wrap .recive-email p{font-size:15px;}

.mypage .input_place{position:relative;}
.mypage .input_place .placeholder{position:absolute;top:10px;left:8px;z-index:2}

/* 회원가입 */
.mypage .join .tab-box{text-align:center}
.mypage .join .tab{margin:65px 0 50px;border-bottom:0}
.mypage .join .tab li{width:197px;height:63px;border:1px solid #dadada;color:#dadada;margin-right:-1px;text-align:center;font:15px/1.2em 'Nanum Gothic';padding:10px;}
.mypage .join .tab li.on{background:#f85353;border-color:#f85353;color:#fff}

.content .mypage .join{padding:0 119px 30px}
.mypage .join .select-box{text-align:center;padding:75px 100px;}
.mypage .join .select-box div{width:50%;float:left;height:180px;position:relative;}
.mypage .join .select-box div h3{font-size:20px;margin-bottom:15px;font-weight:500;color:#333}
.mypage .join .select-box div p{font-size:16px;font-weight:400;letter-spacing: -1px;color:#333}
.mypage .join .select-box div a.btn {display: inline-block;border-radius: 5px;background: #dfdfdf;text-align: center;font-size: 15px; line-height: 2.333em;position:absolute;bottom:0;left:50%;margin-left:-59px;color:#fff}
.mypage .join .select-box div.on a.btn{background:#f85353}
.mypage .join .agree{width:100%;border:1px solid #dadada;height:170px;margin:16px 0;overflow-y:scroll;padding:15px;}
.mypage .join .agree .con-title{margin-top:10px}
.mypage .join .agree .con-title:first-of-type{margin-top:0}
.mypage .join .check{display:inline-block;padding:10px 16px;margin-bottom:50px}
.mypage .join .check:last-of-type{margin-bottom:20px}
.mypage .join .btn-area{margin-bottom:100px}

.mypage .join p.alignTcenter{margin-bottom:30px}
.mypage .join p.alignTcenter span{margin-bottom:30px;font-size:23px;border:0}
.mypage .join table{border:1px solid #dadada;text-align:left;font-size:15px;margin-bottom:50px;}
.mypage .join table tr td,.mypage .join table tr th{padding:17px 20px;text-align:left}
.mypage .join table tr span{font-size:13px}
.mypage .join table tr td>a{padding:7px 40px;background:#333333;color:#fff;border-radius:6px;vertical-align:middle;font-size:14px}

/* 검색부분 */
.mypage .search_bar{margin-top:50px;margin-bottom:13px;}
.mypage .search_bar .select-area .option{border:1px solid #dadada;border-radius:0;top:35px;}
.mypage .search_bar .select-area .option li:last-of-type{border-radius:0}
.mypage .search_bar .select-area .option{border-top:0}
.mypage .search_bar .select-area .select{border-color:#dadada;border-radius:0;height:40px;}
.mypage .search_bar .select-area .select span{font-size:15px;line-height:26px;}
.mypage .search_bar input[type="text"]{border-color:#dadada;border-radius:0;height:40px;font-size:15px;margin-right:10px;padding:10px;}
.mypage .search_bar .search{display:inline-block;vertical-align: middle}
/*.search_bar .search a{padding:8px 46px;background:#dadada;border-radius:5px;}*/

/* 우리학원_공지사항 */
.mypage .study_notice{padding:50px 61px 80px;}
.mypage .study_notice .search_bar{margin-top:0}
.mypage .study_notice table{}
.mypage .study_notice table tr{}
.mypage .study_notice table thead tr{background:#f5f5f5}
.mypage .study_notice table tr th,.mypage .study_notice table tr td{border:1px solid #dadada;padding:15px 23px;}
.mypage .study_notice table.notice_list tr td{text-align:center}
.mypage .study_notice table.notice_list tbody tr td.al-left{text-align:left}

.mypage .notice_detail{margin-top:20px;}
/*.mypage .notice_detail .content p{min-height:380px}*/
.mypage .notice_detail dl{}
.mypage .notice_detail dl dt,.notice_detail dl dd{display:inline;}
.mypage .notice_detail dl dt{margin-left:10px;}
.mypage .notice_detail dl dd{margin-right:10px;}
.mypage .notice_detail tr td a.file-down{text-decoration:underline}
.mypage .list-button{margin-top:13px;margin-bottom:40px;}


/* 우리학원_내학습기록 */
.mypage .my-list{padding:56px 61px 150px}
.mypage .my-list .calendar-box{margin-bottom:12px}
.mypage .my-list table tfoot,.mypage .my-list table thead{background:#f5f5f5}
.mypage .my-list table tr td,.mypage .my-list table tr th{padding:15px 0;border:1px solid #dadada;text-align:center}
.mypage .my-list table tr td a:hover{text-decoration:underline}
.mypage .my-list .page-box{margin-top:30px}
.mypage .my-list .list-box{margin-bottom:13px;}
.mypage .my-list .list-box .floatL{line-height:2.1em;margin-bottom:0;text-indent:13px;}
.mypage .my-list .grade-area {overflow: hidden;margin-top: 38px}
.mypage .my-list .grade-area .left {float: left;margin-right: 23px}
.mypage .my-list .grade-area .left .grade-box {width: 150px;text-align: center;padding-bottom: 16px}
.mypage .my-list .grade-area .left .grade-box dl dt {color: #fff;font-size: 20px;font-weight: bold;letter-spacing: -1px;padding: 11px 0;border-radius: 8px 8px 0 0;background: #0071bd}
.mypage .my-list .grade-area .left .grade-box dl dd {border: 1px solid #dadada;border-top: 0;border-radius: 0 0 8px 8px;}
.mypage .my-list .grade-area .left .grade-box dl dd p {display: block;color: #0071bd;font-size: 46px;font-weight: bold;letter-spacing: -1px;padding: 26px 0;}
.mypage .my-list .grade-area .left .grade-box dl dd ul {padding: 10px 0;}
.mypage .my-list .grade-area .left .grade-box dl dd ul li { padding: 4px 0;}
.mypage .my-list .grade-area .left .grade-box dl dd ul li span {display: inline-block;width: 60px;font-size: 18px;font-weight: bold;letter-spacing: -1px;}
.mypage .my-list .grade-area .left .grade-box dl dd ul li span:first-child {width: 50px;font-size: 16px;font-weight: normal;}
.mypage .my-list .grade-area .left .grade-box dl dd ul li .colorR {color: #f85353}
.mypage .my-list .grade-area .left .grade-box dl dd ul li .colorB {color: #0071bd}
.mypage .my-list .grade-area .right {float: right;width: 80%}
.mypage .my-list .grade-area .right table thead tr th {letter-spacing: -1px; padding: 10px 0; border-top: 2px solid #dadada; border-bottom: 2px solid #dadada; border-left: 0; border-right: 0}
.mypage .my-list .grade-area .right table tbody tr td {letter-spacing: -1px;text-align: center;padding: 10px 0;border-bottom: 1px solid #dadada;border-left: 0;border-right: 0}
.mypage .my-list .grade-area .right table tbody tr td.colorB {color: #0071bd}
.mypage .my-list .grade-area .right table tbody tr td.colorR {color: #f85353}
.mypage .my-list .grade-area .right .w-answer{width:100%;margin:10px 0 20px}
.mypage .my-list .grade-area .right .w-answer .sub-title{text-indent:13px;}
.mypage .my-list .grade-area .right .w-answer p{width:100%;padding:20px 25px;border:1px solid #dadada;border-radius:5px;margin:10px 0 25px;min-height:95px}
/*.mypage .my-list .grade-area .right .w-answer p span{color:#f85353}*/

.mypage .my-list .grade-area table.speaking tbody tr th {padding: 15px 0; border: 1px solid #dadada; text-align: center; background: #f5f5f5;}
.mypage .my-list .grade-area .result-txt { text-align: left; padding-left: 20px; }
.mypage .my-list .grade-area .result-txt span {/*float: left;*/margin-right: 4px;color: #BE5150;}
.mypage .my-list .grade-area .result-txt li { float: left; margin-right: 4px; }
.mypage .my-list .grade-area .result-text-div { margin-bottom: 2px; }
.mypage .my-list .grade-area .result-text-div-center { text-align: center; }

.mypage .my-list .question{width:100%;margin-top:40px}
.mypage .my-list .question div{width:80.5%;}
.mypage .my-list .question div ul{width:100%;}
.mypage .my-list .question div ul li{display:inline-block;width:130px;padding:8px 0 ;font-size:15px;text-align:center;border:1px solid #dadada;border-radius:6px;margin-left:11px;margin-bottom: 10px;}
.mypage .my-list .question div ul li.on{background:#dadada;}

.type-checkbox {margin-top: 15px;margin-bottom: 15px;}
.type-checkbox input[type="checkbox"] {margin-right: 10px;}
.calendar-box.floatR {margin-top: 12px;}