/* --------------------------------------- */
/* 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; margin-left:20px; white-space:nowrap;}
#mpgTop h2 a {display:block; font-size:16pt; height:69px; line-height:69px; font-weight:500; color:#000;}
.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 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;}
.mpgtMenu li.lcttmHome a p,
.mpgtMenu li.lcttmMsg a p,
.mpgtMenu li.lcttmNoti a p,
.mpgtMenu li.lcttmOut a p {display: none;}
#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; min-height:800px;}
.mpgCont:after {content:""; display:table; clear:both;}

.mpgDsc {float: left; width: 100%; margin-bottom: 50px;}
.mpgDsc ul {border: solid 1px #d6d6d6; padding: 20px;}
.mpgDsc ul li {font-size: 12pt; color: #666; position: relative; padding-left: 10px; margin-bottom: 10px;}
.mpgDsc ul li:last-child {margin-bottom: 0;}
.mpgDsc ul li:before {content: ''; display: block; width: 2px; height: 2px; background: #000; position: absolute; left: 0; top: 10px;}
.mpgDsc ul li b {color: #000; font-weight: 400;}
.mpgDsc p {font-size: 10pt; color: #000; margin-top: 10px;}
.mpgDsc p a {display: inline-block; vertical-align: middle; margin-left: 20px; height: 30px; line-height: 30px; padding: 0 20px; background: #000; color: #fff; text-align: center;}


.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 {width:80%; line-height:1.0em; font-size:14pt;}
.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 span.inline {display: inline-block; float: none; vertical-align: middle; margin-top: -3px;}
.mpgcList li a h5 em {font-size:14pt; color:#238dfa; margin-right:10px; font-style:normal;}
.mpgcList li a h5 span {padding:0 10px; color:#fff; margin-right:5px; font-weight:300; font-size:10pt;/*background-color: #333583*/}
.mpgcList li a h5 span.mpglLable1 {background:#333583;}
.mpgcList li a h5 span.mpglLable2 {background:#77b743;}
.mpgcList li a h5 span.nav_blu {background-color:#333583;}
.mpgcList li a h5 span.nav_grn {background-color:#77b743;}
.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*/red;}
.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*/red;}
.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:inline-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;}
.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:54px; width:280px; margin:0 auto; background-size:auto 100% !important; 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:#323381; 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/mobile_gnb_loginok.png")no-repeat 15px center; background-size:13px auto;}
	.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 p {display:block; text-align:center; color:#222; font-size:10pt;}
	.mpgtMenu li.lcttmMsg a p {display:block; text-align:center; color:#222; font-size:10pt;}
	.mpgtMenu li.lcttmNoti a p {display:block; text-align:center; color:#222; font-size:10pt;}
	.mpgtMenu li.lcttmOut a p {display:block; text-align:center; color:#222; font-size:10pt;}
	.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;}

	.mpgDsc {margin-bottom: 30px;}
	.mpgDsc ul {padding: 10px;}
	.mpgDsc ul li {font-size: 10pt; padding-left: 8px; margin-bottom: 5px;}
	.mpgDsc p a {margin-left: 10px;}

	.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 {height:60px; line-height:60px; margin-bottom:10px; font-size:15pt;}
.mpgInfo {padding:20px; background:#ecf4fb; margin-bottom:30px;}
.mpgInfored {background:#fbecec;}
.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:none; 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:95px;}
.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;}
.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; line-height:20px; margin-right:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ltaList h5 em {color:#238dfa; font-style:normal;}
.ltaList h5 span {color:#fff; /*background:#333583; */padding:0 10px; font-size:10pt;font-weight:300;}
.ltaList h5 span.nav_blu {background-color:#333583;}
.ltaList h5 span.nav_grn {background-color:#77b743;}
.ltaList h5 span.ppl {background:#a404b2}
 .ltaList h5 strong {font-weight: 400;font-size: 11pt;line-height: 20px;vertical-align: middle;color: #0000ff;}
.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;}
.ltaDl {margin-top:10px;}
.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;}
.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;}
.ltaDl dd a {font-size:12pt; color:#888;}
.ltaDl dd span {color:#ff0000; font-size:12pt;}
.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:#333583;}
.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; text-align:center;}
	.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; width:40px; text-align:center;}
	.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 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%;height: 100%;max-width: 600px;max-height: 450px;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:#1e52bd; 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;
		margin-bottom: 50px
	}
.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:10px; padding-bottom:40px; position:relative;}
	.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;}
	.mpgpList {padding:15px;}

}



/* 장바구니 */
.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; text-align:center; color:#fff; font-size:10pt;padding: 0 3px;}
.bskList tbody td h5 span.blu {background:#238dfa;}
/*.bskList tbody td h5 span.ppl {background:#333583;}*/
.bskList tbody td h5 span.nav_blu {background-color:#333583;}
.bskList tbody td h5 span.nav_grn {background-color:#77b743;}
.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:180px; 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; width:30px; 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;}
	.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; padding:0 8px;font-weight:300;}
.payTlist h5 span.blu {background:#238dfa;}
/*.payTlist h5 span.ppl {background:#333583;}*/
.payTlist h5 span.nav_blu {background-color:#333583;}
.payTlist h5 span.nav_grn {background-color:#77b743;}
.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; width:30px; 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 #0047a7;}
.odrPopBtn li a.bk {background:#0047a7; 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:110px; 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; white-space:nowrap; 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;}
.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; white-space:nowrap; 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 {padding-left:60px;}
.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;}
.mpgpMdfy dl {padding:20px; background:#ecf4fb;}
.mpgpMdfy dl dd {font-size:14pt; color:#000; margin-bottom:5px; font-weight:300; line-height:35px;}
.mpgpMdfy dl dd:last-child {margin-bottom:0;}
.mpgpMdfy h5 {color:#1e52bd; 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;}

.mdfyAddr {position: relative;}
.mdfyAddr:after {content: ''; display: table; clear: both;}
.mdfyAddr li {float: left; width: 50%;}
.mdfyAddr li a {display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:13pt; background:#878787; width:90px;}
.mdfyAddr li:nth-child(2) {padding-left: 10px;}
.mdfyAddr li:nth-child(3) {padding-top: 10px;}
.mdfyAddr li:nth-child(4) {padding-top: 10px; padding-left: 10px;}

.mdfyBirth:after {content: ''; display: table; clear: both;}
.mdfyBirth p {float: left;height: 40px;line-height: 40px;margin-right: 20px;}
.mdfyBirth a {display: block; width: 70px; height: 40px; line-height: 38px; text-align: center; border: solid 1px #000; float: left;}
.mdfySns {padding-top: 60px;}


@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;}


	.mdfyAddr li {width: 100%;}
	.mdfyAddr li a {font-size:11pt; width:70px; margin-left:0; float:none; position:absolute; right:0; top:0;}
	.mdfyAddr li:nth-child(1) {padding-right: 75px;}
	.mdfyAddr li:nth-child(2) {padding-left: 0; padding-top: 0;}
	.mdfyAddr li:nth-child(3) {padding-top: 5px;}
	.mdfyAddr li:nth-child(4) {padding-top: 5px; padding-left: 0;}

	.mdfyBirth {position: relative; padding-right: 75px;}
	.mdfyBirth p {float: none; width: 100%;}
	.mdfyBirth a {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;}
}





.mpgTab {margin-bottom: 20px;}
.mpgTab:after {content: ''; display: table; clear: both;}
.mpgTab li {float: left;}
.mpgTab.col2 li {width: 50%;}
.mpgTab li a {display: block; height: 50px; line-height: 48px; background: #f0f0f0; border: solid 1px #f0f0f0; color: #979797; text-align: center; font-size: 13pt;}
.mpgTab li.current a {color: #000; border: solid 1px #000; border-bottom: solid 1px #fff; background: #fff;}








.mpgPrnt {margin-top: 30px;}
.mpgPrnt thead {}
.mpgPrnt thead th {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; background:#f9f9f9; text-align:center; font-size:12pt; font-weight:300; padding:10px;}
.mpgPrnt tbody td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; padding: 20px 0; text-align: center;}
.mpgPrnt tbody td.tal {text-align: left;}
.mpgPrnt tbody td h5 {color: #000; font-size: 14pt; font-weight: 400; margin-bottom: 10px;}
.mpgPrnt tbody td h5 span.sky {color: #238dfa;}
.mpgPrnt tbody td p {color: #888; margin-top: 5px; font-size: 12pt;}
.mpgpBtn {display: inline-block; color: #333583; border: solid 1px #333583; width: 70px; height: 40px; line-height: 38px; font-size: 12pt; text-align: center;}
.mpgpBtn.sky {color: #009ce5; border-color: #009ce5;}



@media (max-width:1000px) {
	.mpgPrnt thead {display:none;}
	.mpgPrnt,
	.mpgPrnt tbody,
	.mpgPrnt tr,
	.mpgPrnt th,
	.mpgPrnt td {display:block;}	
	.mpgPrnt {border-bottom:solid 1px #d6d6d6;}
	.mpgPrnt tr {border-top:solid 1px #d6d6d6; position:relative; padding: 15px 0;}
	.mpgPrnt tbody th,
	.mpgPrnt tbody td {border-top:none; border-bottom:none; position: relative; text-align: left; padding: 0;}
	.mpgPrnt tbody th {text-align:left; width:100%;}
	.mpgPrnt tbody td h5 {font-size: 12pt;}
	.mpgPrnt tbody td p {margin-top: 0; font-size: 10pt;}
	.mpgPrnt tbody td.tal {margin-bottom: 15px;}
	.mpgPrnt tbody td:before {content:attr(data-th) ""; display:inline-block; vertical-align: middle; font-size:10pt; font-weight:400; color:#000; height: 34px; line-height: 34px; margin-right: 10px;}
	.mpgPrnt tbody td.tal:before {display: none;}
	.mpgpBtn {width: 50px; height: 30px; line-height: 28px; font-size: 10pt;}

}
.warningbutton {padding: 5px 10px; background: #ffffff; border: 1px solid black;}
.lectstatus{color:red;}