@charset "utf-8";

/* popup */
.basic_pop.no_p {padding:0;max-width: 600px;position:fixed;}
.basic_pop .pop_cnt.no_txt {font-size:0;line-height:0;}
.basic_pop {padding:40px;background-color:#fff;position:fixed;z-index:10001;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width: 320px;max-width: 640px;width:100%;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;}
.basic_pop .pop_close a {position:absolute;top:10px;right:10px;width:33px;height:33px;background:#000 url(/image/common/icon_close.png) 50% 50% no-repeat;display:block;background-size:39%;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px;}
.basic_pop .pop_close a:hover {background-color:#bd141a;}
.basic_pop .pop_title h4 {font-size:21px;font-family:'NanumSquareB', sans-serif;font-weight:normal;color:#000;margin-bottom:30px;word-wrap: break-word;word-break:keep-all;overflow-wrap:break-word;text-align:center;}
.basic_pop .pop_title h4::before {content:"";display:inline-block;zoom:1;*display:inline;margin:-3px 10px 0 0;vertical-align:middle;}

.basic_pop.main_pop {padding:20px;max-width:500px;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);position:absolute;top:80px;left:50%;-ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
.basic_pop.main_pop .pop_btn {padding-top:10px;}
.basic_pop.main_pop .pop_btn .left {float:left;font-size:14px;}
.basic_pop.main_pop .pop_btn .right {float:right;}
.basic_pop.main_pop .pop_btn .right img {width:13px;height:13px;}
#pop_slider .owl-controls {margin-top:-30px;}
#pop_slider .owl-controls .owl-pagination {text-align:center;}
#pop_slider .owl-controls .owl-pagination .owl-page span {background-color:#eceeed;filter:Alpha(Opacity=50);opacity: 0.5;}
#pop_slider .owl-controls .owl-pagination .owl-page.active span {filter: Alpha(Opacity=90);opacity: 0.9;}
#pop_slider .owl-controls .owl-buttons {display:none;}

/* #pop_slider .owl-controls .owl-buttons {position: absolute;top: 50%;-ms-transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);width:100%;}
#pop_slider .owl-controls .owl-buttons > div {position:absolute;height:60px;}
#pop_slider .owl-controls .owl-buttons .owl-prev {left:0;background:url(/image/common/showace_nav.png) 0 0 no-repeat;background-size:contain;}
#pop_slider .owl-controls .owl-buttons .owl-next {right:0;} */


.jsbasic_pop {padding:40px;min-width: 320px;width:100%;height:100%;display:none;background-color:#fff;top:0;}
.jsbasic_pop .pop_close {position:absolute;top:20px;right:30px;width:33px;height:33px;background:#000 url(/image/common/icon_close.png) 50% 50% no-repeat;display:block;background-size:50%;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;border-radius: 40px;}
.jsbasic_pop .pop_close a {display:block;width:100%;height:100%;}
.jsbasic_pop .pop_title h4 {font-size:22px;font-family:'NanumSquareB', sans-serif;font-weight:normal;color:#000;margin-bottom:25px;word-wrap: break-word;word-break:keep-all;overflow-wrap:break-word;}
.jsbasic_pop .pop_title h4::before {content:"";display:inline-block;zoom:1;*display:inline;margin:-3px 10px 0 0;vertical-align:middle;}

#popup_bg {filter: alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.6;position: fixed;width: 100%;height: 100%;background-color: #000;top: 0;left: 0;z-index: 10000;}


/* 회원가입 */
#member_select {position:fixed;}
#member_select .pop_title h4::before {content:"";display:inline-block;zoom:1;*display:inline;width:53px;height:30px;vertical-align:middle;margin-right:7px;background:url(/image/common/title_member.png) 0 0 no-repeat;background-size:contain;}
#member_select .form_input {line-height:93px;text-align:center;background-color:#ebebeb;margin-bottom:30px;}
#member_select .form_input li {display:inline-block;zoom:1;*display:inline;}
#member_select .form_input li:first-child {margin-right:30px;}
#member_select p {text-align:center;margin-bottom:40px;word-wrap: break-word;word-break:keep-all;overflow-wrap:break-word;font-size:13px;}
#member_select p strong {color:#000;}

/* 회원탈퇴 */
#member_leave .leave_reason {background-color:#ebebeb;padding:15px 20px;margin-bottom: 50px;}
#member_leave .leave_reason p {font-size: 14px;margin-top: 10px;}
#member_leave .leave_reason li {padding: 5px 0;}
#member_leave .text_center .btn_type01 {font-size: 20px;line-height: 44px;min-width: 50%;padding: 0;}

/* id password serarch */
.find_choose_wrap {border:1px solid #a0a0a0;line-height:38px;overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;margin-bottom:25px;}
.find_choose_wrap li {float:left;width:calc(100% / 2);background-color:#a0a0a0;text-align:center;transition: all 0.3s ease-in-out 0s;font-size:15px;}
.find_choose_wrap li a {color:rgb(212, 212, 212);display:block;width:100%;}
.find_choose_wrap li:hover {background-color:#fff;}
.find_choose_wrap li:hover a {color:#000;}
.find_choose_wrap .on {background-color:#fff;}
.find_choose_wrap .on a {color:#000;}
#id_pw_search .pop_title h4::before {width:37px;height:38px;background:url(/image/common/title_id.png) 0 0 no-repeat;background-size:contain;}
#id_pw_search .ipt_cont, #id_pw_search .call {margin-bottom:30px;}
#id_pw_search .ipt_cont li {display:table;padding:4px 0;width:100%;}
#id_pw_search .ipt_cont li label {display:table-cell;width:13%;cursor:text;font-size:14px;font-family: 'NanumSquareB', sans-serif;}
#id_pw_search .ipt_group .ipt_select label {width:100%;}
#id_pw_search .ipt_cont .ipt_wrap {width:80%;padding-left:0;padding-right:0;}
#id_pw_search .tabmenu_wrap .tabStyleB li:first-child {margin-right:4px;}
#id_pw_search .ipt_cont .ipt_wrap .ipt_group {width:100%;line-height:36px;}
#id_pw_search .ipt_cont .ipt_wrap .basic_select {float:none;}
#id_pw_search .ipt_cont .ipt_wrap .ipt_group .ipt_select {width:30%;}
#id_pw_search .ipt_cont .phone span {text-align:center;}
#id_pw_search .ipt_cont .phone input, #id_pw_search .ipt_cont .phone .ipt_select {width:29.5%;}
#id_pw_search .ipt_cont .phone input, #id_pw_search .ipt_cont .phone .ipt_select, #id_pw_search .ipt_cont .phone span, #id_pw_search .ipt_cont .basic_select {float:left;}
#id_pw_search .ipt_cont {padding-bottom:15px;border-bottom:1px solid #eaeaea;}
#id_pw_search .btn_group {padding:30px 0;text-align:center;}
#id_pw_search .ipt_cont .ipt_wrap .ipt_group.explain {font-size:13px;line-height:150%;word-wrap: break-word;word-break:keep-all;overflow-wrap:break-word;}
#id_pw_search .btn_group .btn_typeA {padding-top:12px;padding-bottom:12px;font-size:17px;width:50%;}
#id_pw_search .tabmenu_wrap {margin-bottom:40px;}
#id_pw_search .tabmenu_wrap li {width:25%;}
#id_pw_search .call {background-color:#f3f3f3;padding:30px 0;}
#id_pw_search .call li {padding:5px 0;font-size:19px;color:#666;word-wrap: break-word;word-break:keep-all;overflow-wrap:break-word;}
#id_pw_search .call li:first-child a {font-size:28px;color:#ed1c24;}
#id_pw_search .call li strong {font-family:"NanumSquareB", sans-serif;font-weight:normal;color:#000;margin-right:15px;}
#id_pw_search .pw_wrap p {font-size:19px;word-wrap: break-word;word-break:keep-all;overflow-wrap:break-word;color:#000;line-height:140%;padding-bottom:30px;font-family:"NanumSquareL", sans-serif;}
#id_pw_search .pw_wrap p strong {font-size:21px;font-family:"NanumSquareB", sans-serif;font-weight:normal;}


/* agree */
#dont_email .pop_title h4::before {width:40px;height:38px;background:url(/image/common/icon_email.png) 0 0 no-repeat;background-size:contain;}
#clause_agree .pop_title h4::before, #collect_agree .pop_title h4::before, #individual_agree .pop_title h4::before {width:44px;height:33px;background:url(/image/common/icon_agree01.png) 0 0 no-repeat;background-size:contain;}
#dont_email .pop_scroll, #clause_agree .pop_scroll, #collect_agree .pop_scroll, #individual_agree .pop_scroll {overflow-y:scroll;height:calc(100% - 55px);min-height:200px;}
#dont_email .pop_cont, #clause_agree .pop_cont, #collect_agree .pop_cont, #individual_agree .pop_cont {font-size:14px;border:1px solid #e4e4e4;background-color:#f9f9f9;padding:10px;font-family:"NanumSquareR", sans-serif;line-height:140%;}


/* media_screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* @media screen and (orientation:portrait){
    .basic_pop {position: fixed;}
} */

/* @media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
    .basic_pop {position: absolute;top:0 !important;left:50%;-ms-transform: translate(-50%, 0%) !important;-webkit-transform: translate(-50%, 0%) !important;-moz-transform: translate(-50%, 0%) !important;transform: translate(-50%, 0%) !important;}
} */


@media screen and (max-width: 1080px){
}

@media screen and (max-width: 1024px){
	
}

@media screen and (max-width: 970px){
	
}

@media screen and (max-width: 768px){
    /* 기본팝업 */
    .basic_pop .pop_title h4 {font-size: 20px;}
    .basic_pop {padding: 40px 30px;max-width: 520px;}
    .basic_pop .pop_close a {width: 30px;height: 30px;}
    .jsbasic_pop {padding:30px;}
    .jsbasic_pop .pop_title h4 {font-size:21px;margin-bottom: 20px;}
	.jsbasic_pop .pop_close {width: 30px;height: 30px;}
    
    /* 회원가입 */
    #member_select .pop_title h4::before {width: 49px;height: 28px;}
    #member_select p {font-size: 14px;}
    #member_select .form_input {line-height:70px;margin-bottom: 20px;}
    #member_select .form_input li {font-size:13px;}

    /* 아이디 비밀번호찾기 */
    .find_choose_wrap {margin-bottom: 20px;}
    #id_pw_search .ipt_cont .ipt_wrap .ipt_group {line-height: 34px;}
    #id_pw_search .pop_title h4::before {width: 35px;height: 36px;}
    .find_choose_wrap {line-height: 34px;}

    /* 개인정보 및 이용약관 */
    #clause_agree .pop_title h4::before, #collect_agree .pop_title h4::before, #individual_agree .pop_title h4::before {width: 43px;height: 32px;}
    #dont_email .pop_title h4::before {width: 36px;height: 34px;}
    #dont_email .pop_scroll, #clause_agree .pop_scroll, #collect_agree .pop_scroll, #individual_agree .pop_scroll {height: calc(100% - 49px);font-size:13px;}
}



@media screen and (max-width: 640px){
    /* 기본팝업 */
    .basic_pop {padding: 35px 30px;max-width: 480px;}
    .basic_pop .pop_title h4 {font-size: 19px;margin-bottom: 25px;}
    .basic_pop .pop_close a {width: 28px;height: 28px;}
    .basic_pop.main_pop {max-width: 80%;padding:15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px;}
    .jsbasic_pop .pop_close {width:28px;height:28px;background-size: 37%;}

    /* 회원가입 */
    #member_select .pop_title h4::before {width: 46px;height: 26px;}
    #member_select p {font-size: 13px;}
    #member_select .form_input {line-height: 60px;}
    #member_select p {margin-bottom: 30px;}

    /* 아이디 비밀번호찾기 */
    .find_choose_wrap li {font-size: 14px;}
    #id_pw_search .pop_title h4::before {width: 33px;height: 34px;}
    .find_choose_wrap {font-size: 14px;line-height: 33px;}
    #id_pw_search .ipt_cont li label {font-size: 13px;}
    #id_pw_search .ipt_cont .ipt_wrap .ipt_group {line-height: 32px;}
    #id_pw_search .ipt_cont .ipt_wrap .ipt_group.explain {font-size: 12px;}
    #id_pw_search .ipt_cont {padding-bottom: 10px;}

    /* 개인정보 및 이용약관 */
    .jsbasic_pop .pop_title h4 {font-size:20px;}
    #clause_agree .pop_title h4::before, #collect_agree .pop_title h4::before, #individual_agree .pop_title h4::before {width: 40px;height: 30px;}
    #dont_email .pop_title h4::before {width: 30px;height: 32px;}
    #id_pw_search .ipt_cont .ipt_wrap .ipt_group {line-height: 31px;}
}

@media screen and (max-width: 580px){
    /* 아이디 비밀번호찾기 */
    #id_pw_search .ipt_cont .ipt_wrap .ipt_group .ipt_select {float:none;width:100%;margin-bottom:5px;}
    #id_pw_search .ipt_cont .phone .ipt_group input {width:49%;}
    #id_pw_search .ipt_cont .phone .ipt_group .hide {display:none;}
    #id_pw_search .ipt_cont .phone .ipt_group span {text-indent:-9999px;width:2%;}
    #id_pw_search .ipt_cont li {padding: 5px 0;}
	
}

@media screen and (max-width: 480px){
    /* 기본팝업 */
    .basic_pop {padding:40px 30px;max-width: 430px;}
    .basic_pop .pop_close a {width: 30px;height: 30px;}
    .basic_pop.main_pop .pop_btn .left {font-size: 13px;}
    .basic_pop.main_pop .pop_content section {min-width:auto;}
    .basic_pop .pop_title h4 {font-size: 18px;}
    #pop_slider .owl-controls .owl-pagination .owl-page span {width:11px;height:11px;}

    /* 회원가입 */
    #member_select .btn_type04 {width:100%;}
    #member_leave .text_center .btn_type01 {font-size: 18px;line-height: 40px;}

    /* 아이디 비밀번호찾기 */
    .find_choose_wrap li {font-size: 13px;}
    .find_choose_wrap {line-height: 30px;}
    #id_pw_search .pop_title h4::before {width: 31px;height:32px;}
    #id_pw_search .ipt_cont li label {font-size: 12px;}
    #id_pw_search .ipt_cont {margin-bottom: 30px;}
    #id_pw_search .btn_type04 {width:100%;}
    #id_pw_search .ipt_cont .ipt_wrap .ipt_group {line-height: 29px;}

    /* 개인정보 및 이용약관 */
    .jsbasic_pop {padding:30px 20px;}
    .jsbasic_pop .pop_close {right: 20px;width: 26px;height: 26px;}
    #dont_email .pop_cont, #clause_agree .pop_cont, #collect_agree .pop_cont, #individual_agree .pop_cont {font-size: 12px;}
}

@media screen and (max-width: 430px){
    /* 기본팝업 */
    .basic_pop {padding:40px 20px;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;height:100%;left:0;top:0;bottom:0;-ms-transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    .basic_pop .pop_title h4 {font-size: 17px;}
    .basic_pop .pop_close a {width: 27px;height: 27px;}

    /* main 팝업 */
    .basic_pop.main_pop {padding:15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px;height:auto;bottom:auto;}

    /* 회원가입 */
    #member_select .pop_title h4::before {width: 49px;height: 24px;}
    #member_select p {font-size: 11px;}
    #member_select .form_input {line-height: 50px;}
    #member_select .form_input li {font-size:12px;}

    #member_leave .leave_reason p {font-size:12px;}
    
    #member_leave .text_center .btn_type01 {font-size: 16px;line-height: 36px;width:100%;}

}

@media screen and (max-width: 360px){
    /* 메인팝업 */
    .basic_pop.main_pop {padding:10px;min-width:auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;}
    .basic_pop.main_pop .pop_btn .left {font-size:12px;}
    .basic_pop.main_pop .pop_btn .right img {width: 11px;height: 11px;}
}

@media screen and (max-width: 320px){
    /* 기본팝업 */
    #pop_slider .owl-controls .owl-pagination .owl-page span {width:10px;height:10px;}
    .basic_pop .pop_close a {width: 24px;height: 24px;}
    
    .jsbasic_pop {padding:25px 20px 20px;}
    .jsbasic_pop .pop_close {width: 24px;height: 24px;top:15px;}
    .jsbasic_pop .pop_title h4 {font-size: 17px;margin-bottom: 12px;}

	/* 회원가입 */
    .basic_pop.main_pop {max-width: 90%;}
    #member_select .pop_title h4::before {width: 39px;height: 22px;}
    #member_select p {line-height:140%;}
    #member_select .form_input {margin-bottom: 15px;}

    /* 아이디 비밀번호찾기 */
    .find_choose_wrap {line-height: 28px;margin-bottom: 15px;}
    .find_choose_wrap li {font-size: 12px;}
    #id_pw_search .ipt_cont li label {width:15%;}
    #id_pw_search .ipt_cont .ipt_wrap {line-height: normal;width:75%;}
    #id_pw_search .ipt_cont .ipt_wrap .ipt_group.explain {font-size: 11px;}
    #id_pw_search .ipt_cont .ipt_wrap .ipt_group {line-height: 25px;}

    /* 개인정보 및 이용약관 */
    #clause_agree .pop_title h4::before, #collect_agree .pop_title h4::before, #individual_agree .pop_title h4::before {width: 34px;height: 26px;}
    #dont_email .pop_scroll, #clause_agree .pop_scroll, #collect_agree .pop_scroll, #individual_agree .pop_scroll {height: calc(100% - 35px);}
}