/* --------------------------------------- */
/* 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%;}

/* 240816 김훈 png - > svg */
.mpgtMenu li.lcttmHome a {background:url("/img/lecture/top_menu01.svg")no-repeat center center;}
.mpgtMenu li.lcttmMsg a {background:url("/img/lecture/top_menu02.svg")no-repeat center center;}
.mpgtMenu li.lcttmNoti a {background:url("/img/lecture/top_menu03.svg")no-repeat center center;}
.mpgtMenu li.lcttmOut a {background:url("/img/lecture/top_menu04.svg")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; 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; width: 100%;}
.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:"HOME"; display:block; text-align:center; color:#222; font-size:10pt;}
	.mpgtMenu li.lcttmMsg a:after {content:"MESSAGE"; display:block; text-align:center; color:#222; font-size:10pt;}
	.mpgtMenu li.lcttmNoti a:after {content:"ALARM"; display:block; text-align:center; color:#222; font-size:10pt;}
	.mpgtMenu li.lcttmOut a:after {content:"OUT"; 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;}
	.ltaBtn img {display:none;}
	.ltaBtn br {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;}
.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;}
.min1500 {min-width:320px;}
.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; width: 140px;}
.mdfyBirth a {display: block;height: 40px;line-height: 38px;text-align: center;border: solid 1px #000;float: left;padding: 0 5px;margin: 0 2px;}
.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%;}
}

