@charset "utf-8";
/*
=MYROOM CSS 
*/
.snb .mp_snb_menu .util .ir {background: url("../image/myroom/mp_snb_menu.png") no-repeat; display:block; height:22px; overflow:hidden;}

.snb .snb_menu .ff .history {background-position: 0 0; width:149px;}
.snb .snb_menu .ff .history:hover {background-position:-154px 0; width:149px;}
.snb .snb_menu .ff .classroom {background-position: 0 -25px; width:149px;}
.snb .snb_menu .ff .classroom:hover {background-position:-154px -25px; width:149px;}
.snb .snb_menu .ff .mp3 {background-position: 0 -50px; width:149px;}
.snb .snb_menu .ff .mp3:hover {background-position:-154px -50px; width:149px;}
.snb .snb_menu .ff .points {background-position: 0 -74px; width:149px;}
.snb .snb_menu .ff .points:hover {background-position:-154px -74px; width:149px;}
.snb .snb_menu .ff .activities {background-position: 0 -100px; width:149px;}
.snb .snb_menu .ff .activities:hover {background-position:-154px -100px; width:149px;}
.snb .snb_menu .ff .coupon {background-position: 0 -125px; width:149px;}
.snb .snb_menu .ff .coupon:hover {background-position:-154px -125px; width:149px;}
.snb .snb_menu .ff .certificate {background-position: 0 -150px; width:149px;}
.snb .snb_menu .ff .certificate:hover {background-position:-154px -150px; width:149px;}


.mypage-title-si{float:left; width:360px; background:url("../image/myroom/mp_title.png") no-repeat ;display: block;height:14px;}
.orderbook {background-position:0 0; width:46px;}
.mylecture {background-position:-63px 0; width:60px;}
.mymp3 {background-position:-144px 0; width:50px;}
.mypmp {background-position:-206px 0; width:55px;}
.refund {background-position:-539px 0; width:60px; }

.activity {background-position:-275px 0; width:78px;}
.myinfo {background-position:-369px 0; width:80px;}

