/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/
/*@import url( https://fonts.googleapis.com/earlyaccess/notosanskr.css );*/
.wrapTerms {}
/*.wrapTerms * {font-family:'Nanum Gothic';}*/
input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], textarea {
    font-family: auto;
    font-size: 100%;
    padding: 0px;
}

.wrapTerms > h3 {position:relative;padding:17px 0;font-size:1.071428571428571em;color:#666666;text-align:center;border-bottom:4px solid #b9000e;}
.wrapTerms > h3 > img {position:absolute;bottom:-10px;left:50%;margin-left:-7px;} 
.txtTerms {position:relative;margin:0px;padding:17px 10% 17px 5%;font-size:0.86em;color:#222222;font-weight:700;}
.txtTerms > span {color:#ff8000;}
.txtTerms > a {position:Absolute;right:2%;top:50%;margin-top:-12px;}
.boxTerms {padding:15px 2% 30px;background:#f4f4f4; overflow:hidden; }
.boxTerms > span {display:block;margin:10px 0 0 0;color:#aaaaaa;font-size:0.86em;font-weight:700;}
.boxTerms > div {height:52px;padding:9px;overflow-y:scroll;border:1px solid #dddddd;color:#666;font-size:11px;background:#fff;}
.boxTerms > .txtTerms {padding:10px 8% 17px 3%;}
.boxTerms > .txtTerms > a {right:0%;}
.btnMember {width:49%; float:left; margin:20px auto 0;padding:12px 0;color:#fff;text-shadow:0px 0px 2px #f28400;font-size:0.86em;font-weight:700;border:none; background: #b9000e; }
.btnMemberDon {width:49%; float:right; margin:20px auto 0;padding:12px 0;color:#fff;text-shadow:0px 0px 2px #f28400;font-size:0.86em;font-weight:700;border:none; background: #575656; }
.btnMember > img {width:11px;}

.boxTerms > table {width:100%;margin-bottom:15px;border:1px solid #dddddd;}
.boxTerms > table td {padding:10px 5px 10px 5px;border-top:1px solid #dddddd;border-left:1px solid #dddddd;vertical-align:top;color:#aaaaaa;font-size:0.8571428571428571em;font-weight:700;background:#fff;}
.boxTerms > table td p {margin:0px;padding:0 30px 0 0;}
.boxTerms > table td.bor_no {border-left:none;}
.boxTerms > table th {color:#fff;font-size:1.08em;font-weight:700;background:#cccccc;padding:7px 0 5px 15px;text-align:left;}
.boxTerms > table input[type="text"], .boxTerms > table input[type="password"] {width:100%;border:none;color:#222222;font-weight:700;background:none;}
.boxTerms > table select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width:100%;border:none;background:url('../images/member_m/icon_select.gif') no-repeat 90% center;background-size:10px auto;}
.txtWarning {display:none;font-size:0.8em;color:#e80000;font-weight:700;line-height:2;}

.wrapMenu {}
.wrapMenu > a {width:50%;display:inline-block;padding:10px 0;text-align:center;font-weight:700;font-size:0.8571428571428571em;text-decoration:none;border:1px solid #dddddd;color:#222222;}
.wrapMenu > a.on {width:calc(50% - 4px);border:1px solid #ff8000;color:#ff8000;}

.wrapMenu input[type="radio"]{ position:relative; top:-1px; vertical-align:middle; }
.wrapMenu input[type="radio"] { position:absolute; left:0; top:0; margin:0; opacity:0; }
.wrapMenu input[type="radio"] + label  {
	text-indent:0px !important;padding:5px 0 0px 30px; display:inline-block;
	line-height:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.wrapMenu input[type="radio"] + label {width:calc(50% - 3px);display:inline-block;padding:10px 0;text-align:center;font-weight:700;font-size:0.8571428571428571em;text-decoration:none;border:1px solid #dddddd;color:#222222;}
.wrapMenu input[type="radio"]:checked + label  {border:1px solid #b9000e; color:#b9000e;}


.wrapMenu2 {float:right;margin-right:15px;margin-top: -3px;}
.boxTerms > table td .wrapMenu2 p {padding:0px;}
.wrapMenu2 p > input[type="checkbox"] { position:relative; top:-1px; vertical-align:middle;opacity:0;}
.wrapMenu2 p:not(#cssbrowser)>input[type="checkbox"] + label {
	padding:5px 0 0px 30px; display:inline-block;
	height:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.wrapMenu2 p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('../images/member_m/icon_unselect.png') no-repeat left top;}
.wrapMenu2 p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('../images/member_m/icon_select.png') no-repeat left center;}
/*
.wrapMenu2 p:not(#cssbrowser)>input[type="checkbox"]:focus + label {
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6);
}
*/
.iconSel {background:url('../images/member_m/mem_id.gif') no-repeat 96% center;}
.iconPwd {background:url('../images/member_m/mem_pw.gif') no-repeat 96% center;}
.iconPwdC {background:url('../images/member_m/mem_pw_cof.gif') no-repeat 96% center;}

.iconSel_s {background:url('../images/member_m/mem_id_g.gif') no-repeat 96% center;}
.iconPwd_s {background:url('../images/member_m/mem_pw_g.gif') no-repeat 96% center;}
.iconPwdC_s {background:url('../images/member_m/mem_pw_gcof.gif') no-repeat 96% center;}

.iconSel_c {background:url('../images/member_m/mem_id_c.gif') no-repeat 96% center;}
.iconPwd_c {background:url('../images/member_m/mem_pw_c.gif') no-repeat 96% center;}
.iconPwdC_c {background:url('../images/member_m/mem_pw_Ccof.gif') no-repeat 96% center;}


.wrapTerms input.agree[type="checkbox"] { position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; }

.wrapTerms p:not(#cssbrowser)>input.agree[type="checkbox"] + label {
	text-indent:-40000px;position:absolute;right:0;;margin:0 0 0 35px; padding:5px 0 0px 30px; display:inline-block;
	height:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.wrapTerms p:not(#cssbrowser)>input.agree[type="checkbox"] + label { background:url('../images/member_m/icon_unselect.png') no-repeat left center; }
.wrapTerms p:not(#cssbrowser)>input.agree[type="checkbox"]:checked + label {background:url('../images/member_m/icon_select.png') no-repeat left center; }



/* 마이페이지 강의관리 추가 170216 by지선 */
.tab_style1 { width:100%; margin:15px 0 25px; overflow:hidden; border:1px solid #90939a; }
.tab_style1 td.on { background-color:#b9000e; }
.tab_style1 td:first-child { border-left:0; }
.tab_style1 td { border-left:1px solid #90939a; }
.tab_style1 td.on a { color:#fff; }
.tab_style1 td a { display:block; padding:12px 0; font-family:'Noto Sans KR', sans-serif; font-size:13px; line-height:16px; text-align:center; color:#62627a; }

.tab_style2 { width:100%; overflow:hidden; background-color:#f3f3f3; }
.tab_style2 td.on { background-color:#575656; }
.tab_style2 td:first-child { border-left:0; }
.tab_style2 td { border-left:1px solid #fff; }
.tab_style2 td.on a { color:#fff; }
.tab_style2 td a { display:block; padding:12px 0; font-family:'Noto Sans KR', sans-serif; font-size:13px; line-height:16px; text-align:center; color:#62627a; }

.tab_style3 { width:100%; margin:15px 0 25px; overflow:hidden; border-bottom:1px solid #dbdbdb; }
.tab_style3 td { background-color:#f3f3f3; }
.tab_style3 td.on { background-color:#fea92a; }
.tab_style3 td.on a { color:#fff; }
.tab_style3 td a { display:block; padding:12px 0; font-family:'Noto Sans KR', sans-serif; font-size:13px; line-height:16px; text-align:center; color:#62627a; }

.wrapIn { padding:25px 15px 0; }
.Mt_style05 {}

.txt12 { font-size:12px; line-height:17px; font-family:'Noto Sans KR', sans-serif; }
.mgb20 { margin-bottom:20px; }
.btnList { width:100%; overflow:hidden; }
a.btnL1 { display:block; width:100%; height:25px; background-color:#9f7d50; color:#fff; font-size:12px; font-weight:bold; border-radius:4px; text-align:center; line-height:25px; margin-bottom:6px; }
a.btnL2 { display:block; width:98%; height:25px; background-color:#9f7d50;  border:1px solid #9f7d50; /* color:#b9000e; */ font-size:12px; text-align:center; line-height:25px; }

.Mt_style01 { display:table; width:100%; border-top:2px solid #c01024; }
.Mt_style01 th { text-align: center; height: 40px; line-height: 40px; font-size: 14px; letter-spacing: -1px; font-weight:600; color:#333; font-family:'Noto Sans KR', sans-serif; border-bottom: 1px solid #dbdbdb; }
.Mt_style01 td { line-height:21px; padding:10px 0; }
.Mt_style01 td:first-child { padding-left:5px; }
	.Mt_style01 td span.perbg { display: inline-block; overflow: hidden; float:left; width:72%; height:15px; margin-top:5px; border-radius:20px;  background:#e5e6ee; text-align:left; }
		tr.t_bg01 { background-color:#fff; }
		tr.pergraph { width:100%; border-top:1px dashed #dbdbdb; border-bottom:1px solid #dbdbdb; }
		tr.Mpack { width:100%; border-top:1px dashed #dbdbdb; }
		tr.Mpack > td { font-size:13px; }
		tr.Mpack > td span.Mp_R { background: #575656; width: 18px; line-height: 19px; color: #fff; height: 18px; margin-right: 5px; text-align: center; display: inline-block; border-radius: 10px; font-size:12px; }
		td.timesec { text-align:center; }