@media (max-width:1500px) {
	.min1500 {
		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;}


/* 김훈 추가 */

.payment_sect .method_chk_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 20px;}
.payment_sect .method_item{width: calc(25% - (60px /3));}
.payment_sect .method_item .item_label{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 16px;cursor: pointer;width: 100%;padding: 20px;background-color: var(--color-white);border: 1px solid #ccc;border-radius: 8px;overflow: hidden;box-sizing: border-box;transition: background-color .3s, border-color .3s;}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked){background-color: var(--color-koce-primary2);border-color: var(--color-koce-primary2);}

.payment_sect .method_item .item_tit_box{flex: 1;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
.payment_sect .method_item .item_tit{flex: 0 0 auto;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);transition: color .3s;}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit{color: var(--color-white);}

.payment_sect .method_item .item_tit_box .icon_box{width: 55px;height: 36px;flex: 0 0 auto;}
.payment_sect .method_item .item_tit_box .icon_method_credit{background-image: url('/img/icon/method_credit.svg');}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_method_credit{background-image: url('/img/icon/method_credit_chked.svg');}
.payment_sect .method_item .item_tit_box .icon_method_virtual{background-image: url('/img/icon/method_virtual.svg');}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_method_virtual{background-image: url('/img/icon/method_virtual_chked.svg');}
.payment_sect .method_item .item_tit_box .icon_method_bank{background-image: url('/img/icon/method_bank.svg');}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_method_bank{background-image: url('/img/icon/method_bank_chked.svg');}
.payment_sect .method_item .item_tit_box .icon_method_deferred{background-image: url('/img/icon/method_deferred.svg');}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_method_deferred{background-image: url('/img/icon/method_deferred_chked.svg');}
.payment_sect .method_item .item_tit_box .icon_method_free{background-image: url('/img/icon/method_free.svg');}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_method_free{background-image: url('/img/icon/method_free_chked.svg');}

.payment_sect .method_item .item_tit_box .icon_receipt_cash{background-image: url('/img/icon/receipt_cash.svg');}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_receipt_cash{background-image: url('/img/icon/receipt_cash_chked.svg');}
.payment_sect .method_item .item_tit_box .icon_receipt_invoice{background-image: url('/img/icon/receipt_invoice.svg');}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_receipt_invoice{background-image: url('/img/icon/receipt_invoice_chked.svg');}
.payment_sect .method_item .item_tit_box .icon_receipt_no{background-image: url('/img/icon/receipt_no.svg');}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_receipt_no{background-image: url('/img/icon/receipt_no_chked.svg');}

.payment_sect .method_item .item_chk_box{flex: 0 0 auto;opacity: 0;transition: opacity .3s;line-height: 0;}
.payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_chk_box{opacity: 1;}
.payment_sect .method_item .item_chk_box .icon_method_chk{width: 24px;height: 24px;background-image: url('/img/icon/icon_method_chk.svg');}

.payment_sect .method_item .item_label .method_radio_inp{position: absolute !important;left: -9999px !important;top: -9999px !important;width: 0 !important;height: 0 !important;opacity: 0 !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;visibility: hidden !important;background: transparent !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important;border-radius: 0 !important;appearance: none !important;-webkit-appearance: none !important;}

@media (max-width: 1240px){
    .payment_sect .method_chk_list{gap: 16px;}
}
@media (max-width: 1099px){
   

}
@media (max-width: 850px){
}

@media (max-width: 767px){
   
}

@media (max-width: 599px){
    .payment_sect .method_chk_list{gap: 8px;}
}
@media (max-width: 450px){
}
@media (max-width: 375px){
}
@media (max-width: 320px){
}
@media (max-width: 279px){
}


/* layer popup */
.ly_pop{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 1000;width: 100%;height: 100%;display:none;background-color: rgba(0, 0, 0, .3);overflow: hidden;outline: 0;pointer-events: none;}
.ly_pop .ly_inner{display: flex;justify-content: center;align-items: center;width:auto;max-width:calc(100% - 40px);margin:0 auto;min-height: 100vh;padding:40px 0;pointer-events: none;}
.ly_pop .ly_wrap{width:100%;max-width:600px;max-height:100%;overflow:hidden;background-color: #fff;border-radius: 20px;pointer-events:visible;outline: 0;transform: translateY(30px);transition: transform .3s ease;}
.ly_pop.open .ly_wrap{transform: translateY(0);}

.ly_pop .ly_hd{display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 18px 26px 18px 20px;background-color: var(--color-blue);}
.ly_pop .ly_hd h5{flex: 1;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: #fff;}
.ly_pop .ly_hd .btn_lyClose{flex: 0 0 auto;background-color: transparent;border: 0;line-height: 0;}
.ly_pop .ly_hd .btn_lyClose .icon_ly_close{width: 34px;height: 34px;background-image: url('/img/icon/icon_ly_close.svg');}

.ly_pop .ly_bd{padding: 30px 20px;max-height: calc(100vh - (80px + 70px));overflow-y: auto;}
.ly_pop .ly_bd .bd_box{}
.ly_pop .ly_bd .ly_btns_box{padding-top: 40px;display: flex;align-items: center;justify-content: center;gap: 20px;flex-wrap: wrap;}
.ly_pop .ly_bd .ly_btns_box .btns{flex: 1;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 460px;height: 64px;margin: 0 auto;padding: 16px 18px 17px;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 60px;box-sizing: border-box;}
.ly_pop .ly_bd .ly_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);}

.ly_pop .ly_bd .alert_msg_box{}
.ly_pop .ly_bd .alert_msg_box .alert_msg_txt{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);text-align: center;}

.ly_pop.full .ly_inner{width:100%;height: 100%;}
.ly_pop.full .ly_wrap{max-width: 1140px;height: 100%;position: relative;padding-top: 70px;}
.ly_pop.full .ly_hd{position: absolute;left: 0;top: 0;right: 0;}
.ly_pop.full .ly_bd{position: absolute;left: 0;top: 70px;right: 0;bottom: 0;max-height: 100%;}

@media (max-width:800px){
	.ly_pop .ly_hd{padding: 10px 16px;}
	.ly_pop .ly_hd h5{font-size: var(--fs-18);line-height: var(--lh-30);}
	.ly_pop .ly_hd .btn_lyClose .icon_ly_close{width: 30px;height: 30px;}

	.ly_pop .ly_bd{padding: 25px 16px;max-height: calc(100vh - (160px + 50px));}
	.ly_pop .ly_bd .ly_btns_box{padding-top: 20px;}

	.ly_pop.full .ly_wrap{padding-top: 50px;}
	.ly_pop.full .ly_bd{top: 50px;}
}

