@charset "utf-8";
.wrap {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
}
.wrap .top_area {
    padding: 20px 50px 20px 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #E9E9E9;
}
.wrap .top_area h1 {
    width: 230px;
}
.wrap .top_area h1 img {
    width: 164px;
}
.wrap .top_area .top_nav {
    /*max-width: 420px;*/
    width: 280px;
    margin: auto 0;
}
.wrap .top_area .top_nav ul {
    font-size: 0;
}
.top_area .top_nav ul li {
    display: inline-block;
    font-size: 18px;
    font-family: one_T;
    margin-right: 40px; 
}
.top_area .top_nav ul li.on {
    border-bottom: 3px solid #000;
}
.top_area .top_nav ul li:last-child {
    margin-right: 0;
}
.top_area .login_area {
   width: auto;
    margin: 0 auto;
}
.top_area .login_area .inp_login {
    width: 150px;
    height: 40px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}
.top_area .login_area .inp_login::placeholder {
    font-size: 14px;
    color: #858585;
}
.top_area .login_area .btn_login {
    width: 80px;
    height: 40px;
    border: none;
    border-radius: 5px;
    background: #000;
    font-size: 14px;
    color: #fff;
    margin-left: 5px;
}
.top_area .login_area .login_info {
    font-size: 14px;
}
.top_area .login_area .login_info .name {
    font-family: one_T;
    display: inline-block;
    margin-right: 5px;
    line-height: 18px;
}
.top_area .login_area .login_info .date {
   font-size: 13px;
}
.top_area .login_area .login_info .badge {
    display: inline-block;
    padding: 0px 10px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    background: #666;
    color: #fff;
    border-radius: 15px;
    margin-right: 5px;
}
.top_area .top_icon_li {
    margin-left: auto;
}
.top_area .top_icon_li ul {
    font-size: 0;
}
.top_area .top_icon_li ul li {
    display: inline-block;
}
.wrap .top_area .icon_m {
    display: none;
}
.wrap .top_area .icon_m img {
    width: 35px;
}
.top_area .top_icon_li .icon_m li {
    margin-right: 15px;
}
.top_area .top_icon_li .icon_m li:last-child {
    margin-right: 0px;
}
.top_area .top_icon_li .icon_w img {
    margin-right: 5px;
    vertical-align: middle;
}
.top_area .top_icon_li .icon_w li span {
    /*display: block;*/
    font-size: 12px;
    color: #787878;
    text-align: center;
    line-height: 0;
    padding-top: 3px;
    letter-spacing: -0.5px;
}
.top_area .top_icon_li .icon_w li {
    line-height: 40px;
}
.top_area .top_icon_li .icon_w li {
    margin-right: 15px;
}
.top_area .top_icon_li .icon_w li:last-child {
    margin-right: 0px;
}
.top_ad_line {
    background: #A4A4A4;
}
.top_ad_line .ad_area2{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.top_ad_line .ad_area2 .ad_txt {
    font-family: one_B;
    color: #fff;
    line-height: 48px; 
    height:48px;
    max-height:48px
}
.top_ad_line .ad_area2 .inp_check {
    margin-left: auto;
    color: #fff;
    line-height: 48px;
}
.top_ad_line .ad_area2 .inp_check label {
    display: inline-block;
    margin-left: 10px;
}
.top_ad_line .ad_area2 .inp_check img {
    margin-left: 10px;
    vertical-align: middle;
}
.top_ad_line .ad_area2 .inp_check input[type="checkbox"]{
    appearance: none; /* 기본(네이티브) 모양을 제거 */
    box-sizing: border-box;
    background-clip: content-box;
    padding: 0.25em;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle;
}
.top_ad_line .ad_area2 .inp_check input[type="checkbox"]:checked {
    background-color: #fff;
}
.ad_area2 .ad_close {
    display: none;
}
/*** 메인 ***/

.main_area .top_br {
    min-height: 250px;
    height: auto;
}
.main_area .top_br .outer_box {
    position: relative;
    width: calc(100% * 1/4 - 15px);
    /*height: 0;*/
	height:unset !important;
}
.main_area .top_br .outer_box::before {
    content: "";
    display: block;
    padding-bottom: 87.75%;
    box-sizing: border-box;
}
.main_area .top_br .outer_box .br_st_01 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 20px;
}
.main_area .top_br .outer_box:last-child {
    margin-right: 0;
}
.main_area .top_br .br_extend {
    background: url(../images/main_img_extend.png) no-repeat right bottom #9044B4;
    background-size: contain;
}
.main_area .top_br .br_sale{
    background: url(../images/main_img_sale.png) no-repeat right bottom #F57932;
    background-size: contain;
}
.main_area .top_br .br_A101{
    /*background: url(../images/main_img_A101.png) no-repeat right bottom #E3E3E3;*/
    background: url(../images/main_img_A101.png) no-repeat right bottom, linear-gradient(to bottom,#E3E3E3 50%, #D9D9D9 100% );
    background-size: contain;
}
.main_area .top_br .br_opclass{
    background: url(../images/main_img_opclass.png) no-repeat right bottom #D9E8FF;
    background-size: contain;
}
.main_area .top_br .br_st_01 .br_tit {
    padding: 35px 10px 10px 30px;
    font-family: one_T;
    font-size: 22px;
}
.main_area .top_br .br_st_01 .br_txt {
    width: 70%;
    padding-left: 30px;
    word-wrap:break-word;
    white-space: normal;
    word-break:keep-all;
    font-size: 15px;
}
.main_area .top_br .br_extend p, .main_area .top_br .br_sale p {
    color: #fff
}
.bg_pink {
    background: #FFE8E8;
}
.bg_green {
    background: #E5F6E4;
}
.bg_yellow {
    background: #FFF8D3;
}
.bg_purple {
    background: #EEE8FA;
}
.bg_blue {
    background: #D9E8FF;
}
.bg_skyblue {
    background: #DDF1F6;
}
.bg_gray {
    background: #F3F4F6;
}
.main_area .br_four .block {
    display: block;
    width: calc(100% * 1/4 - 15px);
}
.main_area .br_two .block {
    display: block;
    width: calc(50% - 5px);
}
.main_area .br_area .br_st_02 {
    min-height: 115px;
    border-radius: 10px;
    position: relative;
}
.main_area .br_area.mgt_01 {
    margin-top: 40px;
}
.main_area .mgt_02 {
    margin-top: 20px;
}
.main_area .br_st_02 .br_tit {
    padding: 30px 10px 5px 30px;
    font-family: one_T;
    font-size: 18px;
}
.main_area .br_st_02 .br_txt{
    padding: 0 30px 0 30px;
    font-size: 15px;
}
.main_area .br_st_02 .br_img {
    position: absolute;
    right: 20px;
    bottom: 25px;
}
.main_area .br_st_02 .br_img img {
    width: 65px;
}
.box_line_02 {
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
}
.br_st_03.box_line_02 {
    min-height: 115px;
    background: url(../images/img_arr_01.png) no-repeat bottom 15px right 20px;
}
.main_area .br_st_03 .br_tit {
    font-family: one_T;
    font-size: 16px;
}
.main_area .br_st_03 .br_txt_02 {
    font-size: 14px;
    font-family: one_B;
    color: #B4B4B4;
}
.main_area .br_three .block {
    display: block;
    width: calc(100% * 1/3 - 6.7px);
}
.br_three .box_line_02 {
    padding: 20px 10px !important;
}
.main_area .br_area .br_st_04 {
    min-height: 76px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 11px;
}
.main_area .br_area .br_st_04.last {
    margin-bottom: 0;
}
.main_area .br_st_04 .br_tit {
    padding: 15px 10px 0px 30px;
    font-family: one_T;
    font-size: 18px;
}
.main_area .br_st_04 .br_txt {
    margin-top: -2px;
    padding: 0 30px 0 30px;
    font-size: 15px;
}
.main_area .br_st_04 .br_img {
    position: absolute;
    right: 15px;
    bottom: 7px;
}
.main_area .br_st_04 .br_img img {
    width: 60px;
}
.main_area .counsel_area.mgt {
    margin-top: 80px;
}
.main_area .class_area.mgt {
    margin-top: 80px;
}
/*** 운세  메인 ***/
.unse_main .top_br .outer_box {
    position: relative;
    width: calc(100%* 1 / 3 - 15px);
}
.unse_main .top_br .outer_box::before {
    content: "";
    display: block;
    padding-bottom: 65%;
    box-sizing: border-box;
}
.unse_main .top_br .br_A101 {
    background: url(../images/main_img_A101_02.png) no-repeat right bottom #D9E8FF;
    background-size: contain;
}
.unse_main .top_br .br_A104 {
    background: url(../images/main_img_A104_02.png) no-repeat right bottom #E5F6E4;
    background-size: contain;
}
.unse_main .top_br .br_A102 {
    background: url(../images/main_img_A102_02.png) no-repeat right bottom #FFF8D3;
    background-size: contain;
}
.unse_main .br_three_02 .block {
    display: block;
}
.unse_main .br_three_02 .block:first-child {
    width: calc( 50% - 10px);
    margin-right: 10px;
}
.unse_main .br_three_02 .block:nth-child(n+2) {
    width: calc( 25% - 15px);
}
.unse_main .br_three_02 .block:nth-child(2) {
    margin: 0 20px 0 10px;
}
.unse_main .br_two_02>.block:first-child {
    width: calc(1/3 * 100% - 22px);
} 
.unse_main .br_two_02>.block:last-child {
    width: calc(2/3 * 100%);
} 
.unse_main .no_line .box_line_02 {
    border: none;
    padding: 0 !important;
    min-height: 75px;
    margin-bottom: 0;
}
.unse_main .no_line .box_line_02 .br_tit {
    padding-top: 15px;
}
.unse_main .no_line.br_two .block:nth-child(even) {
  padding-left: 20px;
  box-sizing: border-box;
}
.unse_main .no_line.br_two .block:nth-child(even) .br_st_05.box_line_02 {
    background-position: center right 5px;
}
.br_st_05.box_line_02 {
    min-height: 85px;
    background: url(../images/img_arr_01.png) no-repeat center right 25px;
    margin-bottom: 20px;
}
.unse_main .br_two_02>.block:last-child .br_st_05.box_line_02 {
    margin-bottom: 0px;
}
.br_st_05.box_line_02.last {
    margin-bottom: 0;
}
.unse_main .box_line_02.block_four  {
    min-height: 195px;
}
.main_area .br_st_05 .br_tit {
    font-family: one_T;
    font-size: 16px;
    /*line-height: 140%;*/
}
.main_area .br_st_05 .br_txt {
    font-size: 13px;
    padding-right: 50px;
}
.unse_main .br_three_03 .block {
    width: calc(1/3 * 100% - 14px);
}
.unse_main .br_four.h_100 .br_st_02 {
    min-height: 100%;
}
.unse_main .br_four.h_100 .box_line_02 {
    padding: 10px 15px !important;
    min-height: 76px;
}
.unse_main .br_four.h_100 .box_line_02 {
    margin-bottom: 15px;
} 
.unse_main .br_four.h_100 .box_line_02.last{
    margin-bottom: 0;
}
.unse_main .br_st_05.h_50 {
    min-height: calc(50% - 7px) !important;
}
.unse_main .br_st_05.h_50 .br_tit {
    margin: 25px 0 5px 0;
}
/*** 타로메인 ***/
.tarot_main .top_br .outer_box {
    position: relative;
    width: calc(100%* 1 / 4 - 15px);
}
.tarot_main .top_br .outer_box::before {
    content: "";
    display: block;
    padding-bottom: 65%;
    box-sizing: border-box;
}
.unse_main .top_br .br_A213 {
    background: url(../images/main_img_A213.png) no-repeat right bottom #FFE8E8;
    background-size: contain;
}
.unse_main .top_br .br_A200 {
    background: url(../images/main_img_A200.png) no-repeat right bottom #FFF8D3 ;
    background-size: contain;
}
.unse_main .top_br .br_A203 {
    background: url(../images/main_img_A203.png) no-repeat right bottom #E5F6E4;
    background-size: contain;
}
.unse_main .top_br .br_tarotcp {
    background: url(../images/main_img_tarotcp.png) no-repeat right bottom #ddf1f6;
    background-size: contain;
}
.tarot_main .br_st_02.bg_gray.h_50 {
    min-height: 115px;
    height: calc(50% - 10px);
}
.tarot_main .br_four .block a:first-child .br_st_02{
    margin-bottom: 20px;
}
.tarot_main .br_four .br_st_05.box_line_02 {
    margin-bottom: 10px;
}
/*** 운세 결과 ***/
.wrap .container {
    width: 1200px;
    margin: 0 auto;
    padding: 70px 0px 0px 0px;
    box-sizing: border-box;
}
.container h2.page_tit {
    font-size: 35px;
    font-family: one_T;
    font-weight: normal;
    margin-bottom: 35px;
	position: relative;
}
.container h2.page_tit.mgt {
    margin-top: 70px;
}
.container h2 .tit_txt {
    font-size: 14px;
}
.container h2.page_tit .btn_more {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 13px;
    font-family: one_R;
    display: inline-block;
    line-height: normal;
}
.box_line {
    padding: 40px 50px;
    border: 1px solid #E0E0E0;
    border-radius: 15px;
}

.result_area .saju_info li{
    margin-bottom: 20px;
    word-wrap:break-word;
    white-space: normal;
    word-break:keep-all;
}
.result_area .saju_info li:last-child {
    margin-bottom: 0;
}
.saju_info li span.tit  {
    display: inline-block;
    width: 100px;
    font-family: one_T;
}
.result_area .res_cont {
    margin-top: 70px;
}
.result_area .res_cont h3.tit {
    font-size: 22px;
    font-family: one_T;
    font-weight: normal;
    display: inline-block;
    border-bottom: 2px solid #000;
}
.result_area .res_cont h3.tit_02 {
    font-size: 20px;
    font-family: one_T;
    font-weight: normal;
    display: inline-block;
}
.result_area .res_cont h4.tit_02 {
    font-size: 18px;
    font-family: one_T;
    font-weight: normal;
}
.result_area .res_cont .content {
    margin-top: 40px;
}
/*** 정통운세 ***/
.ico_color {
    text-align: right;
}
.ico_color li {
    display: inline-block;
    font-size: 12px !important;
    padding: 0 5px 5px 0;
}
.score_exem {
    background: #f6f6f6;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 10px;
}
.score_exem ul li {
    display: inline-block;
    padding: 5px;
    font-size: 13px;
}
.res_cont .up_list li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 10px;
}

