@charset 'UTF-8';

/* popup */
.basic_popup {position:absolute;border:1px solid #33336e;padding:5%;background-color:#fff;}
#opacity_bg {filter:Alpha(opacity=50); opacity:0.5;-ms-filter:"alpha(opacity=50)";-khtml-opacity:50;-moz-opacity:50;position:fixed;width:100%;height:100%;z-index:110;background-color:#16164c;top:0;left:0;}

#popup_bg {filter:Alpha(opacity=50); opacity:0.5;-ms-filter:"alpha(opacity=50)";-khtml-opacity:50;-moz-opacity:50;position: fixed;width: 100%;height: 100%;background-color: #33336e;top: 0;left: 0;z-index:1100;}
.basic_pop {position:fixed;top:50px;right:0;bottom:0;left:0;margin:auto;width:50%;height:100%;background-color:#fff;z-index:1200;}

.basic_pop.popA {padding:50px 30px;min-width:320px;max-width:720px;max-height:700px;margin:0 auto;}
.basic_pop.popA h3 {font-size:30px;color:#000;padding-bottom:30px;line-height:normal;}
.basic_pop .close {position:absolute;top:15px;right:15px;}
.basic_pop .close button {background:url(/Image/common/btn_close.png) 0 0 no-repeat;width:32px;height:32px;display:block;}
.basic_pop .slick-prev, .basic_pop .slick-next {font-size: 0;line-height: 0;}
.basic_pop .slick-prev {left:0;background:url("/Image/common/icon_show_prev.png") 0 0 no-repeat;background-size:cover;}
.basic_pop .slick-next {right:0;background:url("/Image/common/icon_show_next.png") 0 0 no-repeat;background-size:cover;}
.basic_pop .slick-dots {bottom:9px;}
.basic_pop .slick-dots li {margin:0;}
.basic_pop .slick-dots li button {line-height:20px;}
.basic_pop .slick-dots li button:before {font-size:22px;}

/* main_pop */
#pop_num01 {right:-510px;}
#pop_num02 {left:-510px;z-index:1210;}
.main_pop {max-height:558px;max-width:500px;min-width:320px;display:inline-block;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px rgba(0,0,0,0.3);padding:6px;border:1px solid #c2c2db;}
.main_pop .pop_content {font-size:0;line-height:normal;}
.main_pop .pop_btn {overflow:hidden;padding:10px 10px 0;}
.main_pop .pop_btn a {vertical-align:middle;}
.main_pop .pop_btn .left {float:left;}
.main_pop .pop_btn .right {float:right;width:15px;}
.main_pop .lazy {position:relative;margin:0;}


/* book_select */
#book_search.popA {padding:0;}
#book_search.popA .pop_wrap {overflow-y:scroll;padding:20px 30px 50px;max-height:700px;position:absolute;top:95px;left:0;bottom:0;right:0;}
#book_search.popA .head {position:relative;padding:30px 0 20px;width:100%;text-align:center;border-bottom:1px solid #e2e2e2;}
#book_search.popA h3 {padding-left:48px;padding-bottom:8px;background:url(/Image/common/icon_search.png) 0 0 no-repeat;display:inline-block;zoom:1;*display:inline;font-family:"Lato", sans-serif;font-weight:300;}
#book_search.popA .board_search_wrap {padding-bottom:20px;}
#book_search.popA .list_typeB ul > li {padding:15px 0;}
#book_search.popA .close {top:30px;}
.list_typeB.book_search_list dl dd, .list_typeB.book_search_list dl dt {float:left;}
.list_typeB.book_search_list dl dd:first-child {width:22%;border:1px solid #dedede;font-size:0;line-height:normal;}
.list_typeB.book_search_list dl dd img {width:100%;max-width:143px;}
.list_typeB.book_search_list dl dt {width:65%;padding:10px 0 0 15px;}
.list_typeB.book_search_list dl .btn {width:13%;position:relative;height:100%;}
.list_typeB.book_search_list dl .btn a {width:65px;height:65px;line-height:65px;text-align:center;font-weight:600;display:inline-block;zoom:1;*display:inline;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;border-radius: 50px;background-color:#8dc63f;color:#fff;position:absolute;top:50px;right:0;}
.list_typeB.book_search_list dl .btn a:hover {background-color:#98d742;}
#book_search.popA .list_typeB ul > li dl dt > strong {font-size:1.4em;color:#000;margin-bottom:15px;display:block;letter-spacing:-0.5px;}
#book_search.popA .list_typeB ul > li dl dt p {padding-bottom:4px;line-height:20px;overflow:hidden;clear:both;}
#book_search.popA .list_typeB ul > li dl dt p strong, #book_search.popA .list_typeB ul > li dl dt p span {float:left;}
#book_search.popA .list_typeB ul > li dl dt p strong {background-color:#8e8e8e;width:15%;color:#fff;font-weight:400;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;border-radius: 20px;text-align:center;}
#book_search.popA .list_typeB ul > li dl dt p span {width:75%;padding-left:10px;}
#book_search.popA .list_typeB ul > li dl dt p .point {color:#f26b27;font-weight:600;}
#book_search.popA .book_list_num {padding-bottom:50px;}
#book_search.popA .board_search_wrap .board_search input {width:90%;margin-left:20px;}
#book_search.popA .board_search_wrap .board_search button {position: absolute;top: 5px;right: 5px;}
#book_search.popA .board_search {width:100%;}


/* id password serarch */
#id_pass_search {max-height:580px;padding-left:0;padding-right:0;}
#id_pass_search .pop_top {padding:0 30px;}
#id_pass_search .pop_wrap {overflow-y:scroll;position:absolute;max-height:700px;top:217px;left:0;right:0;bottom:0;padding: 0 30px 0;}
#id_pass_search h3 {padding-left:48px;padding-bottom:35px;background:url(/Image/common/icon_search.png) 0 0 no-repeat;display:inline-block;zoom:1;*display:inline;font-family:"Lato", sans-serif;font-weight:300;}
#id_pass_search .tab_menuD {margin-bottom:26px;}
#id_pass_search .ipt_cont li {display:table;padding:4px 0;width:100%;}
#id_pass_search .ipt_cont li label {display:table-cell;width:20%;cursor:text;}
#id_pass_search .ipt_group .ipt_select label {width:100%;}
#id_pass_search .ipt_cont .ipt_wrap {width:80%;}
#id_pass_search .ipt_cont .phone span {text-align:center;}
#id_pass_search .ipt_cont .phone input, #id_pass_search .ipt_cont .phone .ipt_select {width:29.5%;}
#id_pass_search .ipt_cont .phone input, #id_pass_search .ipt_cont .phone .ipt_select, #id_pass_search .ipt_cont .phone span {float:left;}
#id_pass_search .ipt_cont {padding-bottom:26px;border-bottom:1px solid #eaeaea;}
#id_pass_search .btn_group {padding:30px 0;text-align:center;}
#id_pass_search .explain {font-size:13px;line-height:150%;}
#id_pass_search .btn_group .btn_typeA {padding-top:12px;padding-bottom:12px;font-size:17px;width:50%;}


/* main_popup */
.popup_wrap {position:fixed;*position:absolute;z-index:10000;padding:10px;background-color:#fff;border:1px solid #d7d7d7;width:380px;margin:-226px -190px 0 0;right:50%;top:50%;}
.popup_wrap .pop_btn {overflow:hidden;}
.popup_wrap .pop_btn .left {float:left;vertical-align:middle;}
.popup_wrap .pop_btn .right {float:right;vertical-align:middle;}
.popup_wrap .pop_btn .right img {width:20px;height:20px;}

/* sign pop */
#signUP_pop_wrap, #signUP_choice_pop_wrap {max-height:440px;}
#signUP_pop_wrap h3 {text-align:center;}
#signUP_pop_wrap .member_sort, #signUP_choice_pop_wrap .member_sort {border:2px solid #33336e;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;padding:30px 0;text-align:center;}
#signUP_pop_wrap .member_sort label, #signUP_choice_pop_wrap .member_sort label {margin-left:30px;font-size:17px;word-break:keep-all;}
#signUP_pop_wrap .member_sort label:first-child, #signUP_choice_pop_wrap label:first-child {margin-left:0;}
#signUP_pop_wrap .content p, #signUP_choice_pop_wrap .content p {font-size:18px;padding:40px 0 50px;text-align:center;word-break:keep-all;}
#signUP_pop_wrap .content p span {display:block;margin-top:10px;color:#cc0000;}
#signUP_pop_wrap .content p strong, #signUP_choice_pop_wrap .content p strong {color:#33336e;}
#signUP_pop_wrap .content .btn {text-align:center;}
#signUP_pop_wrap .content .btn button, #signUP_choice_pop_wrap .content .btn button {width:60%;font-size:18px;padding-top:12px;padding-bottom:12px;}
#signUP_choice_pop_wrap {max-height:463px;}
#signUP_choice_pop_wrap .txt {padding:20px 0;font-size:14px;word-break:keep-all;text-align:center;line-height:1.6em;}
#signUP_choice_pop_wrap .txt strong {font-family:'NanumSquareRound', sans-serif;font-weight:600;color:#000;font-size:19px;display:block;width:100%;margin-bottom:15px;}
#signUP_choice_pop_wrap .content .btn {text-align:center;margin-top:40px;}

/* media_screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px){
    .basic_pop.popA {min-width:500px;}
    #signUP_choice_pop_wrap {max-height:500px;}
    /* main_pop */
    .main_pop {min-width:500px;}
}

@media screen and (max-width:1008px) {
    #pop_num01 {right:0;}
    #pop_num02 {left:0;}
}

@media screen and (max-width:768px) {
    .basic_pop.popA {top:5px;}

    
    
}



@media screen and (max-width: 640px){
    .basic_pop.popA {min-width:420px;top:0;width:100%;}
    .list_typeB.book_search_list dl dd:first-child {width:25%;}
    .list_typeB.book_search_list dl dt {width:75%;padding-top:0;padding-bottom:10px;}
    .list_typeB.book_search_list dl .btn {clear:both;width:100%;margin-top:15px;}
    .list_typeB.book_search_list dl .btn a {position:relative;top:0;width:100%;height:34px;line-height:34px;}

    #id_pass_search {max-height:700px;}
    #id_pass_search .ipt_cont, #id_pass_search .ipt_cont .phone input, #id_pass_search .ipt_cont .ipt_select {font-size:13px;}
    #id_pass_search .ipt_cont .phone input, #id_pass_search .ipt_cont .phone .ipt_select {width:28.5%;}
    #id_pass_search .ipt_cont .ipt_select {padding-left:7px;}
    #id_pass_search .ipt_cont em {display:block;}
    #id_pass_search .btn_group .btn_typeA {width:100%;font-size:14px;padding-top:15px;padding-bottom:15px;}

    #book_search.popA .board_search_wrap .board_search input {width:80%;}

}

@media screen and (max-width:500px){
    /* main_pop */
    .main_pop {min-width:400px;max-height: 456px;}
}

@media screen and (max-width: 420px){
    .basic_pop.popA {min-width:320px;}
    #book_search.popA .list_typeB ul > li dl dt p strong {width:18%;}
    #book_search.popA .book_list_num {font-size:13px;}
    #book_search.popA .book_list_num a {width:24px;height:24px;line-height:24px;}
    #id_pass_search .ipt_cont .phone .ipt_select, #id_pass_search .ipt_cont .phone input {width:100%;}
    #id_pass_search .ipt_cont .phone input {margin-top:3px;}
    #id_pass_search .ipt_cont .phone span {display:none;}

    #book_search.popA .list_typeB ul > li dl dt > strong {font-size:16px;}
    #book_search.popA .board_search_wrap {padding-top:22px;}

    .popup_wrap  {width:320px;margin:-196px -160px 0 0;}

    /* sign pop */
    #signUP_pop_wrap .member_sort label {font-size:14px;margin-left:20px;}
    #signUP_pop_wrap .content p {font-size:16px;}
    #signUP_pop_wrap .content p em {display:block;width:100%;}
    #signUP_pop_wrap .content .btn button {font-size:16px;width:100%;}
    .basic_pop .close button {width:25px;height:25px;background-size:cover;}

    #signUP_choice_pop_wrap .member_sort label {font-size:14px;margin-left:20px;}
    #signUP_choice_pop_wrap .content p {font-size:16px;}
    #signUP_choice_pop_wrap .content p em {display:block;width:100%;}
    #signUP_choice_pop_wrap .content .btn button {font-size:16px;width:100%;}
    #signUP_choice_pop_wrap {max-height:600px;}
    #signUP_pop_wrap .member_sort, #signUP_choice_pop_wrap .member_sort {padding: 20px 0;}

    /* main_pop */
    .main_pop {min-width:320px;max-height:367px;}
}



@media screen and (max-width: 320px){
    .basic_pop.popA {min-width:320px;}
    .list_typeB.book_search_list dl .btn a {height:28px;line-height:28px;}
    #book_search.popA .list_typeB ul > li dl dt p strong {width:22%;}

    .popup_wrap  {width:320px;left:0;top:0;}

    /* sign pop */
    #signUP_pop_wrap .member_sort label {font-size:14px;margin-left:20px;}
    #signUP_pop_wrap .content p {font-size:16px;}
    #signUP_pop_wrap .content p em {display:block;width:100%;}
    #signUP_pop_wrap .content .btn button {font-size:16px;width:100%;}
    .basic_pop .close button {width:25px;height:25px;background-size:cover;}

    #signUP_choice_pop_wrap .member_sort label {font-size:14px;margin-left:20px;}
    #signUP_choice_pop_wrap .content p {font-size:16px;}
    #signUP_choice_pop_wrap .content p em {display:block;width:100%;}
    #signUP_choice_pop_wrap .content .btn button {font-size:16px;width:100%;}
    
}