@media (max-width: 767px){
    .ly_pop .ly_bd .alert_msg_box .alert_msg_txt{font-size: var(--fs-16);line-height: var(--lh-24);}

    .ly_pop .ly_bd .ly_btns_box{padding-top: 32px;flex-direction: column;gap: 12px;}
    .ly_pop .ly_bd .ly_btns_box .btns{max-width: 100%;height: 50px;padding: 12px 12px 14px;font-size: var(--fs-16);line-height: var(--lh-24);border-radius: 50px;}
    .ly_pop .ly_bd .ly_btns_box .btns .btns_name{font-size: var(--fs-16);line-height: var(--lh-24);}

}


:root{
    --color-base: #403d3f;
    --color-black: #181818;
    --color-gray: #666666;
    --color-gray2: #999999;
    --color-blue: #2d4390;
    --color-blue2: #3756D0;
    --color-primary: #2d4390;
    --color-primary2: #425dbb;
    --color-red: #cc0c0c;
    --color-white: #ffffff;
    --color-yellow: #fccc0a;
    --color-line: #ccc;

    --color-koce-primary: #2d4390;
    --color-koce-primary2: #425dbb;

    --color-mois-primary: #2d4390;
    --color-mois-primary2: #425dbb;

    --fs-10: 10px;
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-26: 26px;
    --fs-28: 28px;
    
    --fs-30: 30px;
    --fs-32: 32px;
    --fs-36: 36px;
    --fs-38: 38px;
    --fs-56: 56px;

    --lh-16: 16px;
    --lh-17: 17px;
    --lh-18: 18px;
    --lh-19: 19px;
    --lh-20: 20px;
    --lh-22: 22px;
    --lh-24: 24px;
    --lh-26: 26px;
    --lh-29: 29px;
    --lh-30: 30px;
    --lh-32: 32px;
    --lh-34: 34px;
    --lh-36: 36px;
    --lh-38: 38px;
    --lh-40: 40px;
    --lh-42: 42px;
    --lh-44: 44px;
    --lh-48: 48px;
    --lh-52: 52px;
    --lh-54: 54px;
    --lh-56: 56px;
    --lh-58: 58px;
    --lh-80: 80px;
}