.res_cont .up_list_decimal li {
    list-style: decimal;
    margin-left: 20px;
    margin-bottom: 10px;
}
.res_cont .day_unse_table {
    margin-top:0 ;
}
.res_cont .day_unse_li .li_01 {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 20px;
}
.res_cont .day_unse_table .li_cont li:first-child  {
   font-weight: bold;
}
.tab_unse_month li.off {
    background: #f6f6f6;
}
.tab_unse_month li.on {
    background: #525252;
    color: #fff;
}
.tab_unse_month li {
    display: inline-block;
    width:calc(1/6 * 100% - 2px);
    text-align: center;
    background: #f6f6f6;
    font-weight: bold;
    margin: 1px -1px;
    padding: 5px 0px;
    border-radius: 5px;
}
.sel_month_txt {
    text-align: left;
    font-weight: bold;
    margin-top: 20px;
    font-size: 18px;
    text-align: center;
}
/***신토정비결 ***/
.res_cont .cont_list li {
    margin-top: 20px;
    list-style: disc;
    margin-left: 20px;
}
.res_cont .cont_list li span {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
/*** 오늘의운세 ***/
.res_cont .graph_bg {
    height: 30px;
    background: #f4f4f4;
    position: relative;
    margin-bottom: 20px;
    border-radius: 25px;
}
.res_cont .graph_bg .bar_01 {
    display: inline-block;
    background: #F16E38;
    height: 30px;
    border-radius: 25px;
}
.res_cont .graph_bg .u_point {
    position: absolute;
    left: 15px;
    top: 4px;
    font-size: 12px;
    color: #fff;
}
/*
.res_cont .content li, .res_cont .content p, .res_cont .content span  {
    font-size: 16px;
}*/
.lottom_num {
    font-size: 0;
    width:80%;
    margin: auto;
    text-align: center;
}
.lottom_num li {
    display: inline-block;
    width: calc(100% * 1/5 - 6px);
    margin: 0 3px;
}
.lottom_num li span{
    display:block;
    width:40px;
    height: 40px;
    line-height: 40px;
    border-radius:20px;
    color:#fff;
    font-family: spR;
    text-align: center;
}
.lottom_num .num_00 {
    background:#fcc43d;
}
.lottom_num .num_01 {
    background:#8ec6e7;
}
.lottom_num .num_02 {
    background:#f28d81;
}
.lottom_num .num_03 {
    background:#a7a1dd;
}
.lottom_num .num_04 {
    background:#6bce9f;
}
/*** 월간종합 ***/
.res_cont .icon_ex_m {
    text-align: center;
    margin-top: 20px;
}
.res_cont .icon_ex_m li{
    display: inline-block;
    margin: 0 10px;
}
.res_cont .icon_ex_m li span{
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;  
}
.res_cont .icon_ex_m li img {
    vertical-align: middle;
}
.res_cont .calendar_table .table_st02 td {
    position: relative;
    height:70px;
}
.res_cont .calendar_table .table_st02 td .icon_mark img {
    width: 30px;
}
.res_cont .calendar_table .table_st02 td .icon_mark{
    position: absolute;
    top:30px;
    left: 50%;
    transform:translateX(-50%)
}
.res_cont .calendar_table .table_st02 td .date {
    position: absolute;
    top:5px;
    left: 50%;
    transform:translateX(-50%)
}
/*** 좋은날받기 ***/
.B011_tab.flexBox{
    display: flex;
	justify-content: space-between;
	flex-basis: auto;
}
.B011_tab.flexBox li {
    flex-grow: 1;
    text-align:center; 
    padding:5px 10px;
    margin:2px 1px;
    border-radius: 7px;  
}
.B011_tab.flexBox li a {
    display: block;
}
.B011_tab.flexBox li.on {
    background: #F16E38; 
    color:#fff;
    font-weight: bold;
}
.B011_tab.flexBox li.off {
    background:#f6f6f6; 
}
.res_cont .month_area {
    text-align: center;
}
.res_cont .month_area li {
    display: inline-block;
    padding:0 15px;
    vertical-align: middle;
}
.res_cont .month_area li.month {
    font-size:17px;
}
.table_st02 .date {
    display:block;
    margin-bottom: 10px;
}
.table_st02 .icon_mark_02 img {
    width: 30px;
}
.table_st02 .icon_mark_02 {
    width: 100%;
    height: 30px;
    display: block;
    text-align: center;
}
.res_cont .icon_ex {
    border:1px solid #e3e3e3;
    padding:15px;
}
.res_cont .icon_ex li {
    display: inline-block;
    margin: 0 15px 5px 0;
    font-size: 12px !important;
    color:#666;
}
.res_cont .icon_ex li img {
    vertical-align: middle;
    margin-right:5px;
}
.res_cont .icon_ex p {
    font-size: 12px !important;
    color:#999;
}
/*** 띠별운세 ***/
.res_cont .ani_li ul {
    font-size: 0;
    text-align: center;
}
.res_cont .ani_li ul li {
    display: inline-block;
    width: calc(1/4 * 100%);
    text-align: center;
    margin-bottom: 20px;
}
.res_cont .ani_li ul li span {
    display: block;
    font-size: 14px;
    line-height: 130%;
    margin-top: 10px;
}
.res_cont .ani_li ul li img {
    width: 60px;
}
.res_cont .sel_ani_tit{
    text-align: center;
    background: #FBFBFB;
    padding: 15px 0px;
    box-sizing: border-box;
    border-top: 1px solid #e4e4e4;
    font-size: 17px;
    font-family: one_T;
}
.res_cont .cont_li li {
    margin-bottom: 10px;
}
.res_cont .sel_ani {
    margin: 15px 0;
    text-align: center;
}
.res_cont .sel_ani img {
    width: 60px;
}
.content .btn_area.mgt {
    margin-top: 50px;
    text-align: center;
}
.box_gray {
    background: #f6f6f6;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box
}
.res_cont.cont_B014 .box_gray {
    padding: 30px;
}
.res_cont.cont_B014 .box_gray.mgt {
    margin-top: 50px;
}
.res_cont .B014_res .stone_li {
    text-align: center;
}
.res_cont .B014_res .stone_li li {
    display: inline-block;
    width: 110px;
    background-color: #fff;
    border-radius: 20px;
    padding: 10px 0 5px 0;
    box-sizing: border-box;
}
.res_cont .B014_res .stone_li li:first-child {
    margin-right: 30px;
}
.res_cont .B014_res .stone_li li img {
    width:  60px;
}
.res_cont .B014_res .stone_li li span {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    font-weight: bold;
}
.res_cont .img_li_four {
    font-size: 0;
}
.res_cont .img_li_four li {
    display: inline-block;
    width: calc(1/4 * 100%);
    text-align: center;
    margin-bottom: 20px;
}
.res_cont .img_li_four li img {
    width: 70px;
}
.res_cont .img_li_four li span {
    display: block;
    font-size: 14px;
    line-height: 130%;
    margin-top: 10px;
}
input[type='radio']{
    display: none;
}
input[type='radio']+label::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin:-5px 5px 0px 0px;
    background: url(../images/check_off.png);
    background-size: contain;
}
input[type='radio']:checked+label::before{
    background: url(../images/check_on.png);
    background-size: contain;
}
.agree_chk input[type='checkbox'] {
    display: none;
}
.agree_chk input[type='checkbox']+label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -5px 0 0 0px;
    padding-left: 10px;
    background: url(../images/check_off.png) no-repeat;
    background-size: contain;
}
.agree_chk input[type='checkbox']:checked+label::before{
    background: url(../images/check_on.png) no-repeat;
    background-size: contain;
}

