@charset"utf-8";

/* 팝업 공통 */
#win_popup{position:relative;}
#win_popup h1{padding:15px 20px; font-family:나눔,"돋움",Dotum,sans-serif; font-size:18px; background:#248ab2; color:#fff;}
#win_popup .layer_pop_content{padding:20px;}
#win_popup .tap_normal{padding-bottom:10px;}
#win_popup .pop_close{position:absolute; top:18px; right:21px;}
#win_popup .desc_normal{padding:10px 0 20px 0; font-size:13px; line-height:18px; text-align:center;}
#win_popup .desc_normal span{color:#f36446; line-height:18px; font-size:13px; font-weight:bold;}
#win_popup .gray_box{padding:12px 20px; background:#f2f2f2; border-radius:5px; text-align:center;}
#win_popup .center_btns{padding-top:20px;}
.id_check{*zoom:1; display:inline-block; *display:inline;}
.id_check:after{content:""; display:block; clear:both;}
.id_check dt{float:left; height:32px; line-height:30px; padding:0 20px 0 9px; background:url(/public_html/resource/images/common/bullet_red_dot.gif) no-repeat 0 center; text-align:left; font-weight:bold;}
@-moz-document url-prefix() {
    .id_check dt{line-height:28px;}
}
.id_check dd{float:left;}
.id_check dd input[type=text]{width:180px; margin-right:7px;}
.id_check dd select{min-width:120px; margin-right:7px;}
#win_popup table.type3{border-bottom:1px solid #e0e0e0!important;}
#win_popup .infos{padding-top:17px; margin-top:20px; border-top:1px solid #e0e0e0;}
#win_popup .infos li{padding-left:10px; margin-bottom:4px; background:url(/public_html/resource/images/common/bullet_gray_dot.gif) no-repeat 0 7px; color:#999; line-height:15px;}
#win_popup .title_desc{padding-bottom:10px; font-family:나눔,"돋움",Dotum,sans-serif; font-size:22px; color:#333; font-weight:bold; line-height:25px; text-align:center;}

/* 우편번호 */
.post{position:relative; height:238px; margin-top:20px; overflow-y:auto; overflow-x:hidden;}
.post tr:hover td{color:#f36547;}
.post_top dl{width:415px; margin-bottom:10px;}
.post_top dl.first dt{padding:0 35px 0 9px; padding:0 33px 0 9px\9;}
@-moz-document url-prefix() {
    .post_top dl.first dt{padding:0 33px 0 9px}
}
.post .type1 td{cursor:pointer;}

/* 결제하기 */
.solo_btn{padding-bottom:30px; text-align:center;}

/* 앱설치문자 보내기 */
.sms_msg{height:80px; padding:15px; margin-bottom:10px; font-size:13px; line-height:18px; border:1px solid #bbb; border-radius:5px;}

/* Let's Study */
.btn_pop_study{width:560px; margin:auto;}
.btn_pop_study li{float:left; margin:5px;}
.btn_pop_study li a{display:block; width:270px; height:150px; text-indent:-1000em; overflow:hidden; background:url(/public_html/resource/images/sub/btn_pop_study.gif) no-repeat;}
.btn_pop_study li.btn1 a{background-position:0 0;}
.btn_pop_study li.btn2 a{background-position:-271px 0;}
.btn_pop_study li.btn3 a{background-position:-541px 0;}
.btn_pop_study li.btn4 a{background-position:-813px 0;}
.btn_pop_study li.btn1 a:hover{background-position:0 100%;}
.btn_pop_study li.btn2 a:hover{background-position:-271px 100%;}
.btn_pop_study li.btn3 a:hover{background-position:-541px 100%;}
.btn_pop_study li.btn4 a:hover{background-position:-813px 100%;}

/* Check up 확인 */
.icon_doc{position:relative; height:22px; line-height:22px; padding-left:28px; margin-bottom:15px; font-size:16px; color:#333; background:url(/public_html/resource/images/sub/icon_doc.gif) no-repeat 0 center;}
.icon_doc span{font-size:16px; color:#f46621; vertical-align:baseline;}
.icon_doc span.down{position:absolute; top:-5px; right:0;}
.check_left{font-size:13px; text-align:left; padding-left:20px;}
.check_left span{color:#f36446; text-decoration:underline;  vertical-align:baseline}
.check_right span{display:block; text-align:left; padding:4px 0 4px 20px; font-size:13px;}
.check_right span.wrong{color:#f36446}

/* Vocabulary 단어 확인 */
.icon_listen{height:22px; line-height:22px; padding-left:28px; margin-bottom:15px; font-size:16px; color:#333; background:url(/public_html/resource/images/sub/icon_listen.gif) no-repeat 0 center;}
.sound_area{margin-bottom:30px; padding:15px; border:1px solid #e0e0e0; border-radius:5px;}


/* 약관팝업 */
#win_popup .terms{height:600px; padding:15px; background:#f9f9f9; border:1px solid #eaeaea; overflow-y:auto;}
#win_popup .terms h5{padding-bottom:30px; line-height:20px;}
#win_popup .terms h6{padding-bottom:10px; line-height:20px;}
#win_popup .terms p{padding-bottom:10px; line-height:20px;}
#win_popup .terms li{line-height:20px;}