/* --------------------------------------- */
/* Mypage */
/* --------------------------------------- */

@media (min-width:1001px) {
	#mpgtmbBtn {display:none;}
	#mctmbMypg {display:none;}
	#mpgmbClose {display:none;}
	#mpgmbMenu {display:block !important;}
	#mpgmClose {display:none;}
}
#mypage {position:relative; padding-top:70px; padding-left:200px; -webkit-transition: padding-left 0.4s; transition: padding-left 0.4s;}
#mypage.on {padding-left:50px;}
#mpgTop {position:fixed; top:0; left:0; right:0; height:70px; background:#fff; border-bottom:solid 1px #e6e6e6; z-index:10;}
#mpgTop:after {content:""; display:table; clear:both;}
#mpgTop h1 {width:200px; height:69px; float:left;}
#mpgTop h1 a {display:block; height:100%; text-indent:-9999px;}
#mpgTop h2 {float:left; white-space:nowrap;}
#mpgTop h2 a {display:block; font-size:16pt; height:69px; line-height:69px; font-weight:500; color:#000; margin-left: 20px;}
.mpgtMenu {position:fixed; top:0; right:0; z-index:11; padding:19px 30px;}
.mpgtMenu:after {content:""; display:table; clear:both;}
.mpgtMenu li {float:left; margin-right:20px; position:relative;}
.mpgtMenu li:last-child {margin-right:0;}
.mpgtMenu li.lcttmUser {height:30px; line-height:30px;}
.mpgtMenu li.lcttmUser a {cursor:pointer;}
.mpgtMenu li.lcttmUser div {display:inline-block; vertical-align:middle; margin-left:10px; height:30px; width:30px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.mpgtMenu li.lcttm a {display:block; width:30px; height:30px;}
.mpgtMenu li.lcttm a div {display:inline-block; position:relative;}
.mpgtMenu li.lcttm a span {display:block; width:23px; margin:0 auto; text-indent:-9999px;}
.mpgtMenu li.lcttm em {font-style:normal; display:block; height:16px; line-height:16px; background:#ff0000; color:#fff; font-size:8pt; padding:0 5px; position:absolute; left:100%; margin-left:-10px; top:50%; margin-top:-15px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.mpgtMenu li.lcttmHome a {background:url("../../img/lecture/top_menu01.png")no-repeat center center;}
.mpgtMenu li.lcttmMsg a {background:url("../../img/lecture/top_menu02.png")no-repeat center center;}
.mpgtMenu li.lcttmNoti a {background:url("../../img/lecture/top_menu03.png")no-repeat center center;}
.mpgtMenu li.lcttmOut a {background:url("../../img/lecture/top_menu04.png")no-repeat center center;}
#mpgMenu {position:fixed; width:200px; top:70px; left:0; bottom:0; background:#fff; border-right:solid 1px #e6e6e6; z-index:10; width 0.4s; transition: width 0.4s; overflow:hidden;}
#mpgMenu.on {width:50px;}
#mpgMenu.on .lctmUdn {bottom:50px; left:5px;}
#mpgMenu.on .lctmUdn dd:first-child {margin-right:0; margin-bottom:5px;}
#mpgMenu.on #lctmBtn {right:5px; background:#000 url("../../img/lecture/left_onof_on.png")no-repeat center center;}
.mpgsdCont {height:110px !important;}
.mpgsdCont img {display:none !important;}
.mpgSlide .slick-dots {position:absolute; right:30px; bottom:10px;}
.mpgSlide .slick-dots:after {content:""; display:table; clear:both;}
.mpgSlide .slick-dots li {float:left; width:10px; height:10px; background:#fff; margin-right:6px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.mpgSlide .slick-dots li button {display:none;}
.mpgSlide .slick-dots li.slick-active {background:#6b6b6b;}
#mpgWrap {}
.mpgCont {padding:30px 30px 120px; min-height:800px;}
.mpgCont:after {content:""; display:table; clear:both;}
.mpgClass {width:63%; float:left;}
.mpgNoti {width:37%; float:left; padding-left:30px;}
.mpgcCont {margin-bottom:60px;}
.mpgClass .mpgcCont:last-child {margin-bottom:0;}
.mpgTitle {position:relative; margin-bottom:20px;}
.mpgTitle h5 {line-height:1.0em; font-size:16pt; font-weight:400;}
.mpgTitle a {display:block; font-size:10pt; font-weight:300; padding-left:18px; position:absolute; right:0; top:0;}
.mpgTitle a:before,
.mpgTitle a:after {content:""; display:block; position:absolute; left:0; top:50%; background:#8b8b8b;}
.mpgTitle a:before {width:12px; height:2px; margin-top:-1px;}
.mpgTitle a:after {width:2px; height:12px; margin-left:5px; margin-top:-6px;}
.mpgTitle span {content:""; display:block; width:20px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; cursor:pointer; background:url("../../img/mypage/title_arrow.png")no-repeat center center;}
.mpgTitle span.on {background:url("../../img/mypage/title_arrow_on.png")no-repeat center center;}
.mpgDesc {background:#f9f9f9; padding:5px 10px;}
.mpgcList.empty {padding:0 15px; border:solid 1px #0040b7;}
.mpgcList.empty li:last-child {border-bottom:none;}
.mpgcList li {padding:30px 0; border-bottom:solid 1px #d6d6d6;}
.mpgcList li a {display:block;}
.mpgcList li a h5 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mpgcList li a h5:after {content:""; display:table; clear:both;}
.mpgcList li a h5 em,
.mpgcList li a h5 span,
.mpgcList li a h5 b {display:block; height:20px; line-height:20px; float:left;}
.mpgcList li a h5 em {font-size:14pt; color:#238dfa; margin-right:10px; font-style:normal; font-weight:400;}
.mpgcList li a h5 span {padding:0 10px; color:#fff; margin-right:5px; font-weight:300; font-size:10pt;}
.mpgcList li a h5 span.mpglLable1 {background:#333583;}
.mpgcList li a h5 span.mpglLable2 {background:#77b743;}
.mpgcList li a h5 span.ppl {background:#a404b2;}
.mpgcList li a h5 span.blu {background:#238dfa;}
.mpgcList li a h5 span.nav {background:#333583;}
.mpgcList li a h5 span.grn {background:#77b743;}
.mpgcList li a h5 span.org {background:#f36f21;}
.mpgcList li a h5 b {font-size:14pt; font-weight:400;}
.mpgcList li a dl {padding-top:10px;}
.mpgcList li a dl:after {content:""; display:table; clear:both;}
.mpgcList li a dl dt {float:left; font-size:11pt; padding-right:10px; margin-right:10px; position:relative; color:#238dfa;}
.mpgcList li a dl dt:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
.mpgcList li a dl dd {float:left; font-size:11pt; color:#888}
.mpgcList li a dl dt.mpglSta1 {color:#ff0000;}
.mpgcList li a dl dt.mpglSta2 {color:#333;}
.mpgcList li a dl dt.mpglSta3 {color:#00aeea;}
.mpgnCont {background:#f9f9f9; margin-bottom:50px; padding:30px 20px;}
.mpgNoti .mpgnCont:last-child {margin-bottom:0;}
.mpgnList {}
.mpgnList li {padding-bottom:10px;}
.mpgnList li:last-child {padding-bottom:0;}
.mpgnList li > div {background:#fff; padding:20px 10px; position:relative;}
.mpgnList li a {display:block;}
.mpgnList li h5 {font-size:12pt; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mpgnList li h5 span {color:#32b16c; margin-right:5px;}
.mpgnList li h6 {font-size:12pt; font-weight:400;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mpgnList li p {font-size:10pt; color:#6b6b6b; margin-top:6px; font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mpgnList li p span {font-size:10pt; color:#ff0000;}
.mpgnClose {display:block; cursor:pointer; width:30px; height:30px; position:absolute; right:0; bottom:0; text-indent:-9999px; background:#f9f9f9 url("../../img/mypage/notice_close.png")no-repeat center center; background-size:14px auto;}
.mpgcEmpty p {padding:80px 0; text-align:center; font-size:14pt;}
.mpgcEmpty a {display:block; height:70px; line-height:70px; text-align:center; background:#0040b7; color:#fff; font-size:13pt;}
.mpgPtnr .lctcList {border:none; border-bottom:solid 1px #d6d6d6;}
.mpgPtnr .lctcList ul li {margin-bottom:15px;}
.mpgPtnr .lctcList ul li a {padding-right:130px;}
.mpgPtnr .lctcList ul li a p,
.mpgPtnr .lctcList ul li a em {color:#888;}
.mpgmList {}
.mpgmList li {position:relative;}
.mpgmList li.current {background:#f1f1f1;}
.mpgmList li a {display:block; padding-left:50px; white-space:nowrap;}
.mpgmList li a em {display:block; width:50px; height:50px; position:absolute; left:0; top:0;}
.mpgmList li a span {display:block; height:50px; line-height:50px; position:relative;}
.lctmUdn {position:absolute; left:10px; bottom:6px; -webkit-transition: all 0.3s; transition: all 0.3s;}
#lctMenu.on .lctmUdn {bottom:50px; left:5px;}
.lctmUdn:after {content:""; display:table; clear:both;}
.lctmUdn dd {float:left; -webkit-transition: all 0.3s; transition: all 0.3s;}
.lctmUdn dd a {display:block; width:39px; height:30px; text-indent:-9999px; border:solid 1px #b6b6b6;}
.lctmUdn dd:first-child {margin-right:6px;}
#lctMenu.on .lctmUdn dd:first-child {margin-right:0; margin-bottom:5px;}
.lctmUdn dd:first-child a {background:url("../../img/lecture/left_udn_up.png")no-repeat center center;}
.lctmUdn dd:last-child a {background:url("../../img/lecture/left_udn_down.png")no-repeat center center;}
#lctmBtn {display:block; text-indent:-9999px; width:40px; height:40px; position:absolute; right:0; bottom:0; margin-right:-1px; cursor:pointer; background:#000 url("../../img/lecture/left_onof_off.png")no-repeat center center; -webkit-transition: all 0.3s; transition: all 0.3s;}
#lctMenu.on #lctmBtn {right:5px; background:#000 url("../../img/lecture/left_onof_on.png")no-repeat center center;}
#lctWrap {height:100%; overflow-y:auto;}
#lctWrap:after {content:""; display:table;}
#lctFooter {height:80px; line-height:80px; text-align:center; color:#aaa; font-size:11pt; font-weight:300; background:#f7f7f7; letter-spacing:0em;}
#lctFooter span {color:#333583;}
.lctCont {padding-left:30px; padding-right:30px;}



@media (max-width:1000px) {
	html.mypage,
	body.mypage,
	#mypage {height:auto !important;}
	#mypage {padding-top:55px; padding-left:0;}
	#mypage.on {padding-left:0 !important;}
	#mpgTop {height:55px;}
	#mpgTop h1 {height: 50px !important;margin:0 auto;float:none;}
	#mpgTop h2 {display:none;}
	#mpgmClose {display:block; height:54px; width:54px; position:fixed; right:0; top:0; text-indent:-9999px; z-index:12; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
	.mpgtMenu {top:0; left:0; right:0; padding:0; background:#fff; height:70px; position:absolute; border-bottom:solid 1px #ccc;}
	.mpgtMenu li {float:left; margin-right:0; width:25%;}
	.mpgtMenu li:after {content:""; display:block; width:1px; background:#ccc; position:absolute; right:0; top:0; bottom:0;}
	.mpgtMenu li:last-child:after {display:none;}

	.mpgtMenu li.lcttmUser {position:fixed; top:0; left:0; right:0; height:55px; width:100%; line-height:55px; background:#333583; padding-right:65px;}
	.mpgtMenu li.lcttmUser:after {display:none;}
	.mpgtMenu li.lcttmUser a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:54px; line-height:54px; padding:0 15px; font-size:12pt; color:#fff; padding-left:33px; position:relative; z-index:1; background:url("../../img/common/gnb_login.png")no-repeat 15px center; background-size:13px auto; cursor:default;}
	.mpgtMenu li.lcttmUser a span {font-size:12pt; color:#fffc00;}
	.mpgtMenu li.lcttmUser a b {font-size:12pt; color:#fff; font-weight:400;}
	.mpgtMenu li.lcttmUser div {display:none;}
	
	
	.mpgtMenu li.lcttm a {width:100%; height:70px; padding-top:12px; background:none !important;}
	.mpgtMenu li.lcttm a div {display:block; width:28px; height:28px; margin:0 auto; position:relative; background-size:cover !important;}
	.mpgtMenu li.lcttm a span {display:none;}
	.mpgtMenu li.lcttm em {font-style:normal; display:block; height:16px; line-height:16px; background:#ff0000; color:#fff; font-size:8pt; padding:0 5px; position:absolute; left:100%; margin-left:-10px; top:50%; margin-top:-15px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
	.mpgtMenu li.lcttmHome {}
	.mpgtMenu li.lcttmHome div {background:url("../../img/mypage/mobile_gnb_loginok_ico01_bk.png")no-repeat center center;}
	.mpgtMenu li.lcttmMsg div {background:url("../../img/mypage/mobile_gnb_loginok_ico02_bk.png")no-repeat center center;}
	.mpgtMenu li.lcttmNoti div {background:url("../../img/mypage/mobile_gnb_loginok_ico03_bk.png")no-repeat center center;}
	.mpgtMenu li.lcttmOut div {background:url("../../img/mypage/mobile_gnb_loginok_ico04_bk.png")no-repeat center center;}
	.mpgtMenu li.lcttmHome a:after {content:"메인페이지"; display:block; text-align:center; color:#222; font-size:10pt;}
	.mpgtMenu li.lcttmMsg a:after {content:"쪽지"; display:block; text-align:center; color:#222; font-size:10pt;}
	.mpgtMenu li.lcttmNoti a:after {content:"알림"; display:block; text-align:center; color:#222; font-size:10pt;}
	.mpgtMenu li.lcttmOut a:after {content:"로그아웃"; display:block; text-align:center; color:#222; font-size:10pt;}


	#mctmbMypg {
		display:block; width:30px; height:30px; position:absolute; right:15px; top:50%; margin-top:-15px; text-indent:-9999px;
		background:#fff url("../../img/common/gnb_lecture.png")no-repeat center center; background-size:14px auto; border:solid 2px #323381;
		border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;
	}
	#mpgtmbBtn {display:block; position:absolute; top:0; left:0; height:100%; cursor:pointer; padding:17px 20px; margin:0; z-index:10;}
	#mpgtmbBtn span {display:block; width:28px; height:2px; margin-bottom:6px; background:#002c5d; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
	#mpgtmbBtn span.slice1 {}
	#mpgtmbBtn span.slice2 {}
	#mpgtmbBtn span.slice3 {margin-bottom:0;}
	#mpgtmbBtn.on {position:absolute; top:0;}
	#mpgtmbBtn.on span {width:28px;}
	#mpgtmbBtn.on span.slice1 {margin-top:10px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	#mpgtmbBtn.on span.slice2 {opacity:0}
	#mpgtmbBtn.on span.slice3 {margin-top:-16px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	#mpgmbMenu {position:fixed; top:55px; left:0; right:0; bottom:0; z-index:100; background:#fff; display:none; padding-top:70px;}
	#mpgmbClose {display:block; height:54px; width:54px; position:absolute; right:0; top:0; cursor:pointer; text-indent:-9999px; z-index:12; cursor:pointer; background:url("../../img/common/mypage_close.png")no-repeat center center; background-size:24px auto;}
	#mpgMenu {position:static; width:100%; height:100%; border-right:none; overflow-y:auto; -webkit-overflow-scrolling: touch;}
	#mpgMenu.on {width:50px;}
	.mpgsdCont {height:auto !important;}
	.mpgsdCont img {display:block !important; width:100%;}
	.mpgSlide .slick-dots {right:10px; bottom:5px;}
	.mpgSlide .slick-dots ul li {width:8px; height:8px;}
	#mpgWrap {}
	.mpgCont {padding:25px 15px;}
	.mpgClass {width:100%;}
	.mpgNoti {width:100%; padding-left:0;}
	.mpgcCont {margin-bottom:40px;}
	.mpgClass .mpgcCont:last-child {margin-bottom:40px;}
	.mpgTitle {margin-bottom:15px;}
	.mpgTitle h5 {font-size:12pt;}
	.mpgTitle span {width:14px; height:7px; margin-top:-5px; background-size:cover !important;}
	.mpgDesc {font-size:9pt; font-weight:300;}
	.mpgcList {}
	.mpgcList li {padding:15px 0;}
	.mpgcList li a h5 em,
	.mpgcList li a h5 span,
	.mpgcList li a h5 b {height:18px; line-height:18px;}
	.mpgcList li a h5 em {font-size:11pt; margin-right:6px;}
	.mpgcList li a h5 span {padding:0 5px; margin-right:5px; font-size:9pt;}
	.mpgcList li a h5 b {font-size:12pt;}
	.mpgcList li a dl dt {font-size:10pt;}
	.mpgcList li a dl dt:after {height:10px; margin-top:-5px;}
	.mpgcList li a dl dd {font-size:10pt;}
	.mpgnCont {margin-bottom:40px; padding:20px 10px;}
	.mpgnList li > div {padding:10px;}
	.mpgnList li h5 {font-size:12pt;}
	.mpgnList li h6 {font-size:12pt;}
	.mpgcEmpty p {padding:40px 0; font-size:12pt;}
	.mpgcEmpty a {height:60px; line-height:60px; font-size:12pt;}
	.mpgPtnr .lctcList ul li a {padding-right:100px;}
	.mpgmList li {border-bottom:solid 1px #e5e5e5;}
	.lctmUdn {display:none;}
	#lctmBtn {display:none;}
	#lctWrap {height:auto !important; overflow:hidden;}
	#lctFooter {height:auto; line-height:1.5em; padding:20px 60px; font-size:9pt}
	.lctCont {padding-left:15px; padding-right:15px;}
}


/* 신청과정 */
.pt0 {padding-top:0 !important;}
.mt0 {margin-top:0 !important;}
.mpgName {margin-top:30px; margin-bottom:30px; font-size:15pt; font-weight:400;}
.mpgInfo {padding:20px; background:#ecf4fb; margin-bottom:30px;}
.mpgInfo li {font-size:11pt; color:#000; padding-left:8px; position:relative; margin-bottom:5px; font-weight:300;}
.mpgInfo li:last-child {margin-bottom:0;}
.mpgInfo li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:10px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.lctAply {}
.lctAply thead {}
.lctAply thead th,
.lctAply thead td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; background:#f9f9f9; text-align:center; font-size:12pt; font-weight:300; padding:13px;}
.lctAply thead td {width:100px;}
.lctAply tbody th,
.lctAply tbody td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.lctAply tbody th {text-align:left;}
.lctAply tbody td {width:100px}
.ltaList {padding:30px 0;}
.ltaList > a {display:inline-block; max-width:100%;}
.ltaList h5 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ltaList h5 em,
.ltaList h5 span,
.ltaList h5 b {font-size:13pt; /* display:inline-block; */ vertical-align:middle; height:20px; margin-right:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ltaList h5 em {color:#238dfa; font-style:normal; font-weight:400;}
.ltaList h5 span {color:#fff; background:#333583; padding:0 10px; font-size:10pt; font-weight:400;}
.ltaList h5 span.ppl {background:#a404b2}
.ltaList h5 span.blu {background:#238dfa;}
.ltaList h5 span.nav {background:#333583;}
.ltaList h5 span.grn {background:#77b743;}
.ltaList h5 span.org {background:#f36f21;}
.ltaList h5 b {font-weight:400; /*margin-right:0;*/}
.ltaList h5 a.tstlTitle {font-size:13pt; display:inline-block; vertical-align:middle; height:20px; line-height:20px; margin-right:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ltaList h5 a.print {display:inline-block; height:30px; line-height:30px; background:#000; color:#fff; font-size:10pt; padding:0 15px; margin-left:10px;}
.ltaList h5 em, .ltaList h5 span, .ltaList h5 b {display: inline-block !important;}
.ltaDl {margin-top:10px;}
.ltaList > a .ltaDl:last-child {margin-top:5px;}
.ltaDl:after {content:""; display:table; clear:both;}
.ltaDl dt,
.ltaDl dd {display:inline-block; vertical-align:middle; font-size:12pt;}
.ltaDl dt {padding-right:12px; /*margin-right:9px;*/ position:relative; font-weight:400;}
/*.ltaDl dt:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}*/
.ltaDl dt.ltaDlred {color:#ff0000;}
.ltaDl dt.ltaDlblue {color:#00aeea;}
.ltaDl dt.ltaDlbk {color:#383838;}
.ltaDl dt.ltaDlppl,
.ltaDl dt.ltaDlppl a {color:#333583; font-size:12pt; font-weight:500;}
.ltaDl dd {color:#888; margin-right:20px; font-weight:400;}
.ltaDl dd.red {color:#ff0000;}
.ltaDl dd a {font-size:12pt; color:#888;}
.ltaDl dd span {color:#ff0000; font-size:12pt;}
.ltaDl dd:before {content: '|';display: inline-block;margin-right: 12px;}
.ltaDl dd:empty {display:none;}
.ltaDl dd:first-child:before{display:none;}
.ltaDl dd:last-child {margin-right:0;}
.ltaBtn {text-align:center;}
.ltaBtn select {display:block; min-width:100%;}
.ltaBtn > a,
.ltaBtn > span {display:inline-block; font-size:12pt;}
.ltaBtn > a {color:#333;}
.ltaBtn > span {color:#000;}
.ltaBtn.mpgtBtn > a.sky {color:#238dfa;}
.ltaBtn.mpgtBtn > a.blu {color:#0000ff;}
.ltaBtn.mpgtBtn > a.red {color:#f36f21;}
.ltaBtn dl {width:60px; margin:0 auto;}
.ltaBtn dl dd {margin:5px 0;}
.ltaBtn dl dd a {display:block; height:30px; line-height:28px; background:#fff;}
.ltaBtn dl dd.blu a {border:solid 1px #238dfa; color:#238dfa;}
.ltaBtn dl dd.bk a {border:solid 1px #000; color:#000; cursor:auto;}
.ltaDesc {background:#f9f9f9;}
.ltaDesc ul {padding:15px;}
.ltaDesc ul li {font-size:12pt; color:#888; margin-bottom:10px;}
.ltaDesc ul li:last-child {margin-bottom:0;}
.ltaDesc ul li b {font-size:12pt; color:#000; font-weight:400;}
.ltaOpen {display:inline-block !important; text-align:left; height:20px; line-height:20px; cursor:pointer; font-size:11pt !important; padding-right:30px; position:relative;}
.ltaOpen:after {content:""; display:block; width:20px; height:20px; border:solid 1px #666; position:absolute; right:0; top:50%; margin-top:-10px; background: url("../../img/mypage/title_arrow.png")no-repeat center center; background-size:auto 5px !important;}
.ltaOpen.on:after {background:url("../../img/mypage/title_arrow_on.png")no-repeat center center;}





.ltaDown {display:none;}
.ltaDown.on {display:table-row;}


@media (max-width:1000px) {
	.mpgName {height:auto; line-height:1.4em; margin-bottom:8px; margin-top:25px; font-size:13pt;}
	.mpgInfo {padding:15px 10px;}
	.mpgInfo li {font-size:10pt; margin-bottom:3px;}
	.mpgInfo li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:10px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
	.lctAply thead {display:none;}
	.lctAply,
	.lctAply tbody,
	.lctAply tr,
	.lctAply th,
	.lctAply td {display:block;}	
	.lctAply {border-bottom:solid 1px #d6d6d6;}
	.lctAply tr {border-top:solid 1px #d6d6d6; position:relative;}
	.lctAply tbody th,
	.lctAply tbody td {border-top:none; border-bottom:none;}
	.lctAply tbody th {text-align:left; width:100%;}
	.lctAply tbody td {width:auto; display:inline-block; vertical-align:middle;}
	.ltaList {padding:15px 0;}
	.ltaList > a {display:block;}
	.ltaList h5 em,
	.ltaList h5 span,
	.ltaList h5 b {font-size:12pt; margin-right:3px;}
	.ltaList h5 a.tstlTitle {font-size:12pt; margin-right:3px;}
	.ltaList h5 span {padding:0 5px; font-size:9pt;}
	.ltaList.mpgtList h5 b {max-width:70%;}
	.ltaList.mpgtList h5 a {height:24px; line-height:24px; font-size:9pt; padding:0 7px; background:#333583;}
	.ltaDl {margin-top:5px;}
	.ltaDl dt,
	.ltaDl dd {font-size:10pt; margin-right:10px;}
	.ltaDl dd a {font-size:10pt; color:#888;}
	.ltaDl dt {padding-right:9px; margin-right:6px;}
	.ltaDl dt:after {height:10px; margin-top:-5px;}
	.ltaDl dt.ltaDlppl,
	.ltaDl dt.ltaDlppl a {font-size:10pt;}
	.ltaDl dd span {font-size:10pt;}
	.ltaBtn {padding-bottom:15px; margin-right:10px;}
	.ltaBtn:after {content:""; display:table; clear:both;}
	.ltaBtn:before {content:attr(data-th) ""; display:block; float:left; font-size:11pt; font-weight:400; color:#888; height:30px; line-height:30px; margin-right:5px;}
	.ltaBtn {text-align:left;}
	.ltaBtn select {float:left; min-width:80px; height:30px;}
	.ltaBtn > span,
	.ltaBtn > a {float:left; font-size:11pt; height:30px; line-height:30px;}
	.ltaBtn dl {width:auto; float:left; padding:5px 0;}
	.ltaBtn dl:after {content:""; display:table; clear:both;}
	.ltaBtn dl dd {float:left; margin:0; margin-right:5px;}
	.ltaBtn dl dd:last-child {margin-right:0;}
	.ltaBtn dl dd a {height:20px; line-height:18px; font-size:9pt; text-align:center; padding: 0 5px;}
	.ltaBtn.mpgtBtn {margin-top:-5px;}
	.ltaBtn.mpgtBtn:before,
	.ltaBtn.mpgtBtn > a {font-size:10pt; height:20px; line-height:20px;}
	.ltaBtn.ltaDesc {position:absolute; right:0; top:0; width:40px; padding-bottom:0; background:none;}
	.ltaBtn.ltaDesc dl {padding:10px 0;}
	.ltaBtn.ltaDesc dd {margin-right:0; margin-top:3px; margin-bottom:3px;}
	.ltaBtn.ltaDesc:before {display:none;}
	.ltaDesc ul {padding:10px; padding-right:60px;}
	.ltaDesc ul li {font-size:11pt; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.ltaDesc ul li b {font-size:11pt;}
	.ltaOpen {}
	.ltaOpen:after {width:16px; height:16px; margin-top:-8px; background-size:auto 4px !important;}
	.ltaDown {display:none !important;}
	.ltaDown.on {display:block !important;}






}



/* 수강과정 */
.lctQr {margin-bottom:10px;}
.lctQr:after {content:""; display:table; clear:both;}
.lctQr p {float:left; margin-top:20px;}
.lctQr input[type="checkbox"] {display:inline-block; vertical-align:middle; width:20px; height:20px;}
.lctQr label {display:inline-block; vertical-align:middle; white-space:nowrap; font-size:12pt;}
.lctQr dl {float:left;padding:10px 0;}
.lctQr dl:after {content:""; display:table; clear:both;}
.lctQr dl dd,
.lctQr dl dt {float:left; padding:0 15px; position:relative; height:25px; line-height:25px; color:#333583; font-size:13pt;}
.lctQr dl dd:first-child {padding-left:0;}
.lctQr dl dt:last-child {padding-right:0;}
.lctQr dl dd:after {content:""; display:block; width:1px; height:12px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-6px;}
.lctQr dl dd label {float:left; padding:0 2px; position:relative; height:25px; line-height:25px; color:#333583; font-size:13pt;}
.lctQr dl dd label.red {color:#ff0000;} 
.lctQr ul {float:right;}
.lctQr ul:after {content:""; display:table; clear:both;}
.lctQr li {float:left; margin-left:5px;}
.lctQr li a {display:block; text-align:center; height:50px; line-height:48px; text-align:center; border:solid 1px #000; padding:0 15px; font-size:12pt; font-weight:300; color:#000; white-space:nowrap;}
.mpgPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:100;}
.mpgPop > div {display:table; width:100%; height:100%;}
.mpgPop > div > div {display:table-cell; width:100%; vertical-align:middle;}
.mpgPopWrap {width:100%; max-width:440px; max-height:90vh; margin:0 auto; background:#fff; position:relative;}
.mpgPopWrap.wdth430 {max-width:430px;}
.mpgPopWrap.wdth580 {max-width:580px;}
.mpgPopWrap.wdth650 {max-width:650px;}
.mpgPopWrap.wdth660 {max-width:660px;}
.mpgPopWrap.wdth1140 {max-width:1140px;}
.mpgPopTitle {background:#0068b7; position:relative; padding:0 20px;}
.mpgPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;}
.mpgPopTitle a {display:block; height:60px; width:60px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
.mpgPopCont {padding:50px; overflow-y:auto;}
.mpgPopCont img {display:block; margin:0 auto; max-width:100%;}
.mpgPopBtn {text-align:center; margin-top:50px;}
.mpgPopBtn li {display:inline-block; margin:0 3px;}
.mpgPopBtn li a {display:block; width:100px; height:50px; line-height:48px; border:solid 1px #383838; color:#383838;}
.mpgPopBtn li a.bk {background:#383838; color:#fff;}


@media (max-width:1000px) {
	.lctQr {margin-bottom:0; padding-bottom:5px; position:relative;}
	.lctQr dl {width:100%; float:none; margin-top:5px;}
	.lctQr dl dt,
	.lctQr dl dd {font-size:11pt;}
	.lctQr p {position:absolute; left:0; right:0; bottom:0;}
	.lctQr p label {font-size:11pt;}
	.lctQr ul {float:none; margin:0 -5px;}
	.lctQr li {width:50%; float:left; margin-left:0; padding:0 5px;}
	.lctQr li a {font-size:10pt; padding:0; letter-spacing:-0.075em; height:40px; line-height:38px;}
	.mpgPop > div > div {padding-left:15px; padding-right:15px;}
	.mpgPopTitle {padding:0 15px;}
	.mpgPopTitle h5 {height:50px; line-height:50px; font-size:14pt;}
	.mpgPopTitle a {height:50px; width:50px; background-size:20px auto;}
	.mpgPopCont {padding:20px;}
}




/* 나의시험 */
.mpgtTitle {margin-bottom:10px; margin-top:40px;}
.mpgtTitle:after {content:""; display:table; clear:both;}
.mpgtTitle h4 {float:left; font-size:16pt; color:#238dfa; height:50px; line-height:50px; white-space:nowrap;}
.mpgtTitle a {float:right; display:block; width:190px; height:50px; line-height:48px; text-align:center; border:solid 1px #000; font-size:12pt;}
.mpgtDesc {background:#f9f9f9; padding:20px 10px; margin-bottom:30px;}
.mpgtDesc li a {display:inline-block; border:solid 1px #000; background:#fff; font-size:10pt; padding:3px 10px; margin-left:10px; white-space:nowrap;}
.mpgpResult {padding:30px;}
.mpgpResult th,
.mpgpResult td {padding:13px; text-align:center; font-size:12pt; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.mpgpResult th {background:#f9f9f9; width:160px; font-weight:300;}
.mpgpResult td.red {color:#ff0000;}
.mpgpResult td h5 {font-size:12pt; color:#000; font-weight:400; text-align:left;}
.mpgpResult td p {font-size:12pt; color:#000; text-align:left; font-weight:300;}
.mpgpIdent {padding:50px;}
.mpgpIdent > h5 {text-align:center; margin-top:50px;}
.mpgpIdent > h5 span {display:inline-block; font-size:24pt; font-weight:700; height:64px; line-height:64px; padding-right:20px; background:url("../../img/mypage/popup_sign.jpg")no-repeat right center;}
.mpgpIprofile {position:relative; padding-left:170px; min-height:190px;}
.mpgpIprofile em {display:block; position:absolute; width:150px; height:190px; left:0; top:0; bottom:0; border:solid 1px #d6d6d6; background-size:cover !important;}
.mpgpIprofile h5 {font-size:14pt;}
.mpgpIprofile table {margin-top:20px;}
.mpgpIprofile th,
.mpgpIprofile td {border-top:solid 10px #fff; border-bottom:solid 10px #fff;}
.mpgpIprofile th {width:90px; background:#f9f9f9; font-weight:300; padding:5px 10px;}
.mpgpIprofile td {padding:5px 20px;}
.mpgpIprofile td.red {color:#ff0000;}
.mpgpItable {margin-top:30px;}
.mpgpItable th,
.mpgpItable td {padding:13px; font-size:12pt; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.mpgpItable th {background:#f9f9f9; width:160px; font-weight:300;}
.mpgpItable td span {font-size:12pt; color:#238dfa;}
.mpgpList {padding:30px;}
.mpgpList li {margin-bottom:10px;}
.mpgpList li:last-child {margin-bottom:0;}

.mpgPop.mpgPopFull > div {display:block; width:100%;}
.mpgPop.mpgPopFull > div > div {display:block; height:100%; vertical-align:middle; overflow:hidden;}
.mpgPop.mpgPopFull > div {display:block; height:100%; padding-top:30px; padding-bottom:30px;}
.mpgPop.mpgPopFull .mpgPopWrap  {position:relative; padding-top:50px; height:100%; -webkit-overflow-scrolling: touch;}
.mpgPop.mpgPopFull .mpgPopTitle {position:absolute; left:0; right:0; top:0;}
.mpgPopScroll {position:absolute; left:0; right:0; top:60px; bottom:0;}
.mpgPopScroll > div {height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}

@media (max-width:1000px) {
	.mpgtTitle h4 {font-size:14pt; height:40px; line-height:40px;}
	.mpgtTitle a {width:auto; height:40px; line-height:38px; padding:0 20px; font-size:11pt; white-space:nowrap;}
	.mpgtDesc {padding:10px 5px; margin-bottom:20px;}
	.mpgtDesc li a {margin-left:0; font-size:9pt; padding:3px 5px; margin-left:5px;}
	.mpgpResult {padding:20px;}
	.mpgpResult th,
	.mpgpResult td {padding:10px; font-size:11pt;}
	.mpgpResult th {width:140px;}

	.mpgpIdent {padding:20px;}
	.mpgpIdent > h5 {margin-top:20px;}
	.mpgpIdent > h5 span {font-size:14pt; height:32px; line-height:32px; padding-right:15px; background-size:auto 100% !important;}
	.mpgpIprofile {padding-left:0; min-height:auto;}
	.mpgpIprofile em {position:static; width:95px; height:120px; margin:0 auto;}
	.mpgpIprofile h5 {font-size:13pt; margin-top:20px;}
	.mpgpIprofile table {margin-top:10px;}
	.mpgpIprofile th,
	.mpgpIprofile td {border-top:solid 5px #fff; border-bottom:solid 5px #fff; font-size:10pt;}
	.mpgpIprofile th {width:70px; padding:5px;}
	.mpgpIprofile td {padding:5px 10px;}
	.mpgpIprofile td.red {color:#ff0000;}
	.mpgpItable {margin-top:20px;}
	.mpgpItable th,
	.mpgpItable td {padding:5px 10px; font-size:10pt;}
	.mpgpItable td span {font-size:10pt;}
	.mpgpItable th {width:100px;}

}



/* 장바구니 */
.bskList {}
.bskList thead th {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; background:#f9f9f9; padding:12px 0; font-size:12pt; font-weight:300;}
.bskList thead th:first-child,
.bskList tbody th:first-child {width:60px;}
.bskList tbody th,
.bskList tbody td {padding:30px 0; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.bskList tbody td a {}
.bskList tbody td h5 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bskList tbody td h5 span,
.bskList tbody td h5 b {display:inline-block; vertical-align:middle; height:20px; line-height:20px; font-weight:400;}
.bskList tbody td h5 a {height:30px; line-height:30px; display:inline-block; vertical-align:middle; margin-left:10px; background:#000; color:#fff; font-size:10pt; width:100px; text-align:center;}
/* .bskList tbody td h5 span {margin-right:5px; width:40px; text-align:center; color:#fff; font-size:10pt;} */
.bskList tbody td h5 span {text-align:center; color:#fff; font-size:10pt; padding: 0 10px;}
.bskList tbody td h5 span.blu {background:#238dfa;}
.bskList tbody td h5 span.ppl {background:#333583;}
.bskList tbody td h5 span.grn {background:#77b743;}
.bskList tbody td h5 span.org {background:#f36f21;}
.bskList tbody td h5 span.bk {background:#000;}
.bskList tbody td h5 b {font-size:13pt; display:inline-block; vertical-align:middle; height:20px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bskList tbody td dl {margin-top:10px;}
.bskList tbody td dl dd {display:inline-block; vertical-align:middle; padding-right:12px; margin-right:9px; position:relative; color:#888;}
.bskList tbody td dl dd:last-child {padding-right:0; margin-right:0;}
.bskList tbody td dl dd:last-child:after {display:none;}
.bskList tbody td dl dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
.bskList tbody td dl dd span {}
.bskList tbody td dl dd span.bk {color:#000;}
.bskList tbody td dl dd span.org {color:#ff6600;}
.bskList tbody td dl dd span.red {color:#ff0000;}
.bskList input[type="checkbox"] {display:inline-block; width:20px; height:20px;}
.bskTotal {padding:30px 20px; background:#f9f9f9; border-bottom:solid 1px #d6d6d6; text-align:right;}
.bskTotal h5 {font-size:12pt;}
.bskTotal h5 b {font-size:18pt; color:#ff0000; font-weight:500;}
.bskTotal h5 span {font-size:16pt;}
.bskTotal p {margin-top:5px;}
.bskTotal p span {color:#ff6600;}
.bskBtn {text-align:center; padding-top:30px; padding-bottom:60px;}
.bskBtn li {margin:0 5px; display:inline-block;}
.bskBtn li a {display:block; width:260px; height:50px; line-height:48px; font-size:12pt; border:solid 1px #383838; color:#383838;}
.bskBtn li a.bk {background:#383838; color:#fff;}
.bskDesc {padding:20px; background:#ecf4fb;}
.bskDesc h5 {font-size:14pt; color:#000; padding-left:40px; height:30px; line-height:30px; margin-bottom:10px; background:url("../../img/mypage/basket_desc.png")no-repeat left center; background-size:auto 30px;}
.bskDesc li {font-size:11pt; color:#000; padding-left:8px; position:relative; margin-bottom:5px; font-weight:300;}
.bskDesc li:last-child {margin-bottom:0;}
.bskDesc li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:10px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.bskTitle {position:relative; /* padding-left:25px; */ color:#000000; font-size:14pt; height:15px; line-height:15px; margin-bottom:15px; margin-top:50px;}
/* .bskTitle:before {content:""; display:block; width:15px; height:15px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-7px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;} */
.bskCost {}
.bskCost th,
.bskCost td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; font-size:12pt; font-weight:400;}
.bskCost th {padding:15px 0; }
.bskCost td {padding:25px 0; text-align:center;}
.bskCost td div {position:relative; font-size:12pt;}
.bskCost td div:before,
.bskCost td div:after {content:""; display:block; width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; background-size:cover !important;}
.bskCost td div:before {left:-20px; background:url("../../img/mypage/basket_plus.png")no-repeat left center;}
.bskCost td div:after {right:-20px; background:url("../../img/mypage/basket_result.png")no-repeat left center;}
.bskCost td b {font-size:18pt; color:#ff0000; font-weight:500;}
.bskCost td span {font-size:16pt;}
.bskTable {border-top:solid 2px #d6d6d6; border-left:solid 2px #fff; border-right:solid 2px #fff;}
.bskTable th,
.bskTable td {padding:10px 20px; font-size:12pt; font-weight:300; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.bskTable th {width:190px; background:#fafafa;}
.bskTable th span {font-size:12pt; color:#ff0000;}
.bskTable th em {font-style:normal; font-size:12pt; font-weight:300;}
.bskTable td {}
.bskTable td select {}
.bskTable td input[type="text"],
.bskTable td input[type="tel"] {}
.bskTable td ul {}
.bskTable td ul:after {content:""; display:table; clear:both;}
.bskTable td ul li {float:left;}
.bskTable td ul li select,
.bskTable td ul li input[type="text"],
.bskTable td ul li input[type="tel"] {display:block; width:100%; min-width:100%;}
.bskTable td p {line-height:40px;}
.bakRadio {}
.bakRadio:after {content:""; display:table; clear:both;}
.bakRadio li {float:left; margin-right:50px;}
.bakRadio li:last-child {margin-right:0;}
.bakRadio li input[type="radio"],
.bakRadio li label {display:inline-block; vertical-align:middle;}
.bskAddr {margin:0 -5px;}
.bskAddr:after {content:""; display:table; clear:both;}
.bskAddr li {width:50%; float:left; padding:0 5px; padding-top:10px;}
.bskAddr li:nth-child(1),
.bskAddr li:nth-child(2) {padding-top:0;}
.bskAddr li a {display:block; height:40px; line-height:40px; width:90px; text-align:center; font-size:12pt; color:#fff; background:#878787;}
.bskPay {border:solid 1px #d6d6d6; padding:15px 20px;}
.bskPay:after {content:""; display:table; clear:both;}
.bskPay li {float:left; width:33.3333%;}
.bskPay li input[type="radio"],
.bskPay li label {display:inline-block; vertical-align:middle; white-space:nowrap;}
.odrNum {background:#fafafa; padding:10px 20px; border-top:solid 1px #d6d6d6; font-size:13pt;}
.odrInfo {padding:20px; background:#f7f9fd; border:solid 1px #d6d6d6;}
.odrInfo h5 {font-size:14pt; color:#000; margin-bottom:10px;}
.odrInfo li {font-size:11pt; color:#000; padding-left:8px; position:relative; margin-bottom:5px; font-weight:300;}
.odrInfo li:last-child {margin-bottom:0;}
.odrInfo li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:10px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}

.odrTable {border-top:solid 2px #d6d6d6; border-left:solid 2px #fff; border-right:solid 2px #fff;}
.odrTable th,
.odrTable td {padding:15px 20px; font-size:12pt; font-weight:300; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.odrTable th {width:190px; background:#fafafa;}
.odrTable td {font-weight:400;}
.odrTable td a {font-size:12pt;}
.odrTable td span {font-size:12pt; font-weight:400; color:#ff0000;}
.odrTable td b {font-size:12pt; font-weight:400; vertical-align:middle;}
.odrTable td input[type="text"] {display:block; width:100%;}
.odrTable tr.pd5 th,
.odrTable tr.pd5 td {padding:5px 10px;}

@media (max-width:1000px) {
	.bskList {}
	.bskList thead th {padding:10px 0; font-size:11pt;}
	.bskList thead th:first-child,
	.bskList tbody th:first-child {width:40px;}
	.bskList tbody th,
	.bskList tbody td {padding:15px 0;}
	.bskList tbody td h5 span,
	.bskList tbody td h5 b {height:18px; line-height:18px;}
	.bskList tbody td h5 span {margin-right:2px; font-size:8pt;}
	.bskList tbody td h5 b {font-size:12pt; height:18px; line-height:18px; margin-left:5px;}
	.bskList tbody td h5 a {display:none;}
	.bskList tbody td dl {margin-top:5px;}
	.bskList tbody td dl dd {padding-right:10px; margin-right:8px; font-size:10pt;}
	.bskList tbody td dl dd:after {height:10px; margin-top:-5px;}
	.bskList tbody td dl dd span {font-size:10pt;}
	.bskTotal {padding:15px;}
	.bskTotal h5 {font-size:11pt;}
	.bskTotal h5 b {font-size:16pt;}
	.bskTotal h5 span {font-size:14pt;}
	.bskBtn {padding-bottom:30px;}
	.bskBtn:after {content:""; display:table; clear:both;}
	.bskBtn li {margin:0; padding:0 5px; display:block; float:left;}
	.bskBtn.col1 li {width:50%; display:inline-block; float:none;}
	.bskBtn.col2 li {width:50%;}
	.bskBtn.col3 li {width:33.3333%;}
	.bskBtn li a {width:100%; height:50px; line-height:48px; font-size:11pt;}
	.bskTitle {margin-bottom:10px; margin-top:20px;}
	.bskCost th,
	.bskCost td {font-size:11pt;}
	.bskCost th {padding:10px 0; }
	.bskCost td {padding:10px 0;}
	.bskCost td div {font-size:11pt;}
	.bskCost td div:before,
	.bskCost td div:after {width:24px; height:24px; margin-top:-12px;}
	.bskCost td div:before {left:-12px;}
	.bskCost td div:after {right:-12px;}
	.bskCost td b {font-size:12pt;}
	.bskCost td span {font-size:11pt;}


	.bskTable th,
	.bskTable td {padding:10px; font-size:11pt;}
	.bskTable th {width:90px; padding:10px 0; font-size:10pt; font-weight:400;}
	.bskTable th span {font-size:10pt;}
	.bskTable th em {font-size:10pt; display:block;}
	.bskTable td select {width:100%;}
	.bskAddr {margin:0; position:relative;}
	.bskAddr li {width:100%; padding:0; padding-top:10px;}
	.bskAddr li:nth-child(1) {padding-right:70px; padding-top:0;}
	.bskAddr li a {width:60px; font-size:10pt; position:absolute; right:0; top:0;}
	.bskPay {padding:10px; text-align:center;}
	.bskPay li {width:auto; float:none; display:inline-block; margin:0 5px;}
	.bskPay li label {font-size:10pt;}
	.odrInfo {padding:15px 10px;}
	.odrInfo h5 {font-size:13pt; margin-bottom:5px;}
	.odrTable th,
	.odrTable td {padding:10px; font-size:11pt;}
	.odrTable th {width:100px;}
	.odrTable td span,
	.odrTable td b,
	.odrTable td a {font-size:11pt;}

}



/* 결제현황 */
.payTab {margin-bottom:30px;}
.payTab:after {content:""; display:table; clear:both;}
.payTab dt,
.payTab dd {float:left; margin-right:10px;}
.payTab dt {font-size:14pt; color:#828282; white-space:nowrap; height:40px; line-height:40px; margin-right:20px;}
.payTab dd a {display:block; width:90px; height:40px; line-height:40px; text-align:center; font-size:12pt; color:#828282; background:#f4f4f4;}
.payTab dd:last-child a {background:#383838; color:#fff;} 
.payTable {margin-top:30px;}
.payTlist {background:#f9f9f9;}
.payTlist td,
.payTlist th {font-size:12pt; padding:30px 20px; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.payTlist th {width:120px;}
.payTlist dl {margin-bottom:10px;}
.payTlist dl dt,
.payTlist dl dd {display:inline-block; vertical-align:middle; font-size:12pt;}
.payTlist dl dt {padding-right:12px; margin-right:9px; position:relative; color:#333;}
.payTlist dl dt.red {color:#ff0000;}
.payTlist dl dt:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
.payTlist h5 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.payTlist h5 span,
.payTlist b {display:inline-block; vertical-align:middle; height:20px; line-height:20px; font-weight:400;}
/* .payTlist h5 span {margin-right:5px; width:40px; text-align:center; color:#fff; font-size:10pt;} */
.payTlist h5 span {text-align:center; color:#fff; font-size:10pt; padding: 0 10px;}
.payTlist h5 span.blu {background:#238dfa;}
.payTlist h5 span.ppl {background:#333583;}
.payTlist h5 span.grn {background:#77b743;}
.payTlist h5 span.org {background:#f36f21;}
.payTlist h5 span.bk {background:#000;}
.payTlist h5 b {font-size:13pt; display:inline-block; vertical-align:middle; height:20px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.payTdetail td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.payTdetail ul {padding:20px;}
.payTdetail ul li {font-size:12pt; font-weight:300; margin-bottom:5px;}
.payTdetail ul li a {font-size:12pt; font-weight:300;}
.payTdetail ul li span {font-size:12pt; color:#ff0000;}


@media (max-width:1000px) {
	.payTab {margin-bottom:20px; position:relative; padding-left:80px;}
	.payTab dt,
	.payTab dd {width:20%; margin-right:0; padding:0 3px;}
	.payTab dt {font-size:11pt; margin-right:0; position:absolute; left:0; top:0; width:80px; height:30px; line-height:30px;}
	.payTab dd a {width:100%; height:30px; line-height:30px; font-size:11pt;}
	.payTable {margin-top:20px;}
	.payTable,
	.payTable tbody,
	.payTable tr,
	.payTable th,
	.payTable td {display:block; width:100%;}
	.payTlist {border-top:solid 1px #d6d6d6; padding:15px 10px;}
	.payTlist td,
	.payTlist th {padding:0; border-top:none; border-bottom:none;}
	.payTlist th {width:100%; text-align:left; margin-top:5px; font-weight:400;}
	.payTlist dl {margin-bottom:5px;}
	.payTlist dl dt,
	.payTlist dl dd {font-size:11pt;}
	.payTlist dl dt {padding-right:9px; margin-right:6px;}
	.payTlist dl dt:after {height:10px; margin-top:-5px;}
    .payTlist h5 span {margin-right:1px; font-size:9pt; height:18px; line-height:18px;}
	.payTlist h5 b {font-size:12pt; display:block; height:auto; line-height:1.5em; margin-top:5px;}
	.payTdetail td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
	.payTdetail ul {padding:10px;}
	.payTdetail ul li {font-size:11pt; margin-bottom:2px;}
	.payTdetail ul li a {font-size:11pt;}
	.payTdetail ul li span {font-size:11pt;}
}



/* 주문서확인 */
.odrPop {padding:30px;}
.odrPop .bskTitle:first-child {margin-top:0;}
.odrTable.th150 th {width:150px;}
.odrChk li {position:relative; padding-left:24px; margin-bottom:10px;}
.odrChk li:last-child {margin-bottom:0;}
.odrChk input[type="checkbox"] {width:20px; height:20px; position:absolute; left:0; top:0;}
.odrChk input[type="checkbox"]:disabled + label {opacity:0.5;}
.odrChk label {display:block; line-height:20px;}
.odrPopBtn {text-align:center; padding-top:30px; padding-bottom:20px;}
.odrPopBtn li {display:inline-block; margin:0 5px;}
.odrPopBtn li a {display:block; width:100px; height:50px; line-height:48px; font-size:12pt; border:solid 1px #383838;}
.odrPopBtn li a.bk {background:#383838; color:#fff;}
.odrPopBtn.col1 li a {width:180px;}
.odrpDesc {padding:10px 0;}
.odrRfnd {}
.odrRfnd span {font-size:11pt; color:#000 !important; cursor:pointer; display:inline-block; margin-bottom:10px; padding-right:30px; background: url("../../img/mypage/title_arrow.png")no-repeat right center; background-size:13px auto !important;}
.odrRfnd span.on {background: url("../../img/mypage/title_arrow_on.png")no-repeat right center;}
.odrRfnd > div {display:none;}
.odrRcpt {display:inline-block; vertical-align:middle; width:90px; height:30px; line-height:30px; text-align:center; color:#fff; background:#333583; font-size:10pt !important; margin-left:10px;}

@media (max-width:1000px) {
	.odrPop {padding:20px;}
	.odrTable.th150 th {width:100px;}
	.odrRcpt {width:80px; font-size:10pt;}
}



/* 나의상담 */
.cuslAdd {text-align:right; margin-bottom:10px;}
.cuslAdd a {display:inline-block; width:140px; height:40px; line-height:40px; background:#383838; color:#fff; font-size:12pt; text-align:center;}
.cuslList th,
.cuslList td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; font-size:12pt;}
.cuslList th {background:#f9f9f9; padding:10px; font-weight:300;}
.cuslList td {padding:17px;}
.cuslList td a {font-size:12pt;}
.cuslList td a span {font-size:12pt; color:#238dfa; margin-right:5px;}
.cuslList td.red {color:#ff0000;}
.cuslList th:last-child,
.cuslList td:last-child {width:110px; text-align:center;}
.cuslwTitle:after {content:""; display:table; clear:both;}
.cuslwTitle li {float:left;}
.cuslwTitle li:nth-child(1) {width:33%;}
.cuslwTitle li:nth-child(2) {width:67%; padding-left:10px;}
.cuslwTitle select,
.cuslwTitle input[type="text"] {display:block; min-width:100%; width:100%;}
.cuslDetail th,
.cuslDetail td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; padding:15px;}
.cuslDetail th {background:#f9f9f9; text-align:left;}
.cuslDetail th div:after {content:""; display:table; clear:both;}
.cuslDetail th div h5 {float:left; font-size:14pt;}
.cuslDetail th div span {float:right; font-weight:300; white-space:nowrap;}
.cuslDetail td.cuslFile a {text-decoration:underline; margin-right:20px; font-size:12pt;}
.cuslDetail td.cuslTxt {padding-bottom:60px;}
.cuslDetail td.cuslTxt img{max-width: 100%; height: auto;}
.notifi li {border:solid 1px #d6d6d6; margin-bottom:10px; position:relative; padding:20px; padding-right:70px;}
.notifi li:last-child {margin-bottom:0;}
.notifi li h5 {display:inline-block; vertical-align:middle; font-size:13pt;}
.notifi li span {display:inline-block; vertical-align:middle; white-space:nowrap; font-size:12pt; color:#888; margin-left:5px;}
.notifi li a {display:block; width:30px; height:30px; text-indent:-9999px; position:absolute; right:20px; top:50%; margin-top:-15px; background:#f9f9f9 url("../../img/mypage/notice_close.png")no-repeat center center; background-size:14px auto !important;}




@media (max-width:1000px) {
	.cuslAdd a {width:90px; font-size:11pt;}
	.cuslList,
	.cuslList thead,
	.cuslList tbody,
	.cuslList tr,
	.cuslList th,
	.cuslList td {display:block; width:100%; border-top:none; border-bottom:none;}
	.cuslList thead {display:none;}
	.cuslList {border-top:solid 1px #d6d6d6;}
	.cuslList tr {border-bottom:solid 1px #d6d6d6; padding:15px 0;}
	.cuslList th,
	.cuslList td {font-size:11pt;}
	.cuslList th {padding:0;}
	.cuslList td {padding:0;}
	.cuslList td a {font-size:11pt;}
	.cuslList td a span {font-size:11pt;}
	.cuslList td:last-child {width:100%; text-align:left; font-size:10pt; margin-top:5px;}
	.cuslList td:last-child:before {content:attr(data-th) ""; display:inline; font-size:10pt; font-weight:400; color:#888; vertical-align:bottom;}
	.cuslwTitle li:nth-child(1) {width:100%;}
	.cuslwTitle li:nth-child(2) {width:100%; padding-left:0; padding-top:5px;}
	.cuslDetail th,
	.cuslDetail td {padding:10px;}
	.cuslDetail th div h5 {float:none; white-space:normal; font-size:12pt;}
	.cuslDetail th div span {float:none; font-weight:300; font-size:10pt;}
	.cuslDetail td.cuslFile a {margin-right:10px; font-size:11pt;}
	.notifi li {padding:20px 10px;}
	.notifi li h5 {display:block; font-size:12pt; margin-bottom:10px; white-space:normal;}
	.notifi li span {font-size:12pt;}
	.notifi li a {display:inline-block; vertical-align:middle; position:static; margin-top:0; margin-left:10px;}
}



/* 메시지 */
.msgTab {margin-bottom:30px;}
.msgTab:after {content:""; display:table; clear:both;}
.msgTab li {float:left; width:33.3333%; background:#f5f5f5; border:solid 1px #d2d2d2; border-right:none;}
.msgTab li:last-child {border-right:solid 1px #d2d2d2;}
.msgTab li a {display:block; height:48px; line-height:48px; text-align:center; font-size:12pt; color:#6b6b6b;}
.msgTab li.current {background:#fff; border-top-color:#000 !important;}
.msgTab li.current a {color:#000;}
.msgInfo {position:relative;}
.msgInfo p {height:40px; line-height:40px; margin-bottom:10px; font-size:12pt; font-weight:300;}
.msgInfo p b {font-size:12pt;}
.msgInfo p b.red {color:#c90000;}
.msgInfo p b.blu {color:#286db4;}
.msgInfo a {display:block; width:100px; height:40px; line-height:38px; position:absolute; right:0; top:50%; margin-top:-20px; border:solid 1px #000; text-align:center; font-size:12pt;}
.notifi.msgList li input[type="checkbox"] {display:block; width:20px; height:20px; position:absolute; left:20px; top:50%; margin-top:-10px;}
.notifi.msgList li h4 {color:#888; font-size:12pt; font-weight:300;}
.msgFile a {display:inline-block; height:30px; line-height:30px; padding-left:40px; font-size:12pt; font-weight:300; background:url("../../img/mypage/msg_file.png")no-repeat left center; background-size:30px auto !important;}


@media (max-width:1000px) {
	.msgTab li a {height:38px; line-height:38px; font-size:11pt;}
	.msgInfo p {height:30px; line-height:30px; font-size:11pt;}
	.msgInfo p b {font-size:11pt;}
	.msgInfo a {width:80px; height:30px; line-height:28px; margin-top:-15px; font-size:10pt;}

}



/* 회원탈퇴 */

.mpgpMdfy {padding:30px; max-height:calc(90vh - 60px); overflow-y:auto;}
.mpgpMdfy dl {padding:20px; background:#ecf4fb;}
.mpgpMdfy dl dd {font-size:11pt; color:#000; margin-bottom:5px; font-weight:300;}
.mpgpMdfy dl dd:last-child {margin-bottom:0;}
.mpgpMdfy h5 {color:#0068b7; font-size:14pt; margin-top:30px; margin-bottom:10px; text-align:center;}
.mpgpMdfy textarea {display:block; width:100%; height:180px; resize:none;}

@media (max-width:1000px) {
	.mpgpMdfy {padding:20px;}
	.mpgpMdfy dl {padding:10px;}
	.mpgpMdfy dl dd {font-size:10pt;}
	.mpgpMdfy h5 {font-size:12pt;}
	.mpgpMdfy textarea {height:120px;}
}



.min230 {min-width:230px;}
.mdfyCpny {position:relative;}
.mdfyCpny:after {content:""; display:table; clear:both;}
.mdfyCpny input[type="text"] {float:left; width:420px;}
.mdfyCpny a {display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:13pt; background:#878787; width:90px; margin-left:10px; float:left;}




@media (max-width:1140px) {
	.clsMail.mdfy li:nth-child(1) {width:45%;}
	.clsMail.mdfy li:nth-child(2) {width:10%;}
	.clsMail.mdfy li:nth-child(3) {width:45%; margin-right:0;}
	.clsMail.mdfy li:nth-child(4) {width:100%; margin-top:10px;}
}

@media (max-width:1040px) {
	.mdfyCpny {position:relative; padding-right:55px;}
	.mdfyCpny input[type="text"] {float:none; width:100%;}
	.mdfyCpny a {font-size:11pt; width:50px; margin-left:0; float:none; position:absolute; right:0; top:0;}


}

@media (max-width:800px) {
	.min230 {min-width:100%;}
}



.confirm {margin-top:60px;}
.confirm input[type="password"] {display:block; width:270px; margin:0 auto; max-width:100%;}
.confirm a {display:block; width:160px; height:50px; line-height:50px; font-size:12pt; background:#383838; color:#fff; text-align:center; margin:0 auto; margin-top:30px;}

@media (max-width:1000px) {
	.confirm {margin-top:30px;}
	.confirm a  {height:40px; line-height:40px; font-size:11pt;}
}





.aplySch {position:relative; padding-left:100px;}
.aplySch a {display:block; width:90px; height:40px; line-height:40px; background:#383838; color:#fff; text-align:center; position:absolute; left:0; top:0;}
.aplySch a.line {line-height:38px; color:#383838; border:solid 1px #383838; background:none;}
.aplySch p {height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.aplyTime {display:inline-block; max-width:100%; padding-right:30px; position:relative;}
.aplyTime span {display:block; position:absolute; right:0; top:0; height:40px; line-height:40px; font-size:10pt;}

@media (max-width:800px) {
	.aplySch {padding-left:70px;}
	.aplySch a {width:60px;}
}


.rcgSel {padding:10px 0; margin:0 -5px;}
.rcgSel:after {content:""; display:table; clear:both;}
.rcgSel li {float:left; padding:0 5px;}
.rcgSel li select {display:block; width:100%;}

@media (max-width:800px) {
	.rcgSel {padding-top:0;}
	.rcgSel li {width:50%;}
}


.slfSel {padding-top:30px; padding-bottom:10px;}
.slfSel:after {content:""; display:table; clear:both;}
.slfSel select {float:left; margin-top:10px;}
.slfSel a {display:block; float:right; padding:0 47px; height:50px; line-height:48px; text-align:center; font-size:12pt; border:solid 1px #000;}

@media (max-width:800px) {
	.slfSel {padding-top:0;}
	.slfSel select {margin-top:0;}
	.slfSel a {height:40px; line-height:38px; padding:0 30px; font-size:11pt;}
}



.tmSch {position:relative; padding:10px; padding-right:370px; background:#f9f9f9;}
.tmSch:after {content:""; display:table; clear:both;}
.tmSch li {float:left; padding-right:10px; width:25%;}
.tmSch li select,
.tmSch li input[type="text"] {display:block; width:100%; min-width:100%;}
.tmSch li.tmsTitle {width:100%; padding-top:10px;}
.tmSch li.tmsTeam {position:absolute; width:250px; right:120px; bottom:10px; padding-right:0;}
.tmSch li.tmsBtn {position:absolute; right:10px; bottom:10px; width:90px; padding-right:0;}
.tmSch li.tmsBtn a {display:block; height:40px; line-height:40px; text-align:center; color:#fff; background:#383838; font-size:11pt;}
.tmExcel {padding-top:50px; padding-bottom:10px;}
.tmExcel:after {content:""; display:table; clear:both;}
.tmExcel a {display:block; float:right; padding:0 25px; height:40px; line-height:38px; text-align:center; font-size:11pt; border:solid 1px #000;}
.tmTable {margin-right:-20px; -webkit-overflow-scrolling: touch; overflow-y:auto;}
.tmTable > div {min-width:900px; padding-right:20px;}
.tmTable table {border-left:solid 2px #fff; border-right:solid 2px #fff;}
.tmTable th,
.tmTable td {border:solid 1px #d6d6d6; padding:10px 5px; text-align:center; font-weight:300;}
.tmTable th {background:#f9f9f9;}
.tmInfo {border:solid 1px #d6d6d6; background:#f7f9fd; padding:20px; margin-top:30px;}
.tmInfo dt {font-size:14pt;}
.tmInfo dd {margin-top:10px; line-height:1.8em; font-size:12pt; font-weight:300;}


@media (max-width:1000px) {
	.tmSch {padding-right:0;}
	.tmSch li.tmsTitle {width:50%; padding-top:10px;}
	.tmSch li.tmsTeam {width:50%; padding-top:10px; padding-right:10px; position:static;}
	.tmSch li.tmsBtn {position:static; padding-top:10px; width:100%; padding-right:10px;}
	.tmSch li.tmsBtn:after {content:""; display:table; clear:both;}
	.tmSch li.tmsBtn a {float:right; width:110px;}
	.tmInfo {padding:15px; margin-top:20px;}
	.tmInfo dt {font-size:12pt;}
	.tmInfo dd {margin-top:5px; font-size:11pt;}
}

@media (max-width:600px) {
	.tmSch {padding-top:0;}
	.tmSch li {padding-right:5px; width:50%; padding-top:5px;}
	.tmSch li.tmsTitle {width:100%; padding-top:5px;}
	.tmSch li.tmsTeam {width:70%; padding-top:5px; padding-right:5px;}
	.tmSch li.tmsBtn {width:30%; padding-top:5px; padding-right:5px;}
	.tmSch li.tmsBtn a {width:100%;}
}




.vstTop {padding-bottom:10px;}
.vstTop:after {content:""; display:table; clear:both;}
.vstSch {float:left;}
.vstSch:after {content:""; display:table; clear:both;}
.vstSch li {float:left;}
.vstSch li input {width:120px; font-size:12pt;}
.vstSch li:nth-child(2) {width:20px; height:40px; line-height:40px; text-align:center;}
.vstSch li:last-child {margin-left:10px;}
.vstSch li:last-child a {display:block; height:40px; line-height:40px; text-align:center; color:#fff; background:#383838; width:90px;}
.vstBtn {float:right;}
.vstBtn:after {content:""; display:table; clear:both;}
.vstBtn li {float:left; margin-left:10px;}
.vstBtn li a {display:block; text-align:center; height:50px; line-height:48px; text-align:center; border:solid 1px #000; padding:0 25px; font-size:12pt; font-weight:300; color:#000; white-space:nowrap;}
.lctAply.vstList thead td,
.lctAply.vstList tbody td {width:140px}
.lctAply.vstList .ltaDl dt {font-weight:400; color:#888;}
.lctAply.vstList .ltaBtn > span.vstDate {display:block; font-weight:300; color:#888;}
.vstRadio dt {margin-top:30px; font-weight:500;}
.vstRadio dt:first-child {margin-top:0;}

@media (max-width:800px) {
	.vstSch {float:none;}
	.vstSch li:nth-child(1) {width:37.5%;}
	.vstSch li:nth-child(2) {width:5%;}
	.vstSch li:nth-child(3) {width:37.5%;}
	.vstSch li:nth-child(4) {width:20%; margin-left:0; padding-left:10px;}
	.vstSch li:nth-child(4) a {width:100%;}
	.vstSch li input {width:100%; font-size:11pt;}
	.vstBtn {float:none; margin:0 -5px; padding-bottom:10px;}
	.vstBtn li {margin-left:0; padding:0 5px; width:50%;}
	.vstBtn li a {height:40px; line-height:38px; width:100%; font-size:11pt;}
	.lctAply.vstList .ltaBtn > span.vstDate {font-size:10pt; line-height:1.4em; height:auto;}
	.vstRadio dt {margin-top:15px;}
}