/*** 심리테스트 ***/
.cont_B026 .tab_unse_month {
    font-size: 0;
}
.res_cont.cont_B026 .tab_unse_month li{
    width: calc(1/3 * 100% - 7px);
    padding: 10px 0;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
}
.res_cont.cont_B026 .tab_unse_month li:nth-child(2) {
    margin: 0 10px;
}
.res_cont.cont_B026 .q_list {
    font-size: 0;
}
.res_cont.cont_B026 .q_list li {
    display: inline-block;
    width: 50%;
    margin-bottom: 20px;
}
.res_cont .icon_q, .res_cont .icon_a {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #F16E38;
    border-radius: 30px;
    font-size: 15px;
    font-family: one_T;
    color: #fff;
    margin-right: 15px;
}
.list_decimal li {
   /* list-style: decimal;
    margin-left: 20px;  250425 심리테스트 수정*/
    margin-bottom: 20px;
}
/*** 꿈해몽 ***/
.res_cont .dream_search_01 {
    font-size: 0;
}
.res_cont .dream_search_01 li {
    display: inline-block;
}
.res_cont .dream_search_01 li:first-child{
    width: 80%;
}
.res_cont .dream_search_01 li:last-child{
    width: calc( 20% - 20px);
    margin-left: 20px;
}

.input_02 {
    height: 45px;
    line-height: 45px;
    padding-left:10px ;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    color: #222;
    box-sizing: border-box;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
}
.input_03 {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding-left:10px ;
    border: 1px solid #E0E0E0;
    background: #f9f9f9;
    border-radius: 5px;
    color: #222;
    box-sizing: border-box;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
}
.select_01 {
    height: 45px;
    line-height: 45px;
    padding-left:10px ;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    color: #222;
    box-sizing: border-box;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
    background: url(../images/sel_arrow.png) no-repeat right 15px center;
    background-size:12px ;
}
select::-ms-expand{
    display:none;/*for IE10,11*/
 }

.res_cont .dream_search_02 {
    font-size: 0;
}
.res_cont .dream_search_02 li {
    display: inline-block;
    width: calc(1/3 * 80% );
    margin-bottom: 10px;
}
.res_cont .dream_search_02 li:last-child {
    width:calc(20% - 20px) ;
    margin-left: 20px;
}
.res_cont .dream_search_02 li:nth-child(2) {
    width: calc(1/3 * 80% - 20px );
    margin: 0 10px;
}
.res_cont .search_title {
    font-size:16px;
 }
 .res_cont .search_title span{
    color:#F16E38;
    font-weight: bold;
    
 } 
 .res_cont .dream_res_li {
    list-style: decimal;
    margin-left:20px;
    padding-top: 20px;
 }
 .res_cont .dream_res_li li {
    padding:5px 0;
 }
 .res_cont .dream_res {
    padding:25px;
    margin:10px 0; 
    background:#f5f5f5; 
    box-sizing: border-box;
 }
 /*** 탄생화. 탄생석 ****/
 .res_cont .select_three {
    font-size: 0;
 }
 .res_cont .select_three li {
    display: inline-block;
 }
 .res_cont .select_three li:nth-child(-n+2) {
    width: calc(40% - 5px);
 }
 .res_cont .select_three li:nth-child(2) {
    margin-left: 10px;
 }
 .res_cont .select_three li:last-child{
    width: calc(20% - 20px);
    margin-left: 20px;
 }
 .res_cont.cont_B023 .stone_li {
    font-size: 0;
 }
 .res_cont.cont_B023 .stone_li li {
    display: inline-block;
    width: calc(1/4 * 100%);
    text-align: center;
    margin-bottom: 30px;
 }

 /**** 타로 ****/
