@charset "utf-8";
/* WS team JHY 130108 */

.ad{width:280px;height:240px;background:#eee}
.ad2{margin:10px 0 0 0}
.ad2 a,.ad2 a img{display:block}

.aside .section{position:relative;width:256px;_width:240px;margin:10px 0 0 0;padding:10px;border:2px solid #ececec}
.aside .jp{font-size:12px}
.aside .srch_grade{border:2px solid #ededed;width:276px;padding-bottom:12px;margin:10px 0}
.aside .srch_grade .jlpt_h{padding:13px 0 13px 18px}
.aside .srch_grade .jlpt_h a{display:block;margin-right:4px;background:url(../img/spr_h3.gif) no-repeat 0 -123px;width:103px;height:13px}
.aside .srch_grade ul{overflow:hidden;zoom:1;padding-left:8px}
.aside .srch_grade li{float:left;text-align:center;margin-left:9px;display:inline;background:url(../img/spr_bu.gif) no-repeat 100% -65px;padding-right:10px}
.aside .srch_grade .lb5{background:none}
.aside .srch_grade li a{display:block;height:11px;width:18px;background:url(../img/spr_h3.gif) no-repeat;text-indent:-999em}
.aside .srch_grade .lb1 a{background-position:100% -405px}
.aside .srch_grade .lb2 a{background-position:100% -392px}
.aside .srch_grade .lb3 a{background-position:100% -379px}
.aside .srch_grade .lb4 a{background-position:100% -366px}
.aside .srch_grade .lb5 a{background-position:-146px -433px}

/* supply */
.supply{border:2px #ededed solid;width:246px;margin-bottom:10px;padding:10px 12px 1px 18px}
.supply dl:after{display:block;clear:both;content:''}
.supply dl dt{float:left;margin-right:9px;height:11px;background:url(../img/spr_h3.gif) no-repeat 100% -189px;width:40px}
.supply dl dd{float:left;padding-bottom:7px;height:11px;background:url(../img/spr_h3.gif) no-repeat 100% -284px;width:126px}
.supply dl dd a{display:block;height:11px;width:126px}

/* 단어장 */
.word_popup{position:absolute;top:2px;left:0}
.word_popup li{padding-left:7px;float:left;background:url(../img/sp_wp.png) no-repeat 0px -34px;margin-right:6px}
.word_popup li.first{padding-left:0;background:none}
.word_popup li a{display:inline-block;font-size:11px;color:#777;font-weight:bold;padding-left:16px;letter-spacing:-1px;line-height:13px; white-space: nowrap;}
.word_popup li a.word{width:33px;height:12px;background:url(../img/sp_wp.png) no-repeat 0 -73px;}
.word_popup li a.popup{width:59px;height:12px;background:url(../img/sp_wp.png) no-repeat 0 -94px}
.word_popup li a.open_dic{padding-left:0px}
.word_popup li a.mob{width:73px;height:12px;background:url(../img/sp_wp.png) no-repeat 0 -52px}
.word_popup li a .new{display:inline-block;width:8px;height:11px;text-indent:-999em;background:url(../img/sp_wp.png) no-repeat 0 -116px;vertical-align:middle;margin-left:4px}

.aside .relation dl{width:210px;margin:9px 4px 13px;overflow:hidden}
.aside .relation dl dt{float:left;width:31px;margin:5px 0 0 0}
.aside .relation dl dt img{margin:-1px 0 1px 0;vertical-align:middle}
.aside .relation dl dd{float:left;width:175px;margin:4px 0 0 4px;line-height:16px}
.aside .relation dl dd a{color:#525252}
.aside .neighbor ul{margin:10px 0 11px 0}
.aside .neighbor ul li{width:206px;margin:4px 0 0 0;padding:0 0 0 12px;background:url(../img/bu_square.gif) no-repeat 4px 6px;line-height:16px}
.aside .neighbor ul li a{color:#525252}
.aside .neighbor ul li span{font-size:12px}

/* myword */
.aside .section_note,.aside .ad2{*position:relative;width:283px;margin-top:10px;*z-index:1}
.aside .my_words{position:relative}
.aside .my_words .top{height:24px;padding:31px 0 0 21px;background:url(../img/bg_note.gif) 0 0 no-repeat}
.aside .my_words .top h3 a{display:inline-block;overflow:hidden;width:89px;height:12px;background:url(../img/spr_h3.gif) 100% -348px no-repeat;line-height:999px}
.aside .my_words .btn_section{position:absolute;top:26px;right:0;padding-right:22px;font-size:0;line-height:0}
.aside .my_words .btn_section .add{display:inline-block;width:38px;height:21px;margin-right:3px;background:url(../img/sp_btn.png) 0 -78px no-repeat}
.aside .my_words .btn_section .add:hover{background:url(../img/sp_btn.png) 0 -99px no-repeat}
.aside .my_words .btn_section .manage{display:inline-block;width:29px;height:21px;background:url(../img/sp_btn.png) -38px -78px no-repeat}
.aside .my_words .btn_section .manage:hover{background:url(../img/sp_btn.png) -38px -99px no-repeat}
.aside .my_words .mid{overflow:hidden;_overflow:visible;min-height:136px;background:url(../img/bg_note4_mid.gif) 0 0 no-repeat;zoom:1}
.aside .my_words .mid .mid_scr{overflow-y:auto;width:271px;height:135px;scrollbar-3dlight-color:#d5e2ed;scrollbar-highlight-color:#f2f9fe;scrollbar-shadow-color:#f2f9fe;scrollbar-darkshadow-color:#d5e2ed;scrollbar-arrow-color:#7c8b97;scrollbar-face-color:#f2f9fe;scrollbar-track-color:#f0f4f7}
.aside .my_words .mid p{width:134px;height:10px;margin:39px auto 8px;background:url(../img/spr_txt.gif) 0 0 no-repeat}
.aside .my_words .mid p.msg_login{width:126px;height:10px;margin:39px auto 8px;background:url(../img/spr_txt.gif) 0 -20px no-repeat}
.aside .my_words .mid p.msg_login2{overflow:hidden;width:194px;height:67px;margin:39px auto 8px;background:url(../img/spr_txt4.gif) 0 -150px no-repeat}
.aside .my_words .mid p.msg_login2 .login_btn{display:block;width:59px;height:21px;margin:46px 0 0 67px}
.aside .my_words .lst_mywords{padding:4px 0 1px;background:url(../img/bg_note_mid.gif) 0 100% no-repeat}
.aside .my_words .lst_mywords.line5{height:147px;background:#f0f6fa url(../img/bg_note4_mid.gif) 0 0 no-repeat}
.aside .my_words .lst_mywords li{height:19px;_height:21px;margin:0 12px 1px 11px;padding:6px 0 0 10px;_padding:4px 0 0 10px;border-bottom:1px solid #e2ecf5;line-height:15px;zoom:1}
.aside .my_words .lst_mywords.line5 li{border-bottom:0 none!important}
.aside .my_words .lst_mywords li a{display:inline-block;color:#333;font-size:12px}
.aside .sch_words{position:relative;*zoom:1}
.aside .sch_words .top{height:20px;padding:25px 0 0 21px;background:url(../img/bg_note.gif) 0 -239px  no-repeat}
.aside .sch_words .top h3{width:68px;height:12px;background:url(../img/spr_h3.gif) 100% -332px no-repeat}
.aside .sch_words .mid{overflow:visible;padding-bottom:1px;background:url(../img/bg_note2_mid.gif) 0 0 repeat-y;zoom:1}
.aside .sch_words .mid .p_box{padding:35px 0 34px}
.aside .sch_words .mid p{width:93px;height:10px;margin:0 auto;background:url(../img/spr_txt.gif) 0 -10px no-repeat}
.aside .sch_words .mid a{font-size:12px}
.aside .sch_words .mid a[data-entrytype=KJ]{position:relative;top:2px}
.aside .sch_words .mid a[data-entrytype=JK]{font-family:'MS PGothic'}
.aside .sch_words .mid a[data-entrytype=LOANWORD],
.aside .sch_words .mid a[data-entrytype=LW]{font-family:'MS PGothic'}
.aside .sch_words .mid a[data-entrytype=HANJA],
.aside .sch_words .mid a[data-entrytype=HJ]{font-family:'MS PGothic'}
.aside .sch_words .layer_btn{position:absolute;width:86px;height:26px;display:block}
.aside .sch_words .layer_btn .layer_btn_inner{position:relative;border:1px solid #888d95;width:86px;height:20px}
.aside .sch_words .layer_btn .btn_save{float:left;overflow:hidden;display:inline-block;width:43px;height:20px;line-height:999px;background:#f9f9f9 url(../img/sp_btn.png) -209px -193px no-repeat}
.aside .sch_words .layer_btn a.btn_save[data-entrytype=KJ]{top:0}
.aside .sch_words .layer_btn .btn_save:hover{background:#fff url(../img/sp_btn.png) -209px -193px no-repeat}
.aside .sch_words .layer_btn .btn_delete{float:left;overflow:hidden;display:inline-block;width:43px;height:20px;line-height:999px;background:#f9f9f9 url(../img/sp_btn.png) -252px -193px no-repeat}
.aside .sch_words .layer_btn .btn_delete:hover{background:#fff url(../img/sp_btn.png) -252px -193px no-repeat}
.aside .sch_words .layer_btn span{display:block;position:absolute;bottom:-5px;left:51px;width:7px;height:5px;clear:both;overflow:hidden;background:url(../img/spr_bu.gif) left -574px no-repeat;font-size:0}
.aside .sch_words .bar{margin:0 5px 0 3px;padding:0;color:#b1bec9;font-family:'돋움',dotum;font-size:12px;line-height:15px;vertical-align:-1px;}
.aside .sch_words .btm{position:relative;height:58px;padding-top:5px;background:url(../img/bg_note.gif) 0 -285px no-repeat}
.aside .sch_words .btm .p{padding:1px 0 0 20px;visibility:visible}
.aside .sch_words .btm label{color:#666;letter-spacing:-1px;vertical-align:middle;vertical-align:-1px\9}
.aside .sch_words .btn_help{display:inline-block;height:14px;width:14px;background:url(../img/sp_btn.png) -33px -48px no-repeat;margin-top:-1px;margin-top:0\9;vertical-align:middle}
.aside .sch_words .add_btn,.aside .sch_words .delete{position:absolute;top:20px;right:22px;width:59px;height:20px;background:url(../img/sp_btn.png) -58px -166px no-repeat}
.aside .sch_words .add_btn{width:89px;right:84px;background-position:0 -188px}
.aside .sch_words .lk_word{position:absolute;right:20px;top:7px;*top:11px;color:#677279;letter-spacing:-1px;text-decoration:underline}
.aside .sch_words .noti_ly,.aside .sch_words .noti_ly2,.aside .sch_words .noti_ly3{position:absolute;top:43px;left:20px;width:200px;height:38px;padding:8px 28px 0 11px;border:1px solid #7b8996;background:#fcfcfc;color:#858a8c;font-family:'굴림',gulim,sans-serif;z-index:100;letter-spacing:-1px;line-height:16px}
.aside .sch_words .noti_ly2,.aside .sch_words .noti_ly3{top:23px;left:6px;width:226px;height:114px;padding:10px 30px 0 11px}
.aside .sch_words .noti_ly3{top:27px;*top:30px;height:74px;padding:9px 30px 0 11px}
.aside .sch_words .noti_ly2 p,.aside .sch_words .noti_ly3 p{padding:0 0 4px}
.aside .sch_words .noti_ly2 a{display:block;position:absolute;bottom:11px;color:#868a8d;text-align:center}
.aside .sch_words .noti_ly2 a:hover{text-decoration:none}
.aside .sch_words .ft_colp{color:#9fa3a4}
.aside .sch_words .top_arr{position:absolute;top:-6px;left:128px;*left:135px;display:block;height:6px;width:11px;background:url(../img/sp_btn.png) -54px -55px no-repeat}
.aside .sch_words .btn_lb,.aside .sch_words .btn_rb{left:78px;height:21px;width:52px;line-height:23px;border:1px solid #c8cbd0;background:#f9f9f9}
.aside .sch_words .btn_rb{left:137px}
.aside .sch_words .btn_cls{position:absolute;top:5px;right:5px;display:block;height:9px;width:9px;background:url(../img/sp_btn.png) -22px -52px no-repeat}
.aside .sch_words .lst_schwords{position:relative;min-height:79px;padding-top:5px;margin:0 24px 1px 21px;zoom:1}
.aside .lst_schwords:after{display:block;visibility:hidden;height:0;line-height:0;font-size:0;clear:both;content:''}
.aside .lst_schwords li{float:left;margin:0 0 9px;padding:0;line-height:17px;border:none!important;white-space:nowrap}
.aside .lst_schwords li a{display:inline-block;overflow:hidden;max-width:230px;color:#000;line-height:14px;vertical-align:baseline;font-family:'돋움',dotum,sans-serif;font-size:12px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.aside .lst_schwords li a.on{background:#bcfe31;text-decoration:none}
.aside .lst_schwords li a.jp{font-family:"MS PGothic"}
.aside .lst_schwords li a:active,.aside .lst_schwords li a:focus{text-decoration:none!important}
.aside .lst_schwords li a sup{line-height:10px;vertical-align:text-top;*vertical-align:super}
.aside .lst_schwords li a.fra sup{vertical-align:text-top}
.aside .lst_schwords li.on a{background:#bcfe31;text-decoration:none}
.aside .lst_schwords li.on a.fra{border:none}
.aside .lst_schwords li a:hover{background:#bcfe31;text-decoration:none}
.aside .lst_schwords li .btns{display:none}

/* modify 090513 start */
.sel_box{position:absolute;right:9px;top:8px;width:100px;height:22px;font-size:12px;border:1px solid #d7d8d9;color:#666;line-height:24px;padding:0 5px}
.sel_box p a{display:block;position:absolute;right:0;top:0;height:22px;width:21px;border-left:1px solid #e3e5e6;background:url(../img/spr_bu.gif) no-repeat 50% -154px}
.sel_box.on p a{background-position:50% -174px}
.sel_box .ico{display:inline-block;height:6px;width:4px;margin:0 2px;background:url(../img/spr_bu.gif) no-repeat 100% -206px;text-indent:-999em;vertical-align:middle}
.sel_box li .ico{background-position:0 -206px}
.sel_box a:hover{text-decoration:none}
.sel_lst{display:none;position:absolute;top:22px;left:-1px;width:110px;border:1px solid #d7d8d9;z-index:20;background:#fff}
.on .sel_lst{display:block}
.sel_lst .btn_sel{display:block !important;color:#858585;padding:0 5px;line-height:24px}
.sel_lst a:hover{background:#f4f4f4}

/* modify 090513 end */
.aside .section .add{position:absolute;right:72px;top:9px}

/* 20090504 add */
.js_translateButton{position:relative;z-index:5}/*090521 modify */
.limit{display:none;position:absolute;left:18px;bottom:9px;color:#aaa;font-family:Tahoma;font-size:10px}
.limit span{color:#666;font-weight:bold}
.btn_rdn{display:none;position:absolute;bottom:9px;right:9px;height:19px;width:61px;background:url(../img/sp_btn.png) no-repeat 100% -104px}
.on .limit,.on .btn_rdn{display:block}

/* --------------------------20091111 new add -------------------------------- */

.entry_box ul li.blog{left:100px;padding:0 0 0 8px;background:url(https://ssl.pstatic.net/static/dic/tts/bu_bar.gif) no-repeat left 3px}
.fnt_k24{font-family:NanumGothic;font-size:12px;font-weight:bold;color:#333;letter-spacing:-1px}
.fnt_k25{font-family:NanumGothic;font-size:12px;font-weight:normal;color:#333}
.fnt_k26{font-family:NanumGothic;font-size:12px;font-weight:normal;color:#666}

/* add_layer */
.add_layer{display:none;position:absolute;top:121px;left:28px;width:221px;height:auto;margin:0;padding:0;padding-top:1px;border:1px solid #888;background:#fff;z-index:1000}
.add_layer li{padding:5px 5px 4px;color:#333;cursor:pointer}
.add_layer li a{color:#333}
.add_layer li.on{padding:4px 5px 3px 5px;_padding:4px 5px 3px;border-top:1px solid #e9f0f2;border-bottom:1px solid #e9f0f2;background:#f2f5f7}
.add_layer li.new_create{margin-top:-2px;*margin-top:-1px;_margin-top:-2px;padding:10px 5px 3px 17px;*padding:9px 5px 4px 17px;_padding:10px 5px 3px 16px;background:url(../img/ico_add01.gif) no-repeat 5px 12px}
.add_layer_tip{display:none;position:absolute;top:97px;left:27px;width:98px;height:18px;padding-top:3px;border:1px solid #D8E2E5;background:#f9fbfb;font-size:11px;letter-spacing:-1px;text-align:center;z-index:1000}
.creat_layer{display:none;position:absolute;width:338px;height:142px;padding:17px 0 0 19px;border:1px solid #888;background-color:#fff;top:121px;left:28px;z-index:999}
.creat_layer .des{padding-top:18px}
.creat_layer .in1{padding-top:7px;padding-bottom:20px}
.creat_layer .in1 .txt{height:15px;height:14px\9;border-color:#adadad #ddd #ddd #adadad;border-style:solid;border-width:1px;margin-left:5px;;padding:3px 0 0 5px;width:246px;color:#333;vertical-align:middle}
.creat_layer .btn_area{clear:both;width:317px;padding-top:10px;border-top:solid 1px #e5e5e5;text-align:center}
.creat_layer .btn_area .mar{margin-left:5px}
.creat_layer a{display:block;position:absolute;top:8px;right:8px;width:19px;height:19px;background:url(../img/btn_close3.gif)}
.creat_layer a:hover{background:url(../img/btn_close3_over.gif)}
.creat_layer a img{filter:alpha(opacity=0);opacity:0}
.creat_layer .add_tiplayer{display:none;position:absolute;width:224px;height:19px;_height:18px;padding-top:2px;_padding-top:3px;background:url(../img/tiplayer_add.gif) no-repeat left top;font-family:dotum,NanumGothic,arial;top:53px;left:95px;text-align:center}
#slot03 .creat_layer{top:220px;left:220px}
#slot04 .creat_layer{top:320px;left:5px;_left:0px}
.entry_box ul li.blog{left:110px}

/* view_agreement add */
.add_layer2{display:none;position:absolute;width:168px;height:77px;padding:13px 14px 0;top:121px;left:28px;border:1px solid #888;background:#fff;z-index:1000}
.add_layer2 .txt{font:12px gulim;color:#333;line-height:16px}
.add_layer2 .btn{margin-top:7px;text-align:center}
.add_layer2 .btn_viewreg{display:inline-block;width:63px;height:23px;background:url(../img/sp_btn.png) no-repeat 0 -300px}


/* agreement add */
.add_layer_agreement{display:none;position:absolute;width:547px;height:484px;padding:20px 20px 0;top:121px;left:28px;border:1px solid #888;background:#fff;z-index:800}
.add_layer_agreement h3{margin:0;padding-left:0;font-size:12px;text-align:center}
.add_layer_agreement .reg_con h3{text-align:left}
.add_layer_agreement .reg_con{clear:both;width:505px;height:331px;margin-top:16px;padding:20px 19px 19px;border:solid 1px #e5e5e5;overflow-y:scroll;font:12px gulim;color:#666;text-align:left}
.add_layer_agreement .reg_con p,
.add_layer_agreement .reg_con li{*margin:0;line-height:18px}
.add_layer_agreement .reg_con .mt43{margin-top:43px}
.add_layer_agreement .reg_con .mt20{margin-top:20px !important}
.add_layer_agreement .reg_con .mt10{margin-top:10px}
.add_layer_agreement .reg_con .mb0{margin-bottom:0}
.add_layer_agreement .reg_con .pb3{padding-bottom:3px}
.add_layer_agreement .reg_con h3{color:#333;margin:20px 0 10px 0;letter-spacing:-1px}
.add_layer_agreement .reg_con h3.first{margin-top:0}
.add_layer_agreement .reg_con h3 a{color:#333;text-decoration:none}
.add_layer_agreement .reg_con ol,
.add_layer_agreement .reg_con .ex{*margin:0;padding-left:16px}
.add_layer_agreement .reg_con a{display:inline-block;color:#417C01 !important}
.add_layer_agreement .reg_con ol li .first_letter,.add_layer_agreement .reg_con ol .ex .first_letter{margin:0 4px 0 -16px}
.add_layer_agreement .reg_con ul{padding-left:10px}
.add_layer_agreement .reg_con ul li .first_letter{margin:0 4px 0 -10px}
.add_layer_agreement .reg_con .past{margin:8px 0 0 0}
.add_layer_agreement .reg_con em{color:#417c01}
.add_layer_agreement .reg_con .u{text-decoration:underline}
.add_layer_agreement .confirm{clear:both;text-align:center}
.add_layer_agreement .confirm p{margin-top:15px}
.add_layer_agreement .confirm p.btn{margin-top:10px}
.add_layer_agreement .confirm .btn .btn_agree,
.add_layer_agreement .confirm .btn .btn_dis{display:inline-block;width:46px;height:26px;background:url(../img/sp_btn.png) no-repeat -73px -300px}
.add_layer_agreement .confirm .btn .btn_dis{width:118px;background-position:-129px -300px}
.add_layer_agreement .close{position:absolute;right:8px;top:8px}

/* 20100112 add */
.add_layer_agreement a.close_reg{display:block;position:absolute;top:4px;right:4px;width:27px;height:27px;background:url(../img/sp_btn.png) -165px -144px no-repeat}

/* 20120405 add */
.add_layer li.save_choice{margin:0 9px 3px;padding:5px 0 3px;border-bottom:1px solid #efefef;color:#999;cursor:auto}
.add_layer li.af{color:#999;cursor:auto}
.add_layer a.btn_close2{position:absolute;top:5px;right:5px;width:13px;height:13px;background:url(../img/sp_btn.png) no-repeat -192px -144px;cursor:pointer}

/* 20160420 오픈사전 배너 */
.open_banner{margin-top:10px}
.open_banner .lnk_box{display:block;height:118px;line-height:normal;text-decoration:none}
.open_banner .lnk_box.bg_img{display:table;width:100%;background-size:cover}
.open_banner .lnk_box.bg_img.b1{background-image:url(../img/banner/pc_a_01.jpg)}
.open_banner .lnk_box.bg_img.b2{background-image:url(../img/banner/pc_a_02.jpg)}
.open_banner .lnk_box.bg_img.b3{background-image:url(../img/banner/pc_a_03.jpg)}
.open_banner .lnk_box.bg_img.b4{background-image:url(../img/banner/pc_a_04.jpg)}
.open_banner .lnk_box.bg_img.b5{background-image:url(../img/banner/pc_a_05.jpg)}
.open_banner .lnk_box.bg_img.b6{background-image:url(../img/banner/pc_a_06.jpg)}
.open_banner .lnk_box.bg_img.b7{background-image:url(../img/banner/pc_a_07.jpg)}
.open_banner .lnk_box.bg_img.b8{background-image:url(../img/banner/pc_a_08.jpg)}
.open_banner .lnk_box.bg_img.b9{background-image:url(../img/banner/pc_a_09.jpg)}
.open_banner .lnk_box.bg_img.b10{background-image:url(../img/banner/pc_a_10.png)}
.open_banner .txt_area{display:table-cell;padding:0 5px 0 21px;vertical-align:middle;font-family:'나눔고딕',NanumGothic,'돋움', dotum, sans-serif}
.open_banner .txt_tit{display:inline-block;font-size:14px;font-weight:bold;color:#40d41a}
.open_banner .txt_dt{display:block;margin-top:13px;font-size:12px;font-weight:bold;color:#e7e7e7}
.open_banner .txt_dd{display:block;margin-top:5px}
.open_banner .txt_dd .txt_light{font-size:17px;color:#7cd5ff}
.open_banner .txt_dd .txt_p{padding-left:7px;margin-top:5px;font-size:17px;color:#fff;line-height:24px}