.mypagePath {float:right; width:640px;}
.mypagePath, .mypagePath a {color:#666;}

.select_Wp {text-align:right; margin-bottom:-18px; padding-right:7px;}
.select_Wp .select, .select_Wp img {vertical-align:middle;}
.select_Wp .select {width:115px; padding-left:10px; color:#999;}

.tbl_mp_wp {margin-bottom:50px;clear:both;}
.tbl_mp_wp h4{ text-align:center; font-weight:bold; font-size:18px; color:#2559a5; padding-bottom:25px;}



.tbl_mypage{border-collapse:collapse;width:100%;}
.tbl_mypage td, .tbl_mypage th {font-family:'굴림'; color:#666; font-size:12px; text-align:center; padding-right:8px; padding-left:8px;}
.tbl_mypage th {padding-top:10px; padding-bottom:10px; color:#999; background:#f3f3f3 url(../image/myroom/tbl_mypage_line.png) no-repeat 100% 50%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.tbl_mypage th.last {background:#f3f3f3 none;}
.tbl_mypage td {padding-top:10px; padding-bottom:10px; border-bottom:1px solid #eeeded; word-break:break-all; line-height:16px;}
.tbl_mypage td.line {border-top:2px solid #DFDFDF;padding-bottom:none;}
.tbl_mypage a {color:#1f82c3;}
.tbl_mypage a.shipping,.tbl_grid a.shipping {width:54px; height:16px; display:inline-block; font-size:11px; color:#fff; line-height:18px; text-align:center; background:url(../image/myroom/mp_btn_03.png) no-repeat;}
.tbl_mypage .gray {background:#f9f9f9;}
.txtLeft {text-align:left !important;}
.txtCenter {text-align:center !important;}
.txtRight {text-align:right !important;}
.tbl_mypage td.tline{ border-top:1px solid #dfdfdf;}

.mp_tit_01 {padding-left:20px; margin-bottom:20px; background:url(../image/myroom/mp_arrow_01.png) no-repeat 0 50%;}
.mp_tit_02 {padding-left:27px; margin-bottom:20px; font-size:13px; font-weight:700; color:#666; background:url(../image/myroom/mp_arrow_02.png) no-repeat 9px 50%;}
.mp_tit_03 {padding-left:27px; margin-bottom:10px; font-size:13px; font-weight:700; color:#666; background:url(../image/myroom/mp_arrow_02.png) no-repeat 9px 50%;}
.mp_tit_03.nobg{ background:none; padding-left:5px; color: #3F91E0; font-weight: 700; font-size:13px;}
.mp_tit_03.nobg span{ color:#666; font-weight:normal; display:block; padding-top: 3px; font-size:12px; line-height:15px;}
.mp_tit_05 {padding-left:20px; margin:15px 0px 15px 0px; background:url(../image/myroom/mp_arrow_01.png) no-repeat 0 50%;}


.select_type {text-align:right; margin-bottom:-18px; padding-right:7px;;float:right;width:520px;}
.visiteDate {float: left;height: 20px;}
.joinDate img {vertical-align: middle;}

.pagingLi{text-align:center; margin-top:20px; color:#999;}
.pagingLi li{display:inline; padding:0 2px;}
.pagingLi li a, .pagingLi li span{color:#999; font-size:11px; text-decoration:none;}
.pagingLi li span, .pagingLi li a:hover{text-decoration:none;}
.pagingLi li span{font-weight:700; color:#2884b3;}
.pagingLi li img{vertical-align:middle;}
.cancelSelect {margin-top:-20px; padding-left:19px;}
.pl19 {padding-left:19px;}

.tbl_grid_Wp {margin-bottom:50px; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf;}
.tbl_grid {border-collapse:collapse;width:100%;}
.tbl_grid td, .tbl_grid th {padding:14px 0 13px; text-align:left;}
.tbl_grid td {padding-left:15px; color:#666;}
.tbl_grid th { width:125px; padding-left:30px; color:#999; background:#f3f3f3;}
.tbl_grid .bdrGray {border-bottom:1px solid #dfdfdf;}
.tbl_grid .bdrWhite {border-bottom:1px solid #fff;}
.w280 {width:280px;}
.font14 {font-size:14px;}

.tbl_grid_Wp2 {margin-bottom:30px; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf;}
.tbl_grid2 {border-collapse:collapse;width:100%;}
.tbl_grid2 td, .tbl_grid2 th {padding:5px 0 4px; text-align:left;}
.tbl_grid2 td {padding-left:15px; color:#666;}
.tbl_grid2 td.lh { line-height:21px; padding:15px;}
.tbl_grid2 td.bgb { background:#fcfcfc;}
.tbl_grid2 th { width:115px; padding-left:30px; color:#999; background:#f3f3f3;}
.tbl_grid2 .bdrGray {border-bottom:1px solid #dfdfdf;}
.tbl_grid2 .bdrWhite {border-bottom:1px solid #fff;}
.tbl_grid2 textarea {border: 1px solid #E5E5E5;color: #828282;font-size: 12px;height: 80px;overflow: auto;padding: 3px;width: 515px;}
.w250 {width:250px;}
.btn_cen{text-align:center;padding-bottom:30px;} 
.tbl_grid2 span.ok {color:#666666;}
.tbl_grid2 span.no {color:#ff5400;}


.tbl_grid_Wp4 {margin-bottom:20px; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf;}
.tbl_grid4 {border-collapse:collapse;width:100%;}
.tbl_grid4 td, .tbl_grid4 th {padding:14px 0 13px; text-align:left;}
.tbl_grid4 td {padding-left:15px; color:#666;}
.tbl_grid4 th { width:90px; padding-left:30px; color:#999; background:#f3f3f3;}
.tbl_grid4 .bdrGray {border-bottom:1px solid #dfdfdf;}
.tbl_grid4 .bdrWhite {border-bottom:1px solid #fff;}


#certificateArea {width:100%;font-size:12px;}
#certificateArea .certificateInner {padding:10px;border:1px solid #999;}
.tbl_grid3 {border-collapse:collapse;width:100%;margin-top:10px;border:1px solid #dfdfdf;}
.noline {border:none;}
.tbl_grid3 td.noline, .tbl_grid3 th.noline {border-right:none;border-bottom:none;}
.tbl_grid3 td, .tbl_grid3 th {padding:14px 0 13px; text-align:left;}
.tbl_grid3 td.center, .tbl_grid th.center {padding:14px 0 13px; text-align:center;}
.tbl_grid3 td.right,.tbl_grid3 th.right{padding:14px 0 13px ; text-align:right;}
.tbl_grid3 td {padding-left:10px; color:#666;border-right:1px solid #dfdfdf;}
.tbl_grid3 th {padding-left:10px;color:#999;font-weight:700;border-right:1px solid #dfdfdf;}
.tbl_grid3 .bdrGray {border-bottom:1px solid #dfdfdf;}
.tbl_grid3 .bdrWhite {border-bottom:1px solid #fff;}

.tbl_grid3 th.bgGray {color:#999; background:#f3f3f3;}

/* UI Object */
a.btn_big{display:inline-block;padding-right:4px;background:url(/image/button/bg_btn_default.gif) no-repeat 100% 0;font-family:'돋움',dotum;font-size:12px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_big span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(/image/button/bg_btn_default.gif) no-repeat}
a.btn_sml{display:inline-block;padding-right:4px;background:url(/image/button/bg_btn_default.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:11px;color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_sml span,a.btn_sml strong{display:block;padding:1px 4px 0 8px;background:url(/image/button/bg_btn_default.gif) no-repeat 0 -27px}
/* //UI Object */


a.creditCard {width:108px; height:16px; margin-left:10px; display:inline-block; font-size:11px; color:#fff; line-height:18px; text-align:center; background:url(../image/myroom/mp_btn_04.png) no-repeat;}

.w200 {width:200px !important;}
.mp_arrow {padding-left:18px; padding-right:12px; display:inline-block; background:url(../image/myroom/mp_arrow_02.png) no-repeat 0 2px;}
.mp_arrow a{color:#666;}

.tbl_mypage a.set {width:34px; height:16px; display:inline-block; font-size:11px; color:#fff; line-height:18px; text-align:center; background:url(../image/myroom/mp_btn_06.png) no-repeat;}
.tbl_mypage a.on {background:url(../image/myroom/mp_btn_06_on.png) no-repeat;}
.tbl_mypage .cell_set {padding:28px 9px 26px 0 !important;}
.bdrFull th {background-image:none; border-right:1px solid #dfdfdf;}
.bdrFull th.last {border-right:none;}
.bdrFull td {border-right:1px solid #eeeded;}
.bdrFull td.last {border-right:none;}

.myActivities li {padding-left:21px; margin-bottom:17px; color:#666; background:url(../image/myroom/mp_arrow_01.png) no-repeat 0 3px;}
.myActivities img {vertical-align:middle;}
.blue {color:#2884b3;}
.bold {font-weight:700;}
.ml15 {margin-left:15px !important;}

.w355 {width:355px !important;}
.w340 {width:340px !important;}
.w65 {width:65px !important;}
.w75 {width:75px !important;}
.tbl_course td {padding-top:13px; padding-bottom:15px;}
.tbl_course td .p3{padding:3px;}
.tbl_course td p{text-align:left; padding:0 0 5px 12px;}
p.ok{text-align:center; padding:15px 0 0 0}

.w100InBlo {width:100%; display:inline-block;}
.w635 {width:635px !important;}
.w717 {width:717px !important;}
.color_82 {color:#828282;}

.mp_list {float:left; width:455px; padding-left:18px;}
.mp_list li {height:20px; padding-left:17px; margin-bottom:11px; background:url(../image/myroom/mp_arrow_02.png) no-repeat 0 6px;}
.mp_list .mp_percent_left {float:left; width:245px; padding-top:4px; color:#828282; font-weight:700;}
.mp_list .mp_percent_label {padding-right:15px; color:#999;}
.mp_list .mp_percent_Wp {float:left; width:182px; padding:3px 4px; border:1px solid #ccc; background:#f3f3f3;}
.mp_list .mp_percent {height:13px; background:url(../image/myroom/mp_percent.png) repeat-x;}

.mp_prd {float:right; width:272px;}
.mp_prd li {float:left; margin-right:20px; display:inline; text-align:center; line-height:12px; *line-height:14px; color:#999; font-weight:700;}
.w52 {width:52px !important; *width:54px !important;}
.mp_prd img {vertical-align:middle; margin-bottom:3px; display:inline-block;}
.mb30 {margin-bottom:30px !important;}
.mb10 {margin-bottom:10px !important;}



.re_prd {float:right; width:155px;}
.re_prd li {float:left; width:67px; margin-left:10px; display:inline; text-align:center; line-height:12px; *line-height:14px; color:#999; font-weight:700;}


.mp_tit_tip {height:18px; padding-left:25px; background:url(../image/myroom/mp_ico_!.png) no-repeat; margin-bottom:15px;}
.mp_tit_tip img {margin-top:1px;}
.mp_tip_list {color:#999;}
.mp_tip_list li {width:100%; display:inline-block; margin-bottom:20px;line-height:1.4;}
.mp_tip_list .num {width:17px; display:inline-block;}
.mp_tip_list .mp_tip_sublist {padding-left:17px; line-height:18px;}
.mt5 {margin-top:5px;}
.mt_2 {margin-top:-2px !important;}
.mr7 {margin-right:7px !important;}
.mb20 {margin-bottom:20px !important;}
.tbl_couponMan td {padding-top:20px; padding-bottom:17px;}
.manMyCopons {padding-left:19px;}
.manMyCopons li {padding-left:16px; margin-bottom:11px; color:#828282; background:url(../image/myroom/mp_arrow_02.png) no-repeat 0 2px;}
.manMyCopons a {color:#828282;}

.contents-data {height:auto;}
.mypageWp {position:relative;}
.mypageWp #footer {padding-bottom:55px;}
.myshopping {width:958px; height:45px; background:#dcdcdc; position:absolute; bottom:0; left:27px;}
.myshopping .mysp_top {padding:0 0 0 36px; background:url(../image/myroom/mysp_tl.png) no-repeat 0 0;}
.myshopping .mysp_top .mysp_cont {padding:7px 17px 0 0; background:url(../image/myroom/mysp_tr.png) no-repeat 100% 0;}
.mysp_tit {float:left; padding-top:5px;}
.mysp_btnWp {float:right;}
.mysp_btnWp .mysp_btn {width:109px; height:20px; padding-top:8px; margin-left:5px; display:inline-block; font-size:11px; color:#6d6d6d; text-align:center; background:url(../image/myroom/myshopping_btn_bg.png) no-repeat; vertical-align:middle;}
.mysp_btnWp .close {margin-left:25px; display:inline-block; vertical-align:middle;}
.mysp_btnWp a {color:#6d6d6d;}
.mysp_btnWp .mysp_line {color:#aeaeae;}









/* 1219추가_쿠폰 */
.cp_tit_tip {height:18px; padding-left:25px; background:url(../image/myroom/mp_ico_!.png) no-repeat; margin-bottom:15px;}
.cp_tit_tip img {margin-top:1px;}
.cp_tip_list {color:#999;}
.cp_tip_list li {width:100%; display:inline-block; margin-bottom:5px;}
.cp_tip_list .num {width:17px; display:inline-block;}
.cp_tip_list .mp_tip_sublist {padding-left:17px; line-height:18px;}
.mycoupon {background-position:-462px 0; width:61px;}

.cp_boder{width:; height:23px; border:3px solid #CCC;  margin:0px 0px 20px 10px; padding:25px;}
.cp_boder table{font-size:14px; font-weight:bold; font-family:"돋움"; color:#949494; margin:0 auto; width:365px;}
.cp_boder table td{ padding-right:3px;}
.cp_boder table input{width:180px; padding:3px 2px 3px 2px;}

h3.MyCopons { float:right; display:block; width:300px; margin-bottom:10px; color:#004eb5;}
h3.MyCopons img{}

.comment{ font-size:11px; color:#999; display:block; width:380px; padding-top:10px;}


/* 17.07.21 인증번호 요청 */
a.joinNBTN {background: url("../image/button/join_newbtn.png") no-repeat scroll 0 0 transparent; display:block; height:20px;overflow: hidden; width:113px ;}
a.btnii {display:inline-block; margin-left:7px;}
a.joinOBTN {background: url("../image/button/join_newOKbtn.png") no-repeat scroll 0 0 transparent; display:block; height:20px;overflow: hidden; width:68px ;}
a.btnok {display:inline-block; margin-left:7px;}

.confim-re02 {float:right; display:block; margin-top:12px; margin-left:5px; margin-right:230px;  font-size:11px; color:#ff5400;}




/* 환불 예정금액 확인 */
.tbl_refund td div .calc{display:block;position:absolute;right:-15px;top:90px;width:30px;height:30px;background:url(../image/myroom/sp_refund.png) no-repeat}
.tbl_refund td div .calc.sum{background-position:-40px 0}
.tbl_refund td.default a.calc{display:block;overflow:hidden;width:135px;height:33px;margin:0 auto 12px;background:url(../image/myroom/sp_refund.png)) no-repeat 0 -95px;text-indent:-9000px}

.tbl_refund{width:100%;border:none;border-top:2px solid #9b9ea4;table-layout:fixed; margin-top:15px;margin-bottom:15px;}
.tbl_refund td{height:200px;border:none;border-left:1px solid #dbe2e5;border-bottom:1px solid #dde3e6;vertical-align:top}
.tbl_refund td+td{border-color:#f0f0f0}
.tbl_refund td.amount{border:none;background:#c6d9f1;color:#000;}
.tbl_refund td div{position:relative;padding:0 22px}
.tbl_refund td div .calc{display:block;position:absolute;right:-15px;top:80px;width:30px;height:30px;background:url(../image/myroom/sp_refund.png) no-repeat}
.tbl_refund td div .calc.sum{background-position:-40px 0}
.tbl_refund td dl{font-family:"돋움";}
.tbl_refund td dl dt{height:74px;margin-bottom:18px;padding-top:20px;background:url(../image/myroom/line_refund.gif) repeat-x 0 100%;font-size:14px;font-weight:bold;color:#717680;text-align:center;letter-spacing:-0.05em}
.tbl_refund td dl dt span{display:block;margin-top:9px;font-size:11px;font-weight:normal;color:#909398}
.tbl_refund td dl dt span em{position:relative;top:1px;padding-right:3px;font-weight:bold;font-size:20px;color:#333a4c;line-height:20px}
.tbl_refund td dl dd{overflow:hidden;margin-bottom:8px;color:#696b6f;text-align:right;line-height:16px}
.tbl_refund td dl dd span{float:left;color:#909398;letter-spacing:-1px}
.tbl_refund td dl dd span a.btn_detail{display:inline-block;overflow:hidden;width:26px;height:16px;margin-left:2px;background:url(../image/myroom/sp_refund.png) no-repeat 0 -35px;line-height:9999px;vertical-align:top}
.tbl_refund td.amount dt,.tbl_refund td.amount dt span,.tbl_refund td.amount dt span em,.tbl_refund td.amount dd,.tbl_refund td.amount dd span{color:#000}
.tbl_refund td.amount dl dt{background-image:url(../../../../img/service/front/order/line_refund_amount.gif)}
.tbl_refund td.default{height:142px;padding-top:69px;font-size:11px;color:#383a41;text-align:center;letter-spacing:-1px;line-height:16px}
.tbl_refund td.default a.calc{display:block;overflow:hidden;width:135px;height:33px;margin:0 auto 12px;background:url(../image/myroom/sp_refund.png) no-repeat 0 -95px;text-indent:-9000px}
.tbl_refund td.default strong{color:#f86f46}
.refund_tip{padding:15px 0 10px;border-bottom:1px solid #dddde1}
.refund_tip li{margin-bottom:5px;padding-left:6px;background:url(../image/myroom/sp_refund.png) no-repeat 0 -64px;font-size:11px;color:#8e929c;letter-spacing:-1px;line-height:14px}
 .dsc_refund{margin-top:8px;text-align:right}
.dsc_refund span.info{display:inline-block;padding-left:17px;background:url(../../../../img/service/front/order/spr_ico.gif) no-repeat 0 -269px;color:#080;font-size:11px;letter-spacing:-1px;line-height:15px}

.pt15{ margin-top:45px;}

.tbl_mp_wp p.refund{width:100%;  text-align:center; line-height:24px; padding:20px 0;}
.tbl_mp_wp p.refund a {color:#1f82c3;}


/* 일본어 저널 팝업 */
.layer_n {display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:15000;}
.layer_n .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=27);}

.jpchange_pop{position:absolute; top:15%; left:38.5%; width:729px; height:auto; margin:0 auto; display:block; z-index: 10; background-color:#fff; padding:0; border-radius:8px;}
.jpchange_pop .tit_txt{ position:relative; float:left; padding:26px 154px 0 12px; color:#ace7ff; font-size: 14px; line-height:130%; border:0px solid red}

.blind {
    display: block;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 0;
    background: none;
    font-size: 0;
    line-height: 0;
}

/* 18.05.15 일본어저널 신청하기 */
.jpchange_pop ul.njInfo {padding:30px;}
.jpchange_pop ul.njInfo dl.txt {padding: 0px; margin-bottom: 12px; height: auto;}
.jpchange_pop ul.njInfo dl.txt dt {margin-bottom:7px;}
.jpchange_pop ul.njInfo dl.txt dt h4 {color: #005ba8; font-weight: bold; font-size: 14px; display: block;}
.jpchange_pop ul.njInfo dl.txt.newlayout {margin-bottom:0;}
.jpchange_pop ul.njInfo dl.txt.newlayout dt {width:70px; display:inline-block; font-weight: bold; border-left:3px solid #888; padding-left:7px; vertical-align:top;}
.jpchange_pop ul.njInfo dl.txt.newlayout dd {display:inline-block; vertical-align:middle;}
.jpchange_pop ul.njInfo dl.txt.newlayout dd input {height: 18px; vertical-align:middle;}
.jpchange_pop ul.njInfo dl.txt.newlayout dd span {margin-right:8px;}
.jpchange_pop ul.njInfo dl.txt.newlayout dd span a {padding:5px 10px; background-color:#a0a0a0; color:#fff;}

.jpchange_pop ul.njInfo .nj_explain.newlayout {width:100%; height:197px; padding:20px; box-sizing:border-box; background:none; background-color:#d5dceb; margin-bottom:20px; border-radius:10px;}
.jpchange_pop ul.njInfo .nj_explain.newlayout p {width:640px; height:100px; float:right; line-height:150%; padding-top:10px; display:inline-block; color:#1b3b7d;}
.jpchange_pop ul.njInfo .nj_explain.newlayout p span {font-size:16px; font-weight: bold; letter-spacing:-0.04em; line-height:160%; }
.jpchange_pop ul.njInfo .nj_explain.newlayout a {width:640px; float:right; display:inline-block;}

.jpchange_pop ul li.new_j {text-align:center; padding-top:30px;}
.jpchange_pop ul li.new_j span {display:block; padding:10px;}
span.new_jsubmit a {padding:10px 15px; background-color:#005BB9; color:#fff; border-radius:3px; font-size:14px; font-weight:bold;}
span.new_jsubmit a.close {background-color:#666666; margin-left:5px; padding:10px 30px;}


/* 출력확인증 */
/*.scrollarea {height:463px; overflow:auto; overflow-y:scroll;}*/
.tdh42 th {height:14px;}
.tdh42 td {height:14px;}