.res_cont .card_area {
	position: relative;
	width: 70%;
    margin: 0 auto;
    padding-top: 30px;
}
.card_body {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%; 
  margin: auto;
}
.res_cont .card_area .card_li {
    font-size: 0;
    text-align: center;
}
.res_cont .card_area .card_li li {
    display: inline-block;
    width: calc( 1/5 * 100%);
    padding:10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.res_cont .card_area .card_li li:nth-child(n+19){
    margin-bottom: 0;
}
.btn_two ul{
    font-size: 0;
}
.btn_two ul li {
    display: inline-block;
    width: calc(50% - 10px);
}
.btn_two ul li:first-child {
    margin-right: 20px;
}
.btn_two ul li button {
    width: 100%;
}
.sel_card {
    text-align: center;
}
.sel_card.three li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}
.sel_card.three li:nth-child(1), .sel_card.three li:nth-child(3) {
    opacity: 0.5;
}
/*** 주역 ***/
.cont_juyeok .res_cont .bar_select {
    font-size: 0;
    text-align: center;
}
.cont_juyeok .res_cont .bar_select li {
    display: inline-block;
    width: calc(50% - 30px);
    margin-bottom: 20px;
    text-align: center;
}
.cont_juyeok .res_cont .bar_select li img {
    max-width: 450px;
    width: 100%;
}
.cont_juyeok .res_cont .bar_select li:nth-child(odd) {
    margin-right: 30px;
}
.cont_juyeok .res_cont .choice_bar_img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.cont_juyeok .res_cont .choice_bar_img img {
    width:150px;
}
.cont_juyeok .res_cont .bar_txt {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.cont_juyeok .res_cont .bar_txt span {
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
}
.cont_juyeok .res_cont .bar_txt_02 {
    font-size: 0.875rem;
    margin-top: 20px;
}
/*** 사주정보 ***/
h3.sub_tit {
    font-size: 20px;
    font-weight: normal;
    font-family: one_T;
}
.saju_info_area h3.sub_tit {
    margin: 80px 0 30px 0;
}
.result_area h3.sub_tit {
    margin-bottom: 30px;
}
.saju_info_area .btn_area.mgt {
    text-align: center;
    margin-top: 70px;
}
.saju_info_area .box_line .txt_b {
    font-size: 18px;
    font-family: one_T;
    font-weight: normal !important;
}
.saju_info_area .saju_info li {
    margin-bottom: 20px;
    word-wrap: break-word;
    white-space: normal;
    word-break: keep-all;
}
.saju_info_area .saju_info li:last-child {
    margin-bottom: 0px;
}
.btn_area ul.btn_two {
    font-size: 0;
}
.btn_area .btn_two li {
    display: inline-block;
    text-align: center;
}
.btn_area .btn_two li:first-child {
    margin-right: 20px;
}
.saju_info_area .select_li_two ul, .saju_info_area .select_li_four ul  {
    font-size: 0;
}
.saju_info_area .select_li_two li {
    display: inline-block;
    width: 50%;
    text-align: center;
    padding: 10px 0;
}
.saju_info_area .select_li_four li {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 10px 0;
}
.saju_info_area h3.sub_tit {
    position: relative;
}
.saju_info_area h3.sub_tit .btn_li {
    position: absolute;
    right: 0;
    top: 0;
}
/***마이페이지 ***/
.mypage .box_gray {
    padding: 25px;
}
.mypage .today_unse img {
    vertical-align: middle;
    margin-left: 5px;
}
.saju_han {
    font-size: 30px !important;
}
.txt_s {
    font-size: 0.875rem;
}
.join_inp {
    margin-top: 20px;
    border-top: 2px solid #666;
    border-bottom: 1px solid #E0E0E0;
    padding: 15px 0;
}
.join_inp .inp {
    display: flex;
    min-height: 50px;
    padding: 15px 5px;
    box-sizing: border-box;
}
.join_inp .inp .tit {
    display: inline-block;
    width: 200px;
    font-weight: bold;
}
.join_inp .inp .input_02, .join_inp .inp .input_03 {
    width: 350px;
}
.extend_area .join_inp .inp .inp_w100 {
    width: calc( 100% - 200px); /** 쿠폰구매완료페이지 인풋박스에 글자넘침 250417수정 **/
}
.extend_area .join_inp .inp .input_03 {
    width: 100%;
}
.join_inp .inp_two, .join_inp .inp_three, .join_inp .inp_two_02 {
    display:flex;
}
.join_inp .inp_two li:first-child, .join_inp .inp_two_02 li:first-child{
    margin-right: 10px;
}
.join_inp .inp_three li:nth-child(2){
    margin: 0 10px;
}
.join_inp .btn_line_on{
    width: 170px;
    height: 45px;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #F16E38;
    border-radius: 5px;
    font-size: one_B;
    color: #F16E38;
    box-sizing: border-box;
}
.join_inp .btn_line_off {
    width: 170px;
    height: 45px;
    background: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    box-sizing: border-box;
}
.join_inp .select_01 {
    min-width: 170px;
}
.mypage .btn_two {
    margin: 50px auto 0;
    width: 50%;
}
.mypage .buy_list .li_tit {
    font-size: 18px;
    font-family: one_T;
    margin-bottom: 5px;
}
.mypage .buy_list .li_cont {
    font-size: 0.875rem;
    color: #707070;
}
.mypage .buy_list .li_cont span {
    margin-right: 20px;
}
.mypage .buy_list li {
    padding: 15px 0;
    border-bottom: 1px solid #E0E0E0;
}
.mypage .buy_list li:first-child {
    padding-top: 0;
}
.mypage .buy_list li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.mypage .tab_menu{
    margin-bottom: 30px;
}
.tab_menu li {
    flex-grow: 1;
    text-align: center;
    padding: 10px 10px;
    box-sizing: border-box;
    margin-right: 5px;
    border-radius: 7px;
}
.tab_menu li:last-child {
    margin-right: 0;
}
.tab_menu li.on {
    background: #F16E38;
    color: #fff;
    font-weight: bold;
}
.tab_menu li.off {
    background: #f6f6f6;
}
/*** footer ***/
.footer_area {
    margin-top: 100px;
    padding: 35px 0;
    background: #FBFBFB;
    box-sizing: border-box;
}
.footer_area .fr_cont {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.footer_area .fr_menu li {
    display: inline-block;
    font-size: 14px;
    font-family: one_T;
    margin-right: 25px;
    margin-bottom: 35px;
}
.footer_area .fr_logo_area {
    margin-right: 55px;
}
.footer_area .fr_logo_area .btn_partner {
    display: block;
    width: 125px;
    margin-top: 30px;
}
.footer_area .fr_logo_area .btn_partner button {
    width: 100%;
    height: 45px;
    border-radius: 45px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-family: oneT;
}
.footer_area .fr_company_info li{
    font-size: 13px;
    color: #212121;
}
.footer_area .fr_customer .fr_tit {
    font-size: 16px;
    font-family: one_T;
}
.footer_area .fr_customer .tel_num, .footer_area .fr_customer .bank_num {
    font-size: 18px;
    font-family: one_T;
}
.footer_area .fr_customer .bank_name {
    font-size: 14px;
    font-family: one_T;
}
.footer_area .fr_customer .mgr {
    margin-right: 70px;
}
.footer_area .fr_customer p {
    font-size: 13px;
}
.footer_area .fr_customer p.mgt {
    margin-top: 5px;
}
.footer_area .fr_customer .email {
	display:inline-block;
	margin-left: 20px;
}

/*** 공개강의 ***/
.lecture_area .class_br_two {
	justify-content: space-between;
}
.lecture_area .class_br_two .class_br {
   /* 2씩정렬
	width: calc(1 / 2 * 100% - 10px); */
	width: calc(1 / 3 * 100% - 10px);
    position: relative;
	margin-bottom: 30px;
}
.lecture_area .class_br_two .class_br a img {
	border-radius: 10px;
	border: 1px solid #000;
	box-sizing: border-box;
}
.lecture_area .class_br_two .class_br .br_txt_02 .tit{
    font-size: 17px;
    font-family: one_B;
    margin-top: 15px;
}
.lecture_area .class_br_two .class_br .br_txt_02 .name {
    font-size: 17px;
    font-family: one_B;
    margin-top: -5px;
}
.lecture_area .class_br_two .class_br .br_txt_02 .name .txt_01 {
    display: inline-block;
    font-family: one_R;
	font-size: 14px;
    color: #838383;
    margin-top: 10px;
	margin-left: 15px;
}
/*** 회원가입 ***/
.join .text_area {
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
}
.join .text_area .in_box {
    height: 200px;
    overflow-y: auto;
    padding: 10px;
    box-sizing: border-box;
}
.join .sub_tit.mgt, .mypage .sub_tit.mgt  {
    margin-top: 40px;
}
.join .sub_tit {
    margin-bottom: 15px !important;
}
.container.login .btn_area {
    text-align: center;
    margin-top: 50px;
} 
.container.login .login_info {
    padding: 15px 5px;
    box-sizing: border-box;
}
.container.login .login_info li {
    margin-bottom: 15px;
    word-wrap:break-word;
    white-space: normal;
    word-break:keep-all;
}
.container.login .login_info li span.tit {
    display: inline-block;
    width: 100px;
    font-family: one_T;
}
.container.login .login_info .badge {
    display: inline-block;
    padding: 0px 15px;
    font-size: 13px;
    background: #666;
    color: #fff;
    border-radius: 15px;
    margin-right: 5px;
}
.use_prov p { 
    margin-bottom:20px; 
}
.partner_ask {
    text-align: center;
}
.partner_ask .tit {
    font-size: 20px;
    font-family: one_T;
    margin:0 20px 0 100px;
}
.partner_ask li:first-child .tit {
    margin-left: 0;
}
.partner_ask li {
    display: inline-block;
    text-align: left;
    font-size: 20px;
    margin: 15px 0;
}
/***기간연장 ***/

.extend_area h3.sub_tit {
    margin: 80px 0 30px 0;
}
.extend_area .extend_txt .txt_big {
    font-size: 1.5rem;
    font-family:one_M;
}
.extend_area .extend_txt .txt_bold {
    margin: 20px 0 5px 0;
    font-size: 1.15rem;
    color: #F16E38;
    font-weight: bold;
}
.extend_area .cp_table {
    padding: 25px 10px;
    border-bottom: 1px solid #E4E4E4;
    align-items: center;
}

.extend_area .cp_table .cp_info .tit {
    font-size: 18px;
    font-family: one_T;
}
.extend_area .cp_table .cp_info .info_txt {
    font-size: 14px;
    margin-top: 10px;
}
.extend_area .cp_table .cp_info .txt_s {
    font-size: 13px;
    display: block;
    margin-top: 5px;
}
.extend_area .cp_table .price span {
    font-size: 1.875rem;
    color: #F16E38;
    font-family: one_T;
}
.extend_area .box_line  {
    /*align-items: center;*/
}
.extend_area .box_line .cp_img {
    margin-right: 30px;
}
.extend_area .box_line .cp_img img {
    width: 180px;
}
.extend_area .box_line .cp_info {
    width: calc(100% - 210px)
}
.extend_area .box_line .cp_info .tit {
    font-size: 18px;
    font-family: one_T;
    margin-bottom: 10px;
}
.extend_area .join_inp .price {
    font-size: 18px;
    font-family: one_T;
    color: #F16E38;
}
.extend_area .join_inp .select_li_four {
    width: calc(100% - 150px);
}
.join_inp .select_li_four{
    font-size: 0;
}
.join_inp .select_li_four li {
    display: inline-block;
    width: 20%;
    padding: 10px 0;
}
.extend_area .btn_area.mgt {
    text-align: center;
    margin-top: 70px;
}
.extend_area .select_li_two .inp {
    width: 50%;
}
.mypage .notice .notice_tit {
    font-size: 22px;
    font-family: one_T;
    margin-bottom: 25px;
    word-wrap:break-word;
    white-space: normal;
    word-break:keep-all;
}
.mypage .notice .notice_txt {
    padding-left: 35px;
    margin-bottom: 50px;
    box-sizing: border-box;
}
/***전체메뉴 ***/
.popup_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1000;
}
.container .menu_all_area {
    position: absolute;
    left: 50%;
    top: 10%;
    width: 80%;
    z-index: 10000;
    transform: translate(-50%);
    padding-left: 0;
}
.menu_all_area .header {
    position: relative;
}
.menu_all_area .header .btn_close {
    position: absolute;
    right: 0;
    top: 0;
}
.menu_all_area .header .btn_close img {
    width: 28px;
}
.menu_all_area .menu_area {
    margin-top: 50px;
}
.menu_all_area .menu_area .menu_tit {
    font-size: 22px;
    font-family: one_T;
    font-weight: normal;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.menu_all_area .menu_list_area {
	height:700px;
	overflow-y:auto;
	padding-right: 20px;
}
.menu_all_area .menu_list_area::-webkit-scrollbar {
    width: 5px;
}
.menu_all_area .menu_list_area::-webkit-scrollbar-track {
    background-color: #000;
}
.menu_all_area .menu_list_area::-webkit-scrollbar-thumb { 
    background-color: #666;
}
.menu_all_area .menu_list_area::-webkit-scrollbar-button {
    display: none;
}
.menu_all_area .menu_list {
    /*margin-right: 100px;*/
    margin-bottom: 50px;
}
.menu_all_area .menu_list:last-child {
   /* margin-right: 0;*/
}
.menu_all_area .menu_list .menu_tit_02 {
    font-size: 20px;
    font-family: one_T;
    color: #fff;
    padding-bottom: 20px;
}
.menu_all_area .menu_list li {
    color: #fff;
    margin-bottom: 10px;
}

/******************************************  media screen and (max-width:1380px) *************************************************/
@media screen and (max-width:1380px){
     .top_area  {
         position: relative;
     }    
     .top_area .login_area {
         width: 65%;
         text-align: left;
         margin: 25px 0 0 0;
     }
     .top_area .top_icon_li {
        margin-top: 20px;
        width: auto;
    }
    .top_area .login_area .inp_login {
        width: 200px;
    }
    .top_ad_line .ad_area2 {
        padding: 0 10px;
        box-sizing: border-box;
    }
    .wrap .container {
        padding: 70px 10px 0px 10px;
    }
    .footer_area {
        padding: 35px 10px;
    }
}
/******************************************  media screen and (max-width:1200px) *************************************************/
@media screen and (max-width:1200px){
    .wrap .top_area {
        padding: 20px 30px 20px 30px;
    }
    .wrap .container {
        width: 100%;
        padding: 70px 30px 0px 30px;
        box-sizing: border-box;
    }
  
    .top_ad_line .ad_area2 {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .wrap .top_area .top_nav {
        min-width: 50%; 
    }
    .top_area .login_area {
       /* width: auto; 로그인후화면 틀어짐*/
    }
   /*** 메인 ***/
   .main_area .top_br .br_st_01 .br_tit {
         padding: 25px 10px 10px 20px;
    }
   .main_area .top_br .br_st_01 .br_txt {
        width: 90%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .main_area .br_st_02 .br_tit {
        padding: 20px 10px 5px 20px;
    }
    .main_area .br_st_02 .br_txt {
        padding: 0 40px 0 20px;
    }
    .main_area .br_st_02 .br_img {
        right: 15px;
        bottom: 15px;
    }
    .main_area .br_st_02 .br_img img {
        width: 55px;
    }
    .br_st_03.box_line_02 {
        padding-right: 10px;
    }
    .main_area .br_st_03 .br_tit {
        font-size: 15px;
        letter-spacing: -0.5px;
    }
    .main_area .br_st_03 .br_tit span.m_hide {
        display: none;
    }
    .main_area .br_st_04 .br_img {
        right: 10px;
    }
    .main_area .br_st_04 .br_img img {
        width: 55px;
    }
    .main_area .br_st_04 .br_tit {
        padding: 15px 10px 0px 20px;
    }
    .main_area .br_st_04 .br_txt {
        padding: 0 30px 0 20px;
    }
    .footer_area {
        padding: 35px 30px;
    }
    .footer_area .fr_logo_area {
        margin-bottom: 20px;
    }
    .footer_area .fr_company_info {
        margin-right: auto;
        margin-bottom: 20px;
    }

}



/******************************************  media screen and (max-width:1000px) *************************************************/
@media screen and (max-width:1000px){
    .wrap .top_area {
        padding: 20px;
    }
    .wrap .top_area .icon_w {
        display: none;
    }
    .wrap .top_area .icon_m {
        display: inline-block;
    }
    .wrap .top_area .icon_m .login_m {
        display: none;
    }
    .top_area .login_area .inp_login {
        max-width: 150px;
        height: 35px;
        vertical-align: middle;
    }
    .top_area .login_area .inp_login::placeholder {
        font-size: 12px;
    }
    .top_area .login_area .btn_login {
        width: 70px;
        height: 35px;
        font-size: 12px;
        vertical-align: middle;
    }
    .wrap .container {
        padding: 50px 20px 0px 20px;
    }
    /*** 메인 ***/
    .main_area .top_br .outer_box {
        width: calc(100%* 1 / 4 - 7.5px);
    }
   .main_area .top_br .br_st_01 .br_tit {
        font-size: 20px;
        padding-bottom: 5px;
    }
    .main_area .top_br .br_st_01 .br_txt {
        font-size: 14px;
        letter-spacing: -0.5px;
        line-height: 130%;
    }
    .main_area .br_four>.block {
        width: calc(100%* 1 / 4 - 7.5px);
    }
    .main_area .br_two .block {
        display: block;
        width: calc(50% - 3.5px);
    }
    .main_area .br_st_02 .br_tit {
        font-size: 16px;
    }
    .main_area .br_st_02 .br_txt {
        font-size: 14px;
    }
    .main_area .br_st_04 .br_tit {
        font-size: 16px;
    }
    .main_area .br_st_04 .br_txt {
        font-size: 14px;
    }
    .main_area .br_st_02 .br_img {
        right: 10px;
        bottom: 15px;
    }
    .main_area .br_st_02 .br_img img {
        width: 45px;
    }
    .main_area .br_st_04 .br_img {
        bottom: 12px
    }
    .main_area .br_st_04 .br_img img {
        width: 45px;
    }
    .unse_main .br_three_03 .block {
        width: calc(1 / 3* 100% - 6.7px);
    }
    .box_line {
        padding: 25px 30px;
        border-radius: 10px;
    }
   
    /*** 운세메인 ***/
    .unse_main .top_br .outer_box {
        position: relative;
        width: calc(100%* 1 / 3 - 6.7px);
    }
	.tarot_main .top_br .outer_box {
        position: relative;
        width: calc(100%* 1 / 4 - 7.5px);
    }
    .unse_main .br_three_02 .block:first-child {
        width: calc( 50% - 5px);
        margin-right: 5px;
    }
    .unse_main .br_three_02 .block:nth-child(n+2) {
        width: calc( 25% - 7.5px);
    }
    .unse_main .br_three_02 .block:nth-child(2) {
        margin: 0 10px 0 5px;
    }
    .unse_main .br_two_02>.block:first-child {
        width: calc(1 / 3* 100% - 10px);
    }
    .unse_main .br_four.h_100 .box_line_02 {
        margin-bottom: 7px;
    }
    .unse_main .br_st_05.h_50 {
        min-height: calc(50% - 3.5px) !important;
    }
    .unse_main .br_st_05.h_50 .br_tit {
        margin: 23px 0 0px 0;
    }
    .tarot_main .br_st_02.bg_gray.h_50 {
        height: calc(50% - 5px);
    }
    .tarot_main .br_four .block a:first-child .br_st_02{
        margin-bottom: 10px;
    }
    .res_cont.cont_B026 .q_list li {
        width: 100%;
    }
    .res_cont .dream_search_02 li {
        width: 100%;
        margin-bottom: 10px;
    }
    .res_cont .dream_search_02 li:last-child {
        width:100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    .res_cont .dream_search_02 li:nth-child(2) {
        width:100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    /*** 타로***/
    .res_cont .card_area {
        width: 80%;
    }
    .res_cont .card_area .card_li li {
        padding:5px;
        margin-bottom: 0px;
    }
    .btn_area .btn_two li {
        width: 40%;
    }
    .btn_area .btn_two li button {
        width: 100%;
       /* font-size: 18px;*/
    }
    /*** 마이페이지 ***/
    .join_inp .inp .tit {
        width: 130px;
    }
    .join_inp .inp .input_02, .join_inp .inp .input_03 {
        width: 270px;
    }
	.extend_area .join_inp .inp .inp_w100 {
        width: calc(100% - 130px);
    }
    .join_inp .inp_two li,  .join_inp .inp_three li {
        width: 130px;
    }
    .join_inp .btn_line_on, .join_inp .btn_line_off, .join_inp .select_01  {
       /* width: 130px;*/
       width: 100%;
        min-width:unset;
    }
    .mypage .btn_two {
        width: 65%;
    }
    .footer_area {
        padding: 25px 20px;
    }
    .footer_area .fr_customer {
        margin-left: 180px;
    }
	.footer_area .fr_customer .email {
		display:block;
		margin-left: 0px;
	}

    /*** 타로이용권 ***/
    .extend_area .join_inp.select_li_two .inp .tit {
        margin-right: 25px;
    }
    .menu_all_area .menu_list {
        width: calc(1/3 * 100%);
    }
    .lecture_area .class_br_two .class_br {
		width: calc(1 / 2 * 100% - 10px);
	}
}
/******************************************  media screen and (max-width:800px) *************************************************/
@media screen and (max-width:800px){
    .top_area .login_area {
        display: none;
    }
    .wrap .top_area .top_nav {
        min-width: 100%;
        width: 100%;
        margin-top: 25px;
    }
    .top_area .top_icon_li {
        position: absolute;
        top: 20px;
        right: 20px;
        margin-top: unset;      
    }
    .wrap .top_area .icon_m .login_m {
        display: inline-block;
    }
	.top_ad_line .ad_area2 .ad_txt {
		font-size: 14px;
        max-width:400px;
		width:95%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
    }
	.top_ad_line .ad_area2 .inp_check label {
		font-size: 14px;
	}
    /*** 메인 ***/
   .main_area .top_br {
        display: block;
        font-size: 0;
    }
    .main_area .top_br .outer_box {
        display: inline-block;
        width: calc(50% - 10px);
    }
    .main_area .top_br .outer_box:nth-child(odd){
        margin-right: 20px;
    }
    .main_area .top_br .outer_box .br_st_01 {
        background-size: 75%;
    }
    .main_area .top_br .outer_box::before {
        padding-bottom: 70%;
    }
    .main_area .top_br .br_st_01 .br_tit {
        padding: 35px 10px 10px 30px;
        font-size: 22px;
    }
    .main_area .top_br .br_st_01 .br_txt {
        width: 70%;
        padding-left: 30px;
        font-size: 15px;
        line-height: 140%;
    }
    .main_area .br_four>.block {
        width: calc(100%* 1 / 2 - 10px);
    }
    .main_area .br_four .block:nth-child(n+3) {
        margin-top: 15px;
    }
    .tarot_main .br_four .block.mgt_none {
        margin-top: 0px;
    }
    .main_area .br_two .block {
        width: calc(50% - 10px);
    }
    .main_area .br_three .block {
        display: block;
        width: calc(100%* 1 / 3 - 10px);
    }
    .main_area .br_three .block:last-child{
        margin-top: 0;
    }
    .main_area .br_st_03 .br_tit span.m_hide {
        display: inline-block;
    }
    .br_three .box_line_02 {
        padding: 20px 15px !important;
    }
    /*** 운세메인 ***/
    .container h2.page_tit {
        font-size: 30px;
    }
    .container h2.page_tit.mgt {
        margin-top: 50px;
    }
    .unse_main .br_three_02 .block:first-child {
        width: calc( 50% - 10px);
        margin-right: 10px;
    }
    .unse_main .br_st_02 .br_txt {
        word-wrap:break-word;
        white-space: normal;
        word-break:keep-all;
        letter-spacing: -0.5px;
    }
    .unse_main .br_two_02 .m_width_100{
        display: flex;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100% !important;
    }
    .unse_main .br_two_02 .m_width_100 a {
        display:inline-block;
        width: calc(1/3 * 100% - 13px);
    }
    .unse_main .br_two_02>.block:last-child {
        width: 100%;
    }
    .unse_main .br_two_02 .block_four.box_line_02 {
        padding: 10px 15px;
    }
    .unse_main .no_line.br_two .block:nth-child(even) .br_st_05.box_line_02 {
        background-position: center right 0px;
    }
    .br_st_05.box_line_02 {
        background-position: center right 15px;
    }
    .unse_main .br_st_05 .br_txt {
        width: 65%;
        word-wrap:break-word;
        white-space: normal;
        word-break:keep-all;
        letter-spacing: -0.5px;
    }
    .main_area .br_st_05 .br_tit {
        font-size: 15px;
        letter-spacing: -0.5px;
    }
    .unse_main .br_three_02 .block:nth-child(n+2) {
        width: calc( 25% - 10px);
    }
    .unse_main .br_three_02 .block:nth-child(2) {
        margin: 0 10px 0 10px;
    }
    .unse_main .box_line_02.block_four  {
        min-height: unset;
    }
    .br_st_05.box_line_02 {
        padding: 20px 15px !important;
    }
    .br_st_05.box_line_02 {
        margin-bottom: 15px;
    }
    .unse_main .mgt_02 {
        margin-top: 15px;
    }
    .unse_main .br_three_03 .block:first-child {
        width: 100%;
        margin-bottom: 15px;
    }
    .unse_main .br_three_03 .block:nth-child(n+2) {
        width: calc( 50% - 10px);
    }
    .unse_main .br_st_05.h_50 .br_tit {
        margin: 0;
    }

    .footer_area .fr_customer .fr_tit {
        font-size: 14px;
    }
    .footer_area .fr_customer .tel_num, .footer_area .fr_customer .bank_num {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .footer_area .fr_customer .bank_name {
        font-size: 12px;
    }
    .partner_ask ul {
        display: inline-block;
        width: auto;
    }
    .partner_ask .tit {
        margin:0 ;
        font-size: 18px;
        display: inline-block;
        width: 130px;
    }
    .partner_ask li {
        display: block;
        font-size: 18px;
    }
    /*** 기간연장 ***/
    .extend_area .cp_table .price span {
        font-size: 1.5rem;
    }
    .extend_area .cp_table .cp_info .info_txt {
       letter-spacing: -0.5px;
    }
    .join_inp .select_li_four li {
        width: 45%;
    }
    .extend_area .join_inp.select_li_two .inp {
        display: block;
    }
    .extend_area .join_inp.select_li_two .inp .tit {
        margin-bottom: 10px;
    }
    .mypage .notice .notice_tit {
        font-size: 20px;
    }
    .menu_all_area .menu_list {
        width: 50%;
    }
	.mypage .tab_menu li:nth-child(-n+4) {
        width: calc(25% - 5px);
        margin-bottom: 5px;
    }
    .mypage .tab_menu li:nth-child(4){
        margin-right: 0;
    }
}

/******************************************  media screen and (max-width:600px) *************************************************/
@media screen and (max-width:600px){

    html, body {
		font-size: 14px;
	}
    .main_area .br_area.mgt_01 {
        margin-top: 30px;
    }
    .main_area .counsel_area.mgt {
		margin-top: 50px;
	}
    .main_area .class_area.mgt {
        margin-top: 50px;
    }
    .res_cont .content li, .res_cont .content p, .res_cont .content span  {
        font-size: 14px;
    }
    .wrap .top_area h1 {
        width: 165px; 
        padding-top: 5px;
    }
    .wrap .top_area h1 img {
        width: 120px;
    }
    .wrap .top_area .top_nav {
        width: calc(100% - 165px);
        margin-top: 35px;
    }
    .top_area .top_nav ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .top_area .top_nav ul li {
        margin-right: 0px;
    }
    .wrap .top_area .icon_m img {
        width: 30px;
    }
    .top_area .top_icon_li .icon_m li {
        margin-right: 10px;
    }
    /*
    .top_area .login_area {
        width: calc(100% - 110px);
    }
    .top_area .login_area .btn_login {
        width: 55px;
    }
    .top_area .login_area .inp_login {
        max-width: 150px;
        width: calc(45% - 30px);
    }*/
    .top_ad_line .ad_area2 .inp_check {
        display: none;
    }
    .top_ad_line .ad_area2{
        position: relative;
    }
    .ad_area2 .ad_close {
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 10px;
    }
	.top_ad_line {
        height: 38px;
    }
    .top_ad_line .ad_area2 .ad_txt {
        height: 38px;
        line-height: 38px;
        max-width:400px;
		width:95%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
    }
    .wrap .container {
        padding: 35px 20px 0px 20px;
    }
     /*** 메인 ***/
	.main_area .top_br {
		display: flex;
		flex-wrap:nowrap;
		min-height: 70px;
		height: auto;
	}     
    .main_area .top_br .outer_box {
        width: 100%;
    }

	.main_area .top_br .outer_box:nth-child(odd) {
        margin-right: 0px;
    }
    .main_area .top_br .outer_box .br_st_01 {
        background-size: 55%;
    }
    .main_area .top_br .outer_box::before {
        padding-bottom: 40%;
    }
    .main_area .br_four>.block {
        width: calc(100%* 1 / 2 - 5px);
    }
    .main_area .br_two .block {
        width: calc(50% - 5px);
    }
    .main_area .br_three .block {
        width: calc(100%* 1 / 3 - 5px);
    }
    .main_area .br_st_02 .br_tit {
        padding: 15px 10px 5px 10px;
    }
    .main_area .br_st_02 .br_txt {
        padding: 0 40px 0 10px;
        font-size: 13px;
    }
    .br_st_03.box_line_02 {
        padding: 15px 10px !important;
    }
    .main_area .br_st_04 .br_tit {
        padding: 15px 10px 0px 10px;
    }
    .main_area .br_st_04 .br_txt {
        padding: 0 20px 0 10px;
        font-size: 13px;
    }
    .main_area .br_st_03 .br_tit span.m_hide {
        display: none;
    }
    .container h2.page_tit {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .container h2.page_tit.mgt {
        margin-top: 40px;
    }
    .container h2 .tit_txt {
        font-size: 12px;
    }
    /*** 운세메인***/
    .unse_main .br_three_02 .block:first-child {
        width: 100%;
        margin-right: 0px;
    }
    .unse_main .br_three_02 .block:nth-child(n+2) {
        width: calc( 50% - 5px);
        margin-top: 15px;
    }
    .unse_main .br_three_02 .block:nth-child(2) {
        margin: 15px 0 10px 0;
    }
    .unse_main .br_two_02 .m_width_100 a:first-child {
        width: 100%;
    }
    .unse_main .br_two_02 .m_width_100 a:nth-child(n+2) {
        width: calc( 50% - 5px);
    }
    .unse_main .br_two_02 .m_width_100 a:nth-child(n+2) .box_line_02 {
       /* min-height: 95px;*/
    }
    .br_st_05.box_line_02 {
        padding: 15px 10px !important;
    }
    .unse_main .br_three_03 .block:nth-child(n+2) {
        width: calc(50% - 5px);
    }
    /*
    .unse_main .br_two_02 .box_line_02 {
        padding: 15px 10px !important; 
    }4개묶음에 패딩넓어짐 250213-0939 */
    .box_line {
        padding: 20px 25px;
        border-radius: 10px;
    }
    .result_area .saju_info li{
        margin-bottom: 10px;
    }
    .saju_info li span.tit {
        width: 70px;
    }
    .result_area .res_cont {
        margin-top: 40px;
    }
    .result_area .res_cont h3.tit {
        font-size: 20px;
    }
    .result_area .res_cont h3.tit_02 {
        font-size: 18px;
    }
    .result_area .res_cont .content {
        margin-top: 20px;
    }
    .result_area .res_cont h4.tit_02 {
        font-size: 16px;
    }
    .res_cont .ani_li ul li {
        width: calc(1/3 * 100%);
    }
    .res_cont .ani_li ul li span {
        font-size: 12px;
        letter-spacing: -0.5px;
    }
    .res_cont .ani_li ul li img {
        width: 40px;
    }
    .content .btn_area.mgt {
        margin-top: 25px;
    }
    .content.cont_B014 .box_gray {
        padding: 15px;
    }
    .content.cont_B014 .box_gray.mgt {
        margin-top: 25px;
    }
    .res_cont.cont_B026 .tab_unse_month li{
        width: 100%;
    }
    .res_cont.cont_B026 .tab_unse_month li:nth-child(2) {
        margin: 10px 0px;
    }
    .res_cont.cont_B023 .stone_li li img {
        width: 70px;
     }
    /*** 타로***/
    .res_cont .card_area {
        width: 100%;
        padding-top: 10px;
    }
    /*** 주역 ***/
    .cont_juyeok .res_cont .bar_select {
        padding-top: 20px;
    }
    .cont_juyeok .res_cont .bar_select li {
        width: 80%;
    }
    .cont_juyeok .res_cont .bar_select li:nth-child(odd) {
        margin-right: 0;
    }
    /*** 사주정보 ***/
    .saju_info_area .box_line .txt_b {
        font-size: 16px;
    }
    .saju_info_area h3.sub_tit {
        margin: 50px 0 15px 0;
    }
    h3.sub_tit {
        font-size: 18px;
    }
    .btn_area .btn_two li {
        width: calc(50% - 3px)
    }
    .btn_area .btn_two li:first-child {
        margin-right: 5px;
    }
    .result_area h3.sub_tit {
        margin-bottom: 15px;
    }
    .saju_info_area .select_li_four li {
        width: 50%;
    }
    /*** 마이페이지 ***/
    .mypage .box_gray {
        padding: 15px;
    }
    .join_inp .inp {
        display: block;
    }
    .join_inp .inp .tit {
        margin-bottom: 10px;
    }
    .mypage .btn_two {
        width: 100%;
    }
    .mypage .buy_list .li_tit {
        font-size: 16px;
    }
    .mypage .buy_list .li_cont span {
     /*  display: inline-block; 구매목록 한줄에 한개씩 나오게 수정 250422
         width: calc(50% - 15px);*/
        display: block;
	}
    .mypage .buy_list .li_cont span {
        margin-right: 0;
    }
	.mypage .buy_list .li_cont span.mgl20 {
		margin-left: 0 !important;
    }
	.tab_menu li {
        margin-right: 2px;
    }
    /*
    .tab_menu li:nth-child(n+4) {
        width: calc(50% - 2px);
    }
    .mypage .tab_menu {
        margin-bottom: 10px;
    }*/

	.mypage span.txt_cal_day_s {
		font-size: 12px;
		font-weight: normal;
		color: #999;
	}
	.mypage span.txt_today_s {
		font-size: 12px;
		font-weight: normal;
	}
    /*** 공개강의 ***/
    .lecture_area .class_br_two .class_br {
		width: 100%;
		max-width: 100%;
        margin-bottom: 20px;
	}
	.lecture_area .class_br_two .class_br .br_txt_02 .tit {
		margin-top: 10px;
	}
    .footer_area {
        margin-top: 50px;
    }
    .footer_area .fr_menu li {
        font-size: 13px;
    }
    .footer_area .logo img {
        width: 100px;
    }
    .footer_area .fr_logo_area .btn_partner {
        width: 100px;
        margin-top: 15px;
    }
    .footer_area .fr_logo_area .btn_partner button {
        height: 30px;
        border-radius: 30px;
        font-size: 12px;
        letter-spacing: -0.5px;
    }
    .footer_area .fr_logo_area {
        margin-right: 30px;
    }
    .footer_area .fr_customer {
        margin-left: 130px;
    }
    .footer_area .fr_customer .fr_tit {
        font-size: 13px;
    }
    .footer_area .fr_customer .tel_num, .footer_area .fr_customer .bank_num {
        font-size: 14px;
    }
    .footer_area .fr_company_info {
        margin-bottom: 10px;
    }
    .footer_area .fr_customer p.mgt {
        margin-top: -5px;
    }
    .footer_area .fr_company_info li {
        font-size: 12px;
        letter-spacing: -0.5px;
    }
    .footer_area .fr_customer p {
        font-size: 12px;
    }
    /*** 회원가입 ***/
    .join .sub_tit.mgt, .mypage .sub_tit.mgt {
        margin-top: 25px;
    }
    .container.login .btn_area {
        margin-top: 30px;
    } 
    .container.login .login_info li .line_br {
        display: block;
        margin-top: 10px;
    }
    .container.login .login_info li span.tit {
        width: 70px;
    }
    .partner_ask .tit {
        font-size: 16px;
        width: 130px;
    }
    .partner_ask li {
        font-size: 16px;
        margin: 10px 0;
    }
    /*** 기간연장 ***/
    .extend_area .cp_table .cp_info {
        width: 100%;
    }
    .extend_area .cp_table .cp_info .price {
        margin-top: 30px;
    }
    .extend_area h3.sub_tit {
        margin: 50px 0 15px 0;
    }
    .extend_area .box_line {
        align-items:normal;
    }
    .extend_area .box_line .cp_img img {
        width: 150px;
    }
    .extend_area .box_line .cp_info .tit {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .extend_area .box_line .cp_info {
        width: calc(100% - 180px);
        word-wrap:break-word;
        white-space: normal;
        word-break:keep-all;
    }
    .extend_area .join_inp .select_li_four {
        width: 100%;
    }
	.extend_area .join_inp .inp .inp_w100  {
        width: 100%;
    }
    .mypage .notice .notice_tit {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .mypage .notice .notice_txt {
        padding-left: 30px;
        margin-bottom: 30px;
    }
    /*** 전체메뉴 ***/
    .menu_all_area .header .btn_close img {
        width: 22px;
    }
    .menu_all_area .menu_area {
        margin-top: 30px;
    }
    .menu_all_area .menu_area .menu_tit {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .menu_all_area .menu_list {
        width: 100%;
        margin-bottom: 30px;
    }
    .menu_all_area .menu_list>ul {
        display: flex;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;     
    }
    .menu_all_area .menu_list>ul li {
        margin: 5px 10px;
    }
    .menu_all_area .menu_list .menu_tit_02 {
        font-size: 18px;
    }
    .menu_all_area h1 img {
        width: 135px;
    }
    .menu_all_area .header .btn_close img {
        width: 18px;
    }
	.menu_all_area .menu_list_area::-webkit-scrollbar {
		width: 5px;
	}
	.menu_all_area .menu_list_area::-webkit-scrollbar-track {
		display: none;
	}
	.menu_all_area .menu_list_area::-webkit-scrollbar-thumb { 
		display: none;
	}
    
}


/******************************************  media screen and (max-width:450px) *************************************************/
@media screen and (max-width:450px){
    .wrap .top_area {
        padding: 15px;
    }
    .wrap .container {
        padding: 25px 15px 0px 15px;
    }
    .wrap .top_area h1 {
        width: 135px;
    }
    .wrap .top_area h1 img {
        width: 95px;
    }
    .wrap .top_area .top_nav {
        width: calc(100% - 135px);
    }
    .top_area .top_nav ul li {
        font-size: 16px;
    }
    .wrap .top_area .icon_m img {
        width: 28px;
    }
    /*
    .top_area .login_area .btn_login {
        width: 45px;
        font-size: 11px;
    }
    .top_area .login_area .inp_login {
        width: calc(45% - 25px);
    }*/

     /*** 메인 ***/
     .main_area .top_br .outer_box .br_st_01 {
        border-radius: 10px;
    }
    .main_area .top_br .br_st_01 .br_tit {
        font-size: 18px;
        padding: 15px 10px 5px 25px;
    }
    .main_area .top_br .br_st_01 .br_txt {
        padding-left: 25px;
        font-size: 13px;
    }
    .main_area .br_st_03 .br_tit span.m_hide {
        display: inline-block;
    }
    .main_area .br_area .br_st_04 {
        min-height: 100px;
    }
    .main_area .br_area .br_st_02 {
        min-height: 100px;
    }
    .br_st_03.box_line_02 {
        min-height: 100px;
    }
    .br_st_03.box_line_02 {
        background-size: 17px;
    }
    .m_width_100 {
        width: 100% !important;
    }
    .m_width_100.mgt {
        /*margin-top: 20px;*/ /*메인베너간격조절 250423 */
		margin-top: 15px;
    } 
    .m_wide_50 {
        width: calc(50% - 5px) !important;
    }
    .m_br_two{
        width: 100% !important;
        display: flex !important;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .m_br_two a {
        display: inline-block;
        width: calc(50% - 5px);
    }
    .m_br_three {
        width: 100% !important;
        display: flex !important;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .m_br_three a {
        display: inline-block;
        width: calc(100% * 1/3 - 6.5px);
    }
    .tarot_main .h_100 .m_br_two a {
        margin-top: 10px;
    }
  
    .main_area .br_st_02 .br_txt {
        padding: 0 60px 0 10px;
        font-size: 13px;
        line-height: 130%;
    }
    .main_area .br_st_04 .br_tit {
        padding: 15px 10px 5px 10px;
    }
    .unse_main .br_st_05 .br_txt {
        line-height: 130%;
    }
	.main_area .mgt_02 {
		margin-top: 15px; /* 메인베너간격조절 250423 */
	}

    /*** 운세메인 ***/
    .br_st_05.box_line_02 {
        background-position: bottom 15px right 15px;
        background-size: 17px;
    }
    .unse_main .no_line.br_two .block:nth-child(even) .br_st_05.box_line_02 {
        background-position: bottom 5px right 5px;
    }
    .unse_main .no_line.br_two .block .br_st_05.box_line_02 {
        background-position: bottom 5px right 15px;
    }
    .unse_main .no_line.br_two .block:nth-child(even) {
        padding-left: 10px;
    }
    .unse_main .br_two_02 .block_four.box_line_02 {
        padding: 10px;
    }
    .tarot_main .br_four .m_width_100 .br_st_02 {
        min-height: 100px;
    }
    .tarot_main .br_st_02.bg_gray.h_50 {
        min-height: 100px;
    }
    .tarot_main .h_100 .m_br_two a:first-child .br_st_02 {
        margin-bottom: 0 ;
    }
    .container h2.page_tit {
        font-size: 19px;
    }
	.container h2.page_tit .btn_more {
		bottom: 5px;
		font-size: 12px;
	}
    .container h2.page_tit.mgt {
        margin-top: 30px;
    }
    .box_line {
        padding: 15px;
    }
    .result_area .res_cont {
        margin-top: 30px;
    }
    .result_area .res_cont h3.tit {
        font-size: 17px;
        padding-bottom: 7px;
        border-bottom: 1px solid #E0E0E0;
        width: 100%;
    }
    .result_area .res_cont h3.tit_02 {
        font-size: 15px;
    }
    .sel_month_txt {
		font-size: 16px;
	}
    .res_cont .calendar_table .table_st02 td .icon_mark img {
        width: 25px;
    }
    .table_st02 .icon_mark_02 img {
        width: 25px;
    }
	.table_st02 .icon_mark_02 {
	    height: 25px;
	}
    .res_cont .B014_res .stone_li li {
        width: 100px;
    }
    .res_cont .B014_res .stone_li li:first-child {
        margin-right: 15px;
    }
    .res_cont .B014_res .stone_li li img {
        width:  50px;
    }
    .res_cont .img_li_four li img {
        width: 50px;
    }
    .res_cont .dream_res {
        padding:15px;
     }
    .res_cont .dream_search_01 li:first-child {
        width: 70%;
    }
    .res_cont .dream_search_01 li:last-child {
        width: calc(30% - 10px);
        margin-left: 10px;
    }
    .res_cont .select_three li:nth-child(-n+2) {
        width: calc(35% - 5px);
     }
     .res_cont .select_three li:nth-child(2) {
        margin-left: 10px;
     }
     .res_cont .select_three li:last-child{
        width: calc(30% - 10px);
        margin-left: 10px;
     }
     .btn_two ul li {
        width: calc(50% - 5px);
    }
    .btn_two ul li:first-child {
        margin-right: 10px;
    }
     /*** 주역 ***/
     .cont_juyeok .res_cont .bar_select {
        padding-top: 5px;
    }
    .cont_juyeok .res_cont .bar_select li {
        width: 100%;
    }
    .cont_juyeok .res_cont .bar_select li:last-child {
        margin-bottom: 10px;
    }
    .cont_juyeok .res_cont .choice_bar_img {
        width: 100px;
        height: 100px;
    }
    .cont_juyeok .res_cont .choice_bar_img img {
        width:100px;
    }
    .cont_juyeok .res_cont .bar_txt {
        font-size: 16px;
    }
    /*** 사주정보 ***/
    .saju_info_area .box_line .txt_b {
        font-size: 14px;
    }
    .saju_info_area h3.sub_tit {
        margin: 30px 0 10px 0;
    }
    h3.sub_tit {
        font-size: 16px;
    }
    .saju_info_area .saju_info li {
        margin-bottom: 10px;
    }
    .saju_info_area .btn_area.mgt {
        margin-top: 30px;
    }
    .btn_area .btn_two li button {
        width: 100%;
        min-width: 100%;
        height: 40px;
        font-size: 13px;
		letter-spacing: -1px;
    }
    .saju_info_area .select_li_two li {
        width: 100%;
    }
    /*** 마이페이지 ***/
    .join_inp {
        margin-top: 10px;
        padding: 10px 0;
    }
    .join_inp .inp {
        padding: 10px 5px;
    }
     .join_inp .inp .input_02, .join_inp .inp .input_03 {
        width: 100%;
    }
	.extend_area .join_inp .inp .input_03 {
        height: auto;
    }
    .extend_area .join_inp .inp:first-child .input_03 {
        line-height: 145%;
        padding: 15px 10px 10px 10px;
        word-wrap: break-word;
        white-space: normal;
        word-break: keep-all;
    }
    .join_inp .inp_two li {
        width: calc(100% - 5px);
    }
    .join_inp .inp_three li{
        width: calc(100% * 1/3 - 3px);
    }
   .join_inp .inp_two_02 li:first-child {
        width: calc(70% - 10px);
    }
    .join_inp .inp_two_02 li:last-child {
        width: 30%;
    }
    .mypage .btn_two {
        margin: 30px auto 0;
    }
    /*** 공개강의 ***/
    .sub_container.lecture_area {
		padding: 20px 15px;
		box-sizing: border-box;
	}
	.lecture_area .class_br_two .class_br .br_txt_02 .tit{
		font-size: 15px;
	}
	.lecture_area .class_br_two .class_br .br_txt_02 .name {
		font-size: 15px;
	}
	.lecture_area .class_br_two .class_br .br_txt_02 .name .txt_01 {
		font-size: 12px;
		margin-top: 5px;
	}
    .footer_area .fr_menu {
        font-size: 0;
    }
    .footer_area .fr_menu li {
        width: 50%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .footer_area .fr_logo_area {
        margin-right: 0px;
        margin-top: 20px;
    }
    .footer_area .fr_company_info {
       width: 100%;
    }
    .footer_area .fr_customer {
        margin-left: 0px;
    }
    /***기간연장***/
    .extend_area .extend_txt .txt_big {
        font-size: 1.25rem;
    }
    .extend_area h3.sub_tit {
        margin: 30px 0 10px 0;
    }
    .extend_area .cp_table .cp_info .tit {
        font-size: 16px;
    }
    .extend_area .btn_area.mgt {
        margin-top: 30px;
    }
    .extend_area .box_line .cp_img img {
        width: 130px;
    }
    .extend_area .box_line .cp_info {
        width: 100%;
        margin-top: 20px;
    }
    .extend_area .join_inp.select_li_two .inp {
        display: flex;
    }
    .extend_area .select_li_two .inp {
        width: 100%;
    }
    .extend_area .join_inp.select_li_two .price {
        font-size: 16px;
    }
    .mypage .notice .notice_tit {
        font-size: 15px;
    }
	 .mypage .notice .notice_txt {
        padding-left: 0px;
    }
    .container .menu_all_area {
        top: 5%;
    }
	.tab_menu li {
        padding: 7px 3px;
        margin-bottom: 5px;
    }
    .mypage .tab_menu li:nth-child(-n+3) {
        width: calc(1/3 * 100% - 2px);
    }
    .mypage .tab_menu li:nth-child(3){
        margin-right: 0;
    }
    .mypage .tab_menu li:nth-child(4){
        width: calc(50% - 2px);
        margin-right: 2px;
    }
    .tab_menu li:nth-child(n+4) {
        width: calc(50% - 2px);
    }
	.mypage .buy_list .li_cont.m_w100 span {
		width: 100%;
		margin-bottom: 3px;
    }
    .mypage .buy_list .li_cont.m_w100 span strong {
        display: inline-block;
        width: 65px;
    }
	.partner_ask .tit {
        font-size: 15px;
    }
	.partner_ask li {
        font-size: 15px;
    }
}

@media screen and (max-width:400px){
	.top_ad_line .ad_area2 .ad_txt {
		max-width:360px;
    }
}
@media screen and (max-width:370px){
    .top_ad_line .ad_area2 .ad_txt {
           max-width:340px;
       }
   }
   
   @media screen and (max-width:350px){
    .top_ad_line .ad_area2 .ad_txt {
           max-width:330px;
       }
   }