.ly_pop button {
    cursor: pointer;
    width: auto;
    overflow: visible;
    color: inherit;
    font-size: inherit;
    vertical-align: middle;
    background: transparent;
    border: none;
    outline: none;
}
.ly_pop i.icon_box {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ly_pop .frm_box .frm_flex_box {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 14px;
}

.ly_pop .ly_bd .ly_btns_box .btns_receipt_save {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    color: var(--color-white);
}
.ly_pop .ly_bd .ly_btns_box .btns_receipt_save .btns_name {
    color: var(--color-white);
}
.ly_pop .receipt_tbl_box .bizRegNo_box .btns_find_company {
    height: 40px;
    padding: 10px 20px;
    font-size: var(--fs-14);
    font-weight: 500;
    line-height: var(--lh-20);
    color: var(--color-blue);
    background-color: var(--color-white);
    border: 1px solid var(--color-blue);
    border-radius: 8px;
    box-sizing: border-box;
}
.ly_pop .receipt_tbl_box .bizRegNo_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.ly_pop .receipt_tbl_box {
    width: 100%;
    margin-top: 30px;
    padding: 30px 20px;
    border-top: 1px solid var(--color-black);
    box-sizing: border-box;
    overflow: hidden;
    overflow-x: auto;
}
.ly_pop .odrTable{    border: 1px solid #d6d6d6;}


.svySmPopWrap{width: 100%;max-width: 740px;max-height: 100%;margin: 0 auto;background: #fff;position: relative;}
.svyPop .svySmPopWrap .svyPopCont{border:none}
.heading_cont{height: 60px;}
.heading_cont img{height:100%}
.heading_tbl{display:flex;flex-direction: column;padding: 20px 0;color:#444}
.heading_tbl.not_p0{padding:0}
.heading_tbl.plr_20{padding:0 20px}
.heading_tbl .heading_tr{display:flex;font-size:14px;gap:10px;line-height:1.4}
.heading_tbl .heading_tr > div:first-child{min-width:20px}
.heading_tbl .heading_tr > div .evaTable{margin-top:10px;margin-bottom:20px}

.heading_tbl .heading_tr > div .evaTable th{font-size:14px;}
.heading_tbl .heading_tr > div .evaTable th, 
.heading_tbl .heading_tr > div .evaTable td{padding:6px;}
.heading_tbl .heading_tr > div .evaTable td.blue{/*color:blue;*/font-size:14px;}

.font_s .heading_tr{font-size:14px;line-height: 1.4;}
.justify_c{justify-content: center;}

.bor_b_1{border-bottom:solid 1px #ccc;}

.stemp_cont{min-height:36px;display:flex;justify-content: center;font-size:32px;font-weight:700;margin-top: 40px;}
.stemp_cont > div{position: relative;}
.university_stamp{position: absolute;bottom: -10px;right: 0;width: 80px;}

.evaTable.not_line_bg{margin-top:60px;}
.evaTable.not_line_bg th, 
.evaTable.not_line_bg td{border:none;background-color:transparent;padding:2px;font-size: 14px;line-height:1.4}
.textL td{text-align:left!important;}
.evaTable.not_line_bg td:first-child{width:70%}


.w_20{width:20%}
.mot_h2{text-align:center;margin:20px 0;}
.mot_lctcList{margin-top:10px}
.mot_lctcList ul {}
.mot_lctcList ul li {position:relative; padding-left:8px;font-size:14px;}
.mot_lctcList ul li:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;}
.mot_lctcList ul li:last-child {margin-bottom:0;}
.mot_lctcList ul li a {display:block; position:relative; padding-right:80px;}
.mot_lctcList ul li a p {font-size:12pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:20px; line-height:20px;}
.mot_lctcList ul li a em {font-style:normal; display:block; height:20px; line-height:20px; position:absolute; right:0; top:0;}
.mot_lctcList ul li a span {color:#ff0000;}
.mot_lctcList.flex_mx{display:flex;gap: 10px;}
.mot_lctcList.flex_mx > div:first-child{font-weight:700}
.mot_lctcList.flex_mx > div:first-child + div{font-size:14px}

.mot_lctcList + .heading_cont{margin:40px 0 10px 0;}
.dut_box{font-size:14px;margin-bottom:5px;}


@media (max-width: 767px){
   .heading_cont{height: 40px;}
   .heading_tbl{padding:10px 0}
   .heading_tbl .heading_tr{font-size:14px;gap:6px}
   .svySmPopWrap .svyPopCont{padding:10px;}
   .heading_tbl.plr_20{padding:0 10px;}
   .stemp_cont{font-size:20px;}
   .university_stamp{width:56px;bottom:0}
   .evaTable.not_line_bg{margin-top:20px}
}

@media (max-width: 599px){
   
}
@media (max-width: 374px){

}


/* 팝업 사이즈 px 조정 비율 595 / 842 */
:root {
    font-size: 12pt;
}
body.certificate{line-height: 1.2;margin:0;font-family:"Nanum Myeongjo",serif;font-weight:400;font-style:normal;background-color:#fff;display:flex;justify-content:center;align-items:center;overflow:auto}
body.certificate .header .h_top{font-size:1.8em;line-height:1.4}
body.certificate .header .h_top.max_text{font-size:1.7em;}
body.certificate .certificate-wrapper{padding: 20mm;}
body.certificate .seal-number{font-size:1.3rem}
body.certificate .seal-number{}

.certificate-container{display:flex;flex-direction: column;justify-content:center;align-items:center;width:100%;/*height:100%;*/overflow:auto}
.certificate-wrapper{width: 210mm;height: 297mm;min-height: 297mm;min-width: 210mm;aspect-ratio:210/297;background:#fff;text-align:center;position:relative;box-sizing:border-box;overflow:hidden;padding:10mm;}
.header{margin-bottom:20px}
.header .h_top{font-size:2rem;font-weight:800;margin-top: 5.25rem;letter-spacing:.25rem}
.header .h_sub{margin-top:.625rem;font-size:1.375rem}
.subheader{font-size:1.25rem;margin-bottom:.625rem}
.content{font-size:.9rem;line-height:1.5;margin-bottom:1rem}
.content p{text-align:left;margin:.3125rem;color:#444;font-size: 1.3em;}
.footer{text-align:right;font-size:1.375rem;margin-top:1.25rem;font-weight:700}
.seal img{width:5rem;height:5rem}
.seal-badge img{width:25%}
.signature{
    width:100%;
    margin-top: 0%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap: 0.625rem;
    position: absolute;
    bottom: 20%;
    }
.signature .signature_box{font-size:1.6rem;font-weight:700;display:flex;align-items:center;}
.signature .signature_box > span{}
.signature img{width:5.125rem;height:5.125rem;position: absolute;left: 75%;}
.seal-number{text-align:left;margin-bottom:20px;}
.certificate_body{display:flex;flex-direction:column;gap:0;margin-top:3.125rem}
.certificate_body+.certificate_body{margin-top:5rem}
.certificate_body>div.textC{text-align:left}
.max_tit .cont_flex .tit{font-weight:900;flex-basis:180px;flex-grow:0;display:flex;justify-content:space-between}
.cont_flex{display:flex;gap:.3125rem;margin-bottom:.4rem;align-items:center}
.cont_flex .tit{font-size:.9em;font-weight:900;flex-basis:110px;flex-grow:0;display:flex;justify-content:space-between}
.cont_flex .text{text-align:left;font-size:.9em;;flex-grow:1}
.cont_flex.two_flex>div{width:50%}
.cont_flex.two_flex>div .cont_flex{margin-bottom:0}

.text_flex{display:flex;gap:.625rem;font-size:1rem;}
.radius_full{position:absolute;width:100%;height:100%;border:solid .625rem #333;top:0;left:0;overflow:hidden;box-sizing:border-box;z-index:1}
.radius_co{position:absolute;width:11.25rem;height:11.25rem;border-top:solid .625rem #fff;border-left:solid .625rem #fff;border-bottom:solid .625rem #fff;border-right:solid .625rem #333;border-radius:100px;box-sizing:border-box;background-color:#fff;z-index:100}
.radius_tl{top:0;left:0;transform:rotateZ(45deg);margin-top:-6.25rem;margin-left:-6.25rem}
.radius_tr{top:0;right:0;transform:rotateZ(135deg);margin-top:-6.25rem;margin-right:-6.25rem}
.radius_bl{bottom:0;left:0;transform:rotateZ(-45deg);margin-bottom:-6.25rem;margin-left:-6.25rem}
.radius_br{bottom:0;right:0;transform:rotateZ(-135deg);margin-bottom:-6.25rem;margin-right:-6.25rem}
.certificate_inner{height:100%;position:relative;font-size:1.3em;z-index:200}
.c_name{font-size:1.875rem;font-weight:900}
.print-button{position:fixed;top:20px;right:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:0.875em;z-index:1000}
.print-button:hover{background-color:#0056b3}

.certificate_parent_flex{display:flex;align-items: center;border: solid 1px #ccc;}
.certificate_parent_flex > div{}
.certificate_parent_flex > div:first-child{width:120px;font-weight: 900;padding:0 10px}
.certificate_parent_flex > div:first-child + div{width: calc(100% - 120px);border-left:solid 1px #ccc}
.certificate_parent_flex .certificate_body{margin:0}

.certificate_parent_flex .certificate_body.type_a{}
.certificate_parent_flex .certificate_body.type_a .cont_flex{flex-direction: column;align-items: baseline;padding: 10px;border-top: solid 1px #ccc;width: 100%;margin: 0;gap:10px}
.certificate_parent_flex .certificate_body.type_a .cont_flex:first-child{border-top:none}
.certificate_parent_flex .certificate_body.type_a .cont_flex .tit{flex: 1;font-weight: 700;font-size:1rem;}
.certificate_parent_flex .certificate_body.type_a .cont_flex .text{font-size:1rem;}

.certificate-container > .svyPopBtnWrap{width:100%;}
.svyPopBtnWrap{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0;background-color:#ededed;border-bottom:solid 1px #ccc;}
.svyPopBtnCont{display:flex;gap:10px}
.svyPopBtnCont a{border:solid 1px #666;background-color:#fff;padding:4px 20px;font-size:14px;}
.svyPopBtnCont a.window_print{border:solid 1px #4154f1;color:#4154f1}
.svyPopBtnWrap > p.red{font-size:14px;}

.textC{text-align:center!important;}
.textL td.textC{text-align:center!important;}
.co_blue{color:blue!important;}

.certificateimg {position: absolute;top: 6mm;left: 6mm;width: calc(100% - 12mm);height: calc(100% - 12mm);}

@media (max-width: 842px){
    .certificate_inner{font-size: 1rem;}
    .header .h_top{font-size: 2rem;}
    .signature .signature_box{font-size: 1.6rem;}
    .c_name{font-size: 1.6rem;}
}

@media print {
	.svyPopBtnWrap,
	.svyPopTitle,
    .print-button {
        display: none;
    }

    body.certificate{font-size:2em;line-height:1.2}

    body, 
    .certificate-wrapper,
    .svyPopCont {margin: 0;box-shadow: none;page-break-inside: avoid;}

    .heading_tbl .heading_tr > div .evaTable th{background: #f9f9f9;}

	.signature{position: absolute;bottom: 20%;}

    .svySmPopWrap{}
    .svyPop .svySmPopWrap {height:100vh;}
    .svyPop .svySmPopWrap .svyPopCont{width: 200mm;height: 287mm;}

    .svySmPopWrap .svyPopCont{border:solid 1px #999!important;width: 200mm!important;height: 287mm!important;}
    .certificate_inner{font-size:1.4rem;}

    body.certificate .header .h_top{font-size:1.8em!important;}
    body.certificate .header .h_top.max_text{font-size:1.7em!important;}

    .certificate-wrapper{}
    .certificate-wrapper,
    .svySmPopWrap .svyPopCont,
    .svyPopCont {width: 200mm;height: 287mm;}

    .certificateimg{position: absolute;top: 6mm;left: 6mm;width: calc(100% - 12mm);height: calc(100% - 12mm);}

    @page {
        size: A4;
        margin: 0;
    }
    .radius_full, .radius_co {
        border-color: #333 !important;
    }
	/*계산서 요청서*/
/* input */
.frm_wrap{}
.frm_box{}
.frm_box + .frm_box{margin-top: 20px;}

.frm_box .frm_label_box{}
.frm_box .frm_label_box label{display: inline-block;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);}
.frm_box .frm_label_box .label{display: inline-block;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);}

.frm_box.required .frm_label_box label{display: flex;align-items: center;flex-wrap: nowrap;gap: 4px;}
.frm_box.required .required_sta{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-red);}

.frm_box .frm_inp_box{}
.frm_box .frm_label_box + .frm_inp_box{margin-top: 10px;}

.frm_box .frm_inp_box input[type="text"],
.frm_box .frm_inp_box input[type="password"],
.frm_box .frm_inp_box input[type="tel"],
.frm_box .frm_inp_box input[type="number"],
.frm_box .frm_inp_box input[type="email"]{width: 100%;height: 54px;padding: 14px 16px;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-line);border-radius: 8px;box-sizing: border-box;}
.frm_box .frm_inp_box input[type="date"]{width: 100%;height: 54px;padding: 14px 16px;font-family: "Noto Sans KR", sans-serif;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-line);border-radius: 8px;box-sizing: border-box;}


.frm_box .frm_inp_box input[type="text"]::placeholder,
.frm_box .frm_inp_box input[type="password"]::placeholder,
.frm_box .frm_inp_box input[type="tel"]::placeholder,
.frm_box .frm_inp_box input[type="number"]::placeholder,
.frm_box .frm_inp_box input[type="email"]::placeholder{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray2);}
.frm_box .frm_inp_box input[type="date"]::placeholder{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray2);}


.frm_box .frm_inp_box input[type="text"]:read-only,
.frm_box .frm_inp_box input[type="password"]:read-only,
.frm_box .frm_inp_box input[type="tel"]:read-only,
.frm_box .frm_inp_box input[type="number"]:read-only,
.frm_box .frm_inp_box input[type="email"]:read-only{background-color: #eee;color: var(--color-gray2);cursor: not-allowed;}
.frm_box .frm_inp_box input[type="date"]::read-only{background-color: #eee;color: var(--color-gray2);cursor: not-allowed;}
.frm_box .frm_inp_box input[readonly="readonly"]{background-color: #eee;color: var(--color-gray2);cursor: not-allowed;}

.frm_box .frm_chk_box{line-height: 0;}
.frm_box .frm_chk_box input[type="checkbox"]{position: absolute !important;left: -9999px !important;top: -9999px !important;width: 0 !important;height: 0 !important;opacity: 0 !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;visibility: hidden !important;background: transparent !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important;border-radius: 0 !important;appearance: none !important;-webkit-appearance: none !important;}
.frm_box .frm_chk_box label{display: inline-block;padding-left: 36px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);position: relative;overflow: hidden;cursor: pointer;}
.frm_box .frm_chk_box label::before{content: '';display: block;width: 26px;height: 26px;background-color: var(--color-white);border: 1px solid var(--color-base);box-sizing: border-box;position: absolute;left: 0;top: 0;}
.frm_box .frm_chk_box label::after{content: '';display: block;width: 15px;height: 10px;opacity: 0;background-image: url('../images/common/checkbox_cheked.svg');background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;left: 5.5px;top: 8px;transition: opacity .15s;}
.frm_box .frm_chk_box input[type="checkbox"]:checked + label::after{opacity: 1;}


.frm_box .frm_flex_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 14px;}
.frm_box .frm_radio_box{line-height: 0;}
.frm_box .frm_label_box + .frm_radio_box{margin-top: 10px;}
.frm_box .frm_radio_box input[type="radio"]{position: absolute !important;left: -9999px !important;top: -9999px !important;width: 0 !important;height: 0 !important;opacity: 0 !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;visibility: hidden !important;background: transparent !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important;border-radius: 0 !important;appearance: none !important;-webkit-appearance: none !important;}
.frm_box .frm_radio_box label{display: inline-block;padding-left: 36px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);position: relative;overflow: hidden;cursor: pointer; height: auto}
.frm_box .frm_radio_box label::before{content: '';display: block;width: 26px;height: 26px;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 50%;box-sizing: border-box;position: absolute;left: 0;top: 0;}
.frm_box .frm_radio_box label::after{content: '';display: block;width: 16px;height: 16px;opacity: 0;border-radius: 50%;background-color: var(--color-base);position: absolute;left: 5px;top: 5px;transition: opacity .15s;}
.frm_box .frm_radio_box input[type="radio"]:checked + label::after{opacity: 1;}

@media (max-width: 767px){
    .frm_box + .frm_box{margin-top: 12px;}

    .frm_box .frm_label_box label{font-size: var(--fs-16);line-height: var(--lh-24);}
    .frm_box .frm_label_box .label{font-size: var(--fs-16);line-height: var(--lh-24);}

    .frm_box .frm_label_box + .frm_inp_box{margin-top: 8px;}

    .frm_box .frm_inp_box input[type="text"],
    .frm_box .frm_inp_box input[type="password"],
    .frm_box .frm_inp_box input[type="tel"],
    .frm_box .frm_inp_box input[type="number"],
    .frm_box .frm_inp_box input[type="email"]{height: 50px;padding: 12px 10px;font-size: var(--fs-16);line-height: var(--lh-24);}

    .frm_box .frm_inp_box input[type="text"]::placeholder,
    .frm_box .frm_inp_box input[type="password"]::placeholder,
    .frm_box .frm_inp_box input[type="tel"]::placeholder,
    .frm_box .frm_inp_box input[type="number"]::placeholder,
    .frm_box .frm_inp_box input[type="email"]::placeholder{font-size: var(--fs-16);line-height: var(--lh-24);}


    .frm_box .frm_chk_box label{padding-left: 32px;font-size: var(--fs-14);line-height: var(--lh-22);}
    .frm_box .frm_chk_box label::before{width: 22px;height: 22px;background-color: var(--color-white);}
    .frm_box .frm_chk_box label::after{width: 14px;height: 9px;left: 4px;top: 6.5px;}
    
    .frm_box .frm_flex_box{gap: 10px;}
    .frm_box .frm_label_box + .frm_radio_box{margin-top: 8px;}
    .frm_box .frm_radio_box label{padding-left: 32px;font-size: var(--fs-14);line-height: var(--lh-22);}
    .frm_box .frm_radio_box label::before{width: 22px;height: 22px;}
    .frm_box .frm_radio_box label::after{width: 12px;height: 12px;}
}
}