2020-10-12 14:39:23 +09:00
|
|
|
/* --------------------------------------- */
|
|
|
|
|
/* 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%;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
#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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
#mpgMenu.on #lctmBtn {right:5px; background:#000 url("../../img/lecture/left_onof_on.png")no-repeat center center;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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 {}
|
2020-10-29 17:12:47 +09:00
|
|
|
.mpgCont {padding:30px; min-height:800px;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.mpgCont:after {content:""; display:table; clear:both;}
|
2020-10-29 17:12:47 +09:00
|
|
|
|
|
|
|
|
.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;}
|
|
|
|
|
|
|
|
|
|
|
2020-10-12 14:39:23 +09:00
|
|
|
.mpgClass {width:63%; float:left;}
|
|
|
|
|
.mpgNoti {width:37%; float:left; padding-left:30px;}
|
|
|
|
|
.mpgcCont {margin-bottom:60px;}
|
|
|
|
|
.mpgClass .mpgcCont:last-child {margin-bottom:0;}
|
|
|
|
|
.mpgTitle {position:relative; margin-bottom:20px;}
|
|
|
|
|
.mpgTitle h5 {line-height:1.0em; font-size: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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.mpgcList li a h5 span.inline {display: inline-block; float: none; vertical-align: middle; margin-top: -3px;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.mpgcList li a h5 em {font-size:14pt; color:#238dfa; margin-right:10px; font-style:normal;}
|
2020-12-28 10:06:21 +09:00
|
|
|
.mpgcList li a h5 span {padding:0 10px; color:#fff; margin-right:5px; font-weight:300; font-size:10pt;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.mpgcList li a h5 span.mpglLable1 {background:#333583;}
|
|
|
|
|
.mpgcList li a h5 span.mpglLable2 {background:#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;}
|
|
|
|
|
.mpgcList li a dl dt:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
|
|
|
|
|
.mpgcList li a dl dd {float:left; font-size:11pt; color:#888}
|
|
|
|
|
.mpgcList li a dl dt.mpglSta1 {color:#ff0000;}
|
|
|
|
|
.mpgcList li a dl dt.mpglSta2 {color:#333;}
|
|
|
|
|
.mpgcList li a dl dt.mpglSta3 {color:#00aeea;}
|
|
|
|
|
.mpgnCont {background:#f9f9f9; margin-bottom:50px; padding:30px 20px;}
|
|
|
|
|
.mpgNoti .mpgnCont:last-child {margin-bottom:0;}
|
|
|
|
|
.mpgnList {}
|
|
|
|
|
.mpgnList li {padding-bottom:10px;}
|
|
|
|
|
.mpgnList li:last-child {padding-bottom:0;}
|
|
|
|
|
.mpgnList li > div {background:#fff; padding:20px 10px; position:relative;}
|
|
|
|
|
.mpgnList li a {display:inline-block;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.mpgnList li h5 {font-size:12pt; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.mpgnList li h5 span {color:#32b16c; margin-right:5px;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.mpgnList li h6 {font-size:12pt; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
#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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
#mpgTop h1 {height:54px; width:280px; margin:0 auto; background-size:auto 100% !important; float:none;}
|
2020-10-12 14:39:23 +09:00
|
|
|
#mpgTop h2 {display:none;}
|
2020-10-29 17:12:47 +09:00
|
|
|
#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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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 {}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
|
|
|
|
|
|
|
|
|
|
#mctmbMypg {
|
|
|
|
|
display:block; width:30px; height:30px; position:absolute; right:15px; top:50%; margin-top:-15px; text-indent:-9999px;
|
2020-10-29 17:12:47 +09:00
|
|
|
background:#fff url("../../img/common/gnb_lecture.png")no-repeat center center; background-size:14px auto; border:solid 2px #323381;
|
2020-10-12 14:39:23 +09:00
|
|
|
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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
#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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
#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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
|
|
|
|
|
.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;}
|
|
|
|
|
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
|
|
|
|
.mpgInfo li {font-size:11pt; color:#000; padding-left:8px; position:relative; margin-bottom:5px; font-weight:300;}
|
|
|
|
|
.mpgInfo li:last-child {margin-bottom:0;}
|
|
|
|
|
.mpgInfo li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:10px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
|
|
|
|
|
.lctAply {}
|
|
|
|
|
.lctAply thead {}
|
|
|
|
|
.lctAply thead th,
|
|
|
|
|
.lctAply thead td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; background:#f9f9f9; text-align:center; font-size:12pt; font-weight:300; padding:13px;}
|
|
|
|
|
.lctAply thead td {width:100px;}
|
|
|
|
|
.lctAply tbody th,
|
|
|
|
|
.lctAply tbody td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
|
|
|
|
|
.lctAply tbody th {text-align:left;}
|
|
|
|
|
.lctAply tbody td {width:100px}
|
|
|
|
|
.ltaList {padding:30px 0;}
|
|
|
|
|
.ltaList > a {display:inline-block;}
|
|
|
|
|
.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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.ltaList h5 span.ppl {background:#a404b2}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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; margin-right:20px;}
|
|
|
|
|
.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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.ltaDown {display:none;}
|
|
|
|
|
.ltaDown.on {display:table-row;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width:1000px) {
|
|
|
|
|
.mpgName {height:auto; line-height:1.4em; margin-bottom:8px; margin-top:25px; font-size:13pt;}
|
|
|
|
|
.mpgInfo {padding:15px 10px;}
|
|
|
|
|
.mpgInfo li {font-size:10pt; margin-bottom:3px;}
|
|
|
|
|
.mpgInfo li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:10px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
|
|
|
|
|
.lctAply thead {display:none;}
|
|
|
|
|
.lctAply,
|
|
|
|
|
.lctAply tbody,
|
|
|
|
|
.lctAply tr,
|
|
|
|
|
.lctAply th,
|
|
|
|
|
.lctAply td {display:block;}
|
|
|
|
|
.lctAply {border-bottom:solid 1px #d6d6d6;}
|
|
|
|
|
.lctAply tr {border-top:solid 1px #d6d6d6; position:relative;}
|
|
|
|
|
.lctAply tbody th,
|
|
|
|
|
.lctAply tbody td {border-top:none; border-bottom:none;}
|
|
|
|
|
.lctAply tbody th {text-align:left; width:100%;}
|
|
|
|
|
.lctAply tbody td {width:auto; display:inline-block; vertical-align:middle;}
|
|
|
|
|
.ltaList {padding:15px 0;}
|
|
|
|
|
.ltaList > a {display:block;}
|
|
|
|
|
.ltaList h5 em,
|
|
|
|
|
.ltaList h5 span,
|
|
|
|
|
.ltaList h5 b {font-size:12pt; margin-right:3px;}
|
|
|
|
|
.ltaList h5 a.tstlTitle {font-size:12pt; margin-right:3px;}
|
|
|
|
|
.ltaList h5 span {padding:0 5px; font-size:9pt;}
|
|
|
|
|
.ltaList.mpgtList h5 b {max-width:70%;}
|
|
|
|
|
.ltaList.mpgtList h5 a {height:24px; line-height:24px; font-size:9pt; padding:0 7px; background:#333583;}
|
|
|
|
|
.ltaDl {margin-top:5px;}
|
|
|
|
|
.ltaDl dt,
|
|
|
|
|
.ltaDl dd {font-size:10pt; margin-right:10px;}
|
|
|
|
|
.ltaDl dd a {font-size:10pt; color:#888;}
|
|
|
|
|
.ltaDl dt {padding-right:9px; margin-right:6px;}
|
|
|
|
|
.ltaDl dt:after {height:10px; margin-top:-5px;}
|
|
|
|
|
.ltaDl dt.ltaDlppl,
|
|
|
|
|
.ltaDl dt.ltaDlppl a {font-size:10pt;}
|
|
|
|
|
.ltaDl dd span {font-size:10pt;}
|
|
|
|
|
.ltaBtn {padding-bottom:15px; margin-right:10px;}
|
|
|
|
|
.ltaBtn:after {content:""; display:table; clear:both;}
|
|
|
|
|
.ltaBtn:before {content:attr(data-th) ""; display:block; float:left; font-size:11pt; font-weight:400; color:#888; height:30px; line-height:30px; margin-right:5px;}
|
|
|
|
|
.ltaBtn {text-align:left;}
|
|
|
|
|
.ltaBtn select {float:left; min-width:80px; height:30px;}
|
|
|
|
|
.ltaBtn > span,
|
|
|
|
|
.ltaBtn > a {float:left; font-size:11pt; height:30px; line-height:30px;}
|
|
|
|
|
.ltaBtn dl {width:auto; float:left; padding:5px 0;}
|
|
|
|
|
.ltaBtn dl:after {content:""; display:table; clear:both;}
|
|
|
|
|
.ltaBtn dl dd {float:left; margin:0; margin-right:5px;}
|
|
|
|
|
.ltaBtn dl dd:last-child {margin-right:0;}
|
|
|
|
|
.ltaBtn dl dd a {height:20px; line-height:18px; font-size:9pt; 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%; max-width:440px; max-height:100%; 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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.mpgPopTitle {background:#1e52bd; position:relative; padding:0 20px;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.mpgPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.mpgpList {padding:15px;}
|
2020-10-12 14:39:23 +09:00
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 장바구니 */
|
|
|
|
|
.bskList {}
|
|
|
|
|
.bskList thead th {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; background:#f9f9f9; padding:12px 0; font-size:12pt; font-weight:300;}
|
|
|
|
|
.bskList thead th:first-child,
|
|
|
|
|
.bskList tbody th:first-child {width:60px;}
|
|
|
|
|
.bskList tbody th,
|
|
|
|
|
.bskList tbody td {padding:30px 0; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
|
|
|
|
|
.bskList tbody td a {}
|
|
|
|
|
.bskList tbody td h5 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
|
|
|
|
.bskList tbody td h5 span,
|
|
|
|
|
.bskList tbody td h5 b {display:inline-block; vertical-align:middle; height:20px; line-height:20px; font-weight:400;}
|
|
|
|
|
.bskList tbody td h5 a {height:30px; line-height:30px; display:inline-block; vertical-align:middle; margin-left:10px; background:#000; color:#fff; font-size:10pt; width:100px; text-align:center;}
|
|
|
|
|
.bskList tbody td h5 span {margin-right:5px; width:40px; text-align:center; color:#fff; font-size:10pt;}
|
|
|
|
|
.bskList tbody td h5 span.blu {background:#238dfa;}
|
|
|
|
|
.bskList tbody td h5 span.ppl {background:#333583;}
|
|
|
|
|
.bskList tbody td h5 span.grn {background:#77b743;}
|
|
|
|
|
.bskList tbody td h5 span.org {background:#f36f21;}
|
|
|
|
|
.bskList tbody td h5 span.bk {background:#000;}
|
|
|
|
|
.bskList tbody td h5 b {font-size:13pt; display:inline-block; vertical-align:middle; height:20px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
|
|
|
|
.bskList tbody td dl {margin-top:10px;}
|
|
|
|
|
.bskList tbody td dl dd {display:inline-block; vertical-align:middle; padding-right:12px; margin-right:9px; position:relative; color:#888;}
|
|
|
|
|
.bskList tbody td dl dd:last-child {padding-right:0; margin-right:0;}
|
|
|
|
|
.bskList tbody td dl dd:last-child:after {display:none;}
|
|
|
|
|
.bskList tbody td dl dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
|
|
|
|
|
.bskList tbody td dl dd span {}
|
|
|
|
|
.bskList tbody td dl dd span.bk {color:#000;}
|
|
|
|
|
.bskList tbody td dl dd span.org {color:#ff6600;}
|
|
|
|
|
.bskList tbody td dl dd span.red {color:#ff0000;}
|
|
|
|
|
.bskList input[type="checkbox"] {display:inline-block; width:20px; height:20px;}
|
|
|
|
|
.bskTotal {padding:30px 20px; background:#f9f9f9; border-bottom:solid 1px #d6d6d6; text-align:right;}
|
|
|
|
|
.bskTotal h5 {font-size:12pt;}
|
|
|
|
|
.bskTotal h5 b {font-size:18pt; color:#ff0000; font-weight:500;}
|
|
|
|
|
.bskTotal h5 span {font-size:16pt;}
|
|
|
|
|
.bskTotal p {margin-top:5px;}
|
|
|
|
|
.bskTotal p span {color:#ff6600;}
|
|
|
|
|
.bskBtn {text-align:center; padding-top:30px; padding-bottom:60px;}
|
|
|
|
|
.bskBtn li {margin:0 5px; display:inline-block;}
|
|
|
|
|
.bskBtn li a {display:block; width: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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
|
|
|
|
.payTlist h5 span.blu {background:#238dfa;}
|
|
|
|
|
.payTlist h5 span.ppl {background:#333583;}
|
|
|
|
|
.payTlist h5 span.grn {background:#77b743;}
|
|
|
|
|
.payTlist h5 span.org {background:#f36f21;}
|
|
|
|
|
.payTlist h5 span.bk {background:#000;}
|
|
|
|
|
.payTlist h5 b {font-size:13pt; display:inline-block; vertical-align:middle; height:20px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
|
|
|
|
.payTdetail td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
|
|
|
|
|
.payTdetail ul {padding:20px;}
|
|
|
|
|
.payTdetail ul li {font-size:12pt; font-weight:300; margin-bottom:5px;}
|
|
|
|
|
.payTdetail ul li a {font-size:12pt; font-weight:300;}
|
|
|
|
|
.payTdetail ul li span {font-size:12pt; color:#ff0000;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width:1000px) {
|
|
|
|
|
.payTab {margin-bottom:20px; position:relative; padding-left:80px;}
|
|
|
|
|
.payTab dt,
|
|
|
|
|
.payTab dd {width:20%; margin-right:0; padding:0 3px;}
|
|
|
|
|
.payTab dt {font-size:11pt; margin-right:0; position:absolute; left:0; top:0; width:80px; height:30px; line-height:30px;}
|
|
|
|
|
.payTab dd a {width:100%; height:30px; line-height:30px; font-size:11pt;}
|
|
|
|
|
.payTable {margin-top:20px;}
|
|
|
|
|
.payTable,
|
|
|
|
|
.payTable tbody,
|
|
|
|
|
.payTable tr,
|
|
|
|
|
.payTable th,
|
|
|
|
|
.payTable td {display:block; width:100%;}
|
|
|
|
|
.payTlist {border-top:solid 1px #d6d6d6; padding:15px 10px;}
|
|
|
|
|
.payTlist td,
|
|
|
|
|
.payTlist th {padding:0; border-top:none; border-bottom:none;}
|
|
|
|
|
.payTlist th {width:100%; text-align:left; margin-top:5px; font-weight:400;}
|
|
|
|
|
.payTlist dl {margin-bottom:5px;}
|
|
|
|
|
.payTlist dl dt,
|
|
|
|
|
.payTlist dl dd {font-size:11pt;}
|
|
|
|
|
.payTlist dl dt {padding-right:9px; margin-right:6px;}
|
|
|
|
|
.payTlist dl dt:after {height:10px; margin-top:-5px;}
|
|
|
|
|
.payTlist h5 span {margin-right:1px; 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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.odrPopBtn.col1 li a {width:180px;}
|
|
|
|
|
.odrpDesc {padding:10px 0;}
|
|
|
|
|
.odrRfnd {}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@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;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
|
|
|
|
|
|
|
|
|
|
@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:11pt; color:#000; margin-bottom:5px; font-weight:300;}
|
|
|
|
|
.mpgpMdfy dl dd:last-child {margin-bottom:0;}
|
2020-10-29 17:12:47 +09:00
|
|
|
.mpgpMdfy h5 {color:#1e52bd; font-size:14pt; margin-top:30px; margin-bottom:10px; text-align:center;}
|
2020-10-12 14:39:23 +09:00
|
|
|
.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;}
|
|
|
|
|
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
2020-10-12 14:39:23 +09:00
|
|
|
|
2020-10-29 17:12:47 +09:00
|
|
|
.mdfyBirth:after {content: ''; display: table; clear: both;}
|
|
|
|
|
.mdfyBirth p {float: left; height: 40px; line-height: 40px; width: 140px;}
|
|
|
|
|
.mdfyBirth a {display: block; width: 70px; height: 40px; line-height: 38px; text-align: center; border: solid 1px #000; float: left;}
|
|
|
|
|
.mdfySns {padding-top: 60px;}
|
2020-10-12 14:39:23 +09:00
|
|
|
|
|
|
|
|
|
|
|
|
|
@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;}
|
|
|
|
|
|
|
|
|
|
|
2020-10-29 17:12:47 +09:00
|
|
|
.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;}
|
|
|
|
|
|
|
|
|
|
|
2020-10-12 14:39:23 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@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;}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2020-10-29 17:12:47 +09:00
|
|
|
|
|
|
|
|
|
|
|
|
|
.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;}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
