@charset "UTF-8";

/*.layer_wrap{z-index: 8888;}*/
.p_layer{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.p_layer.on{display: block;}
/*.p_layer .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}*/
.p_layer .pop_layer{display: block; position: absolute; z-index: 9999; top: 100px; left: 50%;}
.p_layer .pop_wrap{position: relative; background: #FFF; }

.p_layer .pop_wrap .pop_header{height: 48px; background: #522c68; line-height: 48px; padding: 0 20px}
.p_layer .pop_wrap .pop_header p.tit{color: #FFF; font-size: 20px; display: inline;}
.p_layer .pop_wrap .pop_header button.btn-close{float: right; font-size: 0; width: 18px; height: 18px; margin-top: 15px; background: url(../images/pop/pop_close.png) 0 0 no-repeat;}

.p_layer .pop_wrap .pop_con{background: #FFF; max-height: 560px; overflow-y: auto; min-height: 500px; }
.p_layer .pop_wrap .pop_con_h_auto{max-height: 100%;} 
.p_layer .pop_wrap .pop_con .txt_add{margin: 10px 0; color: #522c68; letter-spacing: -0.5px; font-family: 'Noto Sans Light', 'LGSmHaR lighte';} 
.p_layer .pop_wrap .pop_con .txt_add+.txt_add{margin: 5px 0 30px; letter-spacing: -0.7px;}


/*190404 추가 시작*/
/*이용약관 팝업 순서*/
.p_layer.layer_notice{z-index: 99999; display: block;}
.p_layer.layer_terms{z-index: 8889;}
.p_layer.layer_next_notice{z-index: 8889;}
/*190404 추가 끝*/


/*이용약관*/
.p_layer.layer_terms .pop_wrap{width: 700px; margin-left: -350px; overflow: hidden;}
.p_layer .terms_con{padding: 0 15px 0 20px; margin: 30px 0; background: #FFF; overflow-y: scroll; max-height: 610px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p_layer.layer_terms .con_tit{font-size: 26px; line-height: 170%; border-bottom: 1px solid #522c68; font-family: 'LGSmHaR'; }
.p_layer.layer_terms .pop_txt_tit{font-size: 15px; font-family: 'Noto Sans', 'LGSmHaR'; letter-spacing: -0.5px; margin-bottom: 5px; font-weight: 600;}
.p_layer.layer_terms .terms_list>li{margin-top: 15px;}
.p_layer.layer_terms .terms_list .list_tit{font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; letter-spacing: -0.5px; margin-bottom: 5px; font-weight: 600;}
.p_layer.layer_terms .terms_list .list_txt{font-size: 15px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; letter-spacing: -0.5px; line-height: 150%;}
.p_layer.layer_terms .terms_list .list_txt.tx_in{text-indent: -15px; margin-left: 15px;}
.p_layer.layer_terms .terms_list .list_txt>li{margin-top: 3px;}
.p_layer.layer_terms .terms_list .list_txt>li+li{margin-top: 3px;}
.p_layer.layer_terms .terms_list .list_txt p.list_txt_tx{padding-left: 15px;letter-spacing: -0.5px; font-size: 14px; line-height: 160%; margin-left: 15px; text-indent: -15px;}
.p_layer.layer_terms .terms_list .list_txt p.list_txt_tx.list_txt_no{text-indent: 0; margin-left: 0;}
.p_layer.layer_terms .terms_list .list_txt ul li{font-size: 14px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; margin-left: 45px; text-indent: -18px; letter-spacing: -0.5px; line-height: 160%;}
.p_layer.layer_terms .terms_list .list_txt+p.list_txt{margin-top: 5px;}
.p_layer.layer_terms .terms_list_in .list_txt ul li{margin-left: 35px; text-indent: -8px;}

.p_layer.layer_terms .terms_tb{margin-top: 30px;}
.p_layer.layer_terms .terms_tb_tit{margin-bottom: 10px; font-size: 17px; font-family: 'Noto Sans bold', 'LGSmHaR';}
.p_layer.layer_terms .terms_tb_txt{margin-bottom: 10px;}
.p_layer.layer_terms .terms_tb table{text-align: center; margin-bottom: 20px; border-top: 1px solid #3f92e7;}
.p_layer.layer_terms .terms_tb table th{text-align: center; height: 40px; border-bottom: 1px solid #e8e8e8; font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; }
.p_layer.layer_terms .terms_tb table td{text-align: center; height: 40px; border-bottom: 1px solid #e8e8e8; font-size: 15px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; padding: 10px 15px; line-height: 160%;}
.p_layer.layer_terms .terms_tb table .txt_lf{text-align: left;}
.p_layer.layer_terms .terms_tb table .bd_all{border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.p_layer.layer_terms .terms_tb table .bd_rt{border-right: 1px solid #e8e8e8;}
.p_layer.layer_terms .terms_tb table .fir_tx{font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; color: #333333}

.p_layer.layer_terms .terms_tb2{margin-top: 15px;}
.p_layer.layer_terms .terms_tb2 table{text-align: center; margin-bottom: 15px; border-top: 1px solid #3f92e7; border-bottom: 1px solid #e8e8e8;}
.p_layer.layer_terms .terms_tb2 table th{text-align: center; height: 40px; font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; }
.p_layer.layer_terms .terms_tb2 table td{text-align: left; min-height: 40px; border-top: 1px solid #e8e8e8; font-size: 15px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; vertical-align: top; padding: 10px 15px; line-height: 160%;}
.p_layer.layer_terms .terms_tb2 table td.bd_all{border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.p_layer.layer_terms .terms_tb2 table td.bd_rt{border-right: 1px solid #e8e8e8;}
.p_layer.layer_terms .th_bd_top th{ border-top: 1px solid #e8e8e8;}
.p_layer.layer_terms .th_bd_top th.bd_all{border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.p_layer.layer_terms .terms_tb2 table td p{ font-size: 14px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; line-height: 160%; text-indent: -16px; margin-left: 8px;}



/*로그인*/
/* 아이디찾기, 비밀번호찾기, 관리자 휴대폰인증 */
.login_layer{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.login_layer .login_pop_wrap{position: relative; width: 420px; margin-left:-210px; background: #FFF; z-index: 8888;}
.login_layer .login_pop_wrap.login_pop_wrap2{width: 370px;}
.login_layer .login_pop_wrap p,
.login_layer .login_pop_wrap p span,
.login_layer .login_pop_wrap li {color: #666666; font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; letter-spacing: -0.5px; }

.login_layer .login_pop_header{height: 48px; background: #522c68; line-height: 48px; padding: 0 20px}
.login_layer .login_pop_header.txtsup{line-height: 43px;}
.login_layer .login_pop_header p.tit{color: #FFF; font-size: 18px; display: inline;}
.login_layer .login_pop_header p sup{color: #FFF; font-size: 18px;}
.login_layer .login_pop_header button.btn-close{float: right; font-size: 0; width: 18px; height: 18px; margin-top: 15px; background: url(../images/pop/pop_close.png) 0 0 no-repeat;}

.login_layer .login_id_con{padding: 25px 25px 25px 35px; height: 143px; border: 1px solid #b7b7b7; background: #FFF;}
.login_layer .login_id_txt.list_dot li{list-style: square; text-indent: -4px; margin-left: 10px;} 
.login_layer .layer_btn_close{width: 100%; overflow: hidden; height: 42px; position: absolute; left: 0;	bottom: 25px; text-align: center;}
.login_layer .layer_btn_close button{width: 80px; height: 42px; font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; background: #bd62bc; color: #FFF;}
.login_layer .layer_btn_close button+button{margin-left: 10px;}
.login_layer .layer_btn_close .login_btn_close2{width: 164px;}
.login_layer .layer_btn_close .login_btn_close3{background: #b3b3b3;}

.login_layer .login_password_con{padding: 25px; height: 215px; border: 1px solid #b7b7b7; background: #FFF;}
.login_layer .login_password_con .login_inputbox label{font-size: 14px; margin-bottom: 10px; display: block;}
.login_layer .login_password_con .login_inputbox input{font-size: 18px; color:#959595; text-align: center; height: 40px; line-height: 40px; padding-left: 0; padding-bottom: 2px; border: 1px solid #d4d4d4; }
.login_layer .login_password_con .login_inputbox input::-webkit-input-placeholder {color:#959595 !important; font-family:'Noto Sans' ,'LGSmHaR';}
.login_layer .login_password_con .login_inputbox input:-moz-placeholder {color:#959595 !important; font-family:'Noto Sans' ,'LGSmHaR';} /* FF 4-18 */
.login_layer .login_password_con .login_inputbox input::-moz-placeholder {color:#959595 !important; font-family:'Noto Sans' ,'LGSmHaR';} /* FF 19+ */
.login_layer .login_password_con .login_inputbox input:-ms-input-placeholder {color:#959595 !important; font-family:'Noto Sans' ,'LGSmHaR';} /* IE 10+ */

.login_layer .login_password_con .login_inputbox.color_black input{font-size: 18px; color:#666666; text-align: center; height: 40px; padding-left: 0; padding-bottom: 2px; border: 1px solid #d4d4d4; }
.login_layer .login_password_con .login_inputbox.color_black input::-webkit-input-placeholder {color:#666666 !important; font-family:'Noto Sans' ,'LGSmHaR';}
.login_layer .login_password_con .login_inputbox.color_black input:-moz-placeholder {color:#666666 !important; font-family:'Noto Sans' ,'LGSmHaR';} /* FF 4-18 */
.login_layer .login_password_con .login_inputbox.color_black input::-moz-placeholder {color:#666666 !important; font-family:'Noto Sans' ,'LGSmHaR';} /* FF 19+ */
.login_layer .login_password_con .login_inputbox.color_black input:-ms-input-placeholder {color:#666666 !important; font-family:'Noto Sans' ,'LGSmHaR';} /* IE 10+ */

.login_layer .login_password_con .login_inputbox.inputbox3 {overflow: hidden;}
.login_layer .login_password_con .login_inputbox.inputbox3 select{float: left; width: 30%; height: 40px; font-size: 18px; border: 1px solid #d4d4d4;}
.login_layer .login_password_con .login_inputbox.inputbox3 input{float: left; width: 30%;}
.login_layer .login_password_con .login_inputbox.inputbox3 span{float: left; display:block; width: 5%; padding: 8px 0; text-align: center;}




/*190404 추가 시작*/
/*메인 이용약관 변경 안내 팝업*/
.p_layer.notice .pop_layer{top: 55px; left: 0;}
.p_layer.notice .pop_wrap{width: 690px; margin-left: 60px; overflow: hidden;}
.p_layer.notice .notice_con{padding: 25px 30px; max-height: 440px; min-height: 400px; overflow-y: hidden;}
.p_layer.notice .con_tit{font-size: 26px; line-height: 170%; border-bottom: none; text-align: center; font-family: "LGSmHaR bold";}
.p_layer.notice .con_tit sup{font-size: 26px; line-height: 0; font-family: "LGSmHaR bold";}
.p_layer.notice .pop_txt_tit{font-size: 15px; font-family: 'Noto Sans', 'LGSmHaR'; letter-spacing: -0.5px; margin-bottom: 5px; font-weight: 600;}
.p_layer.notice .con_top_txt{text-align: center; margin-top: 10px; font-size: 16px; font-family: 'LGSmHaR';line-height: 140%; font-weight: bold; color: #666666}

.p_layer.notice .pop_center_box{padding: 18px; margin-top: 15px; background: #f8f8f8;}
.p_layer.notice .pop_center_box dt:first-child{margin-top: 0;}
.p_layer.notice .pop_center_box dt{font-size: 15px; font-family:'Noto Sans bold' ,'LGSmHaR bold'; color: #2c2c2c; margin: 7px 0 3px; padding-left: 8px; background: url(../images/common/list_dot_1.png) 0 center no-repeat;}
.p_layer.notice .pop_center_box dd{font-size: 15px; font-family:'Noto Sans' ,'LGSmHaR'; color: #595858; margin-left: 3px; padding-left: 8px; text-indent: -8px; line-height: 150%; letter-spacing: -0.5px;}
.p_layer.notice .pop_center_box sup{font-size: 15px; font-family:'Noto Sans' ,'LGSmHaR'; color: #595858; line-height: 0;}
.p_layer.notice .pop_center_box p{font-size: 15px; font-family:'Noto Sans' ,'LGSmHaR'; color: #595858; margin-top: 10px;}

.p_layer.notice .pop_btn_box{margin-top: 15px; text-align: center;}
.p_layer.notice .pop_btn_box a{display: inline-block; width: 28%; padding: 10px 0; border: 1px solid #522c68; color: #522c68; font-size:18px; font-family: "LGSmHaR"; margin-left: 10px;}
.p_layer.notice .pop_btn_box a:first-child{margin-left: 0;}


/*이용약관 변경 팝업*/
.p_layer.layer_terms2 .pop_wrap{width: 700px; margin-left: -350px; overflow: hidden;}
.p_layer.layer_terms2 .terms_con{padding: 0 15px 0 20px; margin: 30px 0; background: #FFF; overflow-y: scroll; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p_layer.layer_terms2 .con_tit{font-size: 26px; line-height: 170%; border-bottom: 1px solid #522c68; font-family: 'LGSmHaR'; }
.p_layer.layer_terms2 .pop_txt_tit{font-size: 15px; font-family: 'Noto Sans', 'LGSmHaR'; letter-spacing: -0.5px; margin-bottom: 5px; font-weight: 600;}
.p_layer.layer_terms2 .terms_list>li{margin-top: 15px;}
.p_layer.layer_terms2 .terms_list .list_tit{font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; letter-spacing: -0.5px; margin-bottom: 5px; font-weight: 600;}
.p_layer.layer_terms2 .terms_list .list_txt{font-size: 15px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; letter-spacing: -0.5px; line-height: 150%;}
.p_layer.layer_terms2 .terms_list .list_txt.tx_in{text-indent: -15px; margin-left: 15px;}
.p_layer.layer_terms2 .terms_list .list_txt>li{margin-top: 3px;}
.p_layer.layer_terms2 .terms_list .list_txt>li+li{margin-top: 3px;}
.p_layer.layer_terms2 .terms_list .list_txt p.list_txt_tx{padding-left: 15px;letter-spacing: -0.5px; font-size: 14px; line-height: 160%; margin-left: 15px; text-indent: -15px;}
.p_layer.layer_terms2 .terms_list .list_txt p.list_txt_tx.list_txt_no{text-indent: 0; margin-left: 0;}
.p_layer.layer_terms2 .terms_list .list_txt ul li{font-size: 14px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; margin-left: 45px; text-indent: -18px; letter-spacing: -0.5px; line-height: 160%;}
.p_layer.layer_terms2 .terms_list .list_txt+p.list_txt{margin-top: 5px;}
.p_layer.layer_terms2 .terms_list_in .list_txt ul li{margin-left: 35px; text-indent: -8px;}

.p_layer.layer_terms2 .terms_tb{margin-top: 10px;}
.p_layer.layer_terms2 .terms_tb_tit{margin-bottom: 10px; font-size: 17px; font-family: 'Noto Sans bold', 'LGSmHaR';}
.p_layer.layer_terms2 .terms_tb_txt{margin-bottom: 10px;}
.p_layer.layer_terms2 .terms_tb table{text-align: center; margin-bottom: 5px; border-top: 1px solid #3f92e7;}
.p_layer.layer_terms2 .terms_tb table th{text-align: center; height: 30px; border-bottom: 1px solid #e8e8e8; font-size: 14px; font-family: 'Noto Sans', 'LGSmHaR'; padding: 3px 0; background: #f8f8f8; }
.p_layer.layer_terms2 .terms_tb table td{text-align: center; height: 30px; border-bottom: 1px solid #e8e8e8; font-size: 14px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; padding: 3px 5px; color: #666666; line-height: 160%;}
.p_layer.layer_terms2 .terms_tb table .txt_lf{text-align: left;}
.p_layer.layer_terms2 .terms_tb table .bd_all{border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.p_layer.layer_terms2 .terms_tb table .bd_rt{border-right: 1px solid #e8e8e8;}
.p_layer.layer_terms2 .terms_tb table .fir_tx{font-size: 14px; font-family: 'Noto Sans', 'LGSmHaR'; color: #333333}

.p_layer.layer_terms2 .terms_tb2{margin-top: 15px;}
.p_layer.layer_terms2 .terms_tb2 table{text-align: center; margin-bottom: 15px; border-top: 1px solid #3f92e7; border-bottom: 1px solid #e8e8e8;}
.p_layer.layer_terms2 .terms_tb2 table th{text-align: center; height: 40px; font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; }
.p_layer.layer_terms2 .terms_tb2 table td{text-align: left; min-height: 40px; border-top: 1px solid #e8e8e8; font-size: 15px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; vertical-align: top; padding: 10px 15px; line-height: 160%;}
.p_layer.layer_terms2 .terms_tb2 table td.bd_all{border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.p_layer.layer_terms2 .terms_tb2 table td.bd_rt{border-right: 1px solid #e8e8e8;}
.p_layer.layer_terms2 .th_bd_top th{ border-top: 1px solid #e8e8e8;}
.p_layer.layer_terms2 .th_bd_top th.bd_all{border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.p_layer.layer_terms2 .terms_tb2 table td p{ font-size: 14px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; line-height: 160%; text-indent: -16px; margin-left: 8px;}
/*190404 추가 끝*/