#adclick_ad_view {
    padding: 10px 20px;
    overflow: hidden;
    background-color: #f8f9fa; /* 밝은 배경색 */
    color: #333; /* 텍스트 기본 색상 */
    border: 1px solid #c3c3c3;
    border-radius: 6px;
}

#adclick_ad_view .ad_click_left_wrap {
    width: 100%;
    float: left;
    margin-right: 10px;
    border: 1px solid #e0e0e0;
    margin: 4px;
    border-radius: 6px; /* 둥근 테두리 */
}

#adclick_ad_view .ad_click_right_wrap {
    width: 100%;
    float: left;
}

#adclick_ad_view .main_title {
    font-size: 20px;
    font-weight: bold;
    text-shadow: none; /* 텍스트 그림자 제거 */
    background: #eaf4fc; /* 연한 블루 */
    padding: 8px;
    border-radius: 4px;
    color: #0056b3; /* 텍스트 강조색 */
}

#adclick_ad_view .ad_content_box_wrap {
    padding: 10px 0px;
}

#adclick_ad_view .ad_content_box {
    margin: 15px 0px;
}

#adclick_ad_view .ad_content_box p {
    margin: 0px;
    color: #555; /* 차분한 텍스트 색상 */
    font-size: 15px;
    font-weight: bold;
    display: block;
    padding: 3px 0px;
}

#adclick_ad_view .ad_set_box {
    padding: 16px;
    background: #fef3f3; /* 연한 핑크 배경 */
    border: 1px solid #f5c2c7;
    border-radius: 6px;
}

#adclick_ad_view .ad_set_box span {
    font-size: 15px;
    font-weight: bold;
    display: block;
    padding: 3px 0px;
    color: #8b3a3a; /* 핑크 계열 텍스트 */
}

#adclick_ad_view .not_login_msg {
    margin: 30px 0px;
    text-align: center;
}

#adclick_ad_view .not_login_msg a {
    white-space: nowrap;
    color: white;
    background: #007bff; /* 버튼 블루 */
    padding: 7px 13px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 15px;
    transition: background-color 0.3s;
}

#adclick_ad_view .not_login_msg a:hover {
    background: #0056b3; /* 버튼 강조 */
}

#adclick_ad_view .code_wrap {
    padding-bottom: 30px;
}

#adclick_ad_view .code_wrap img {
    max-height: 200px;
    max-width: 90%;
    vertical-align: middle;
}

#adclick_ad_view .code_wrap h3 {
    font-size: 20px;
    margin-left: 20px;
    font-weight: bold;
    color: #333;
    text-shadow: none;
}

#adclick_ad_view .code_wrap .code_title {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    text-align: center;
    padding: 20px 0px;
    min-height: 80px;
    width: 250px;
    border: 1px solid #e0e0e0;
    background-color: #f9f9f9;
    overflow: hidden; /* 박스 밖으로 나가지 않게 설정 */
    text-overflow: ellipsis; /* 말줄임표 처리 */
    white-space: nowrap; /* 한 줄로 텍스트 유지 */
}

#adclick_ad_view .code_wrap .code_title .ad_img_title {
    display: block;
    margin-top: 20px;
}

#adclick_ad_view .code_wrap .arrow_right {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    height: 120px;
    line-height: 120px;
    width: 30px;
    color: #888; /* 차분한 강조색 */
}

#adclick_ad_view .code_wrap .text_code {
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    height: auto; /* 높이를 자동으로 조정 */
    min-height: 90px; /* 최소 높이 설정 */
    width: 250px;
    background: #eef7ff; /* 연한 블루 */
    border: 1px solid #d1e7ff;
    border-radius: 6px;
    transition: background-color 0.3s;
    overflow: hidden; /* 내용이 박스 밖으로 나가지 않게 설정 */
    text-overflow: ellipsis; /* 텍스트가 넘칠 경우 말줄임표로 처리 */
    word-wrap: break-word; /* 긴 단어를 강제로 줄바꿈 */
    white-space: normal; /* 여러 줄 텍스트 허용 */
}

#adclick_ad_view .code_wrap .text_code a {
    color: #0056b3; /* 텍스트 색상 */
    font-size: 14px;
    text-decoration: none;
    display: block;
    word-break: break-all; /* 긴 URL이나 텍스트를 줄바꿈 */
}

#adclick_ad_view .code_wrap .text_code:hover {
    background: #e0f0ff; /* 호버 시 색상 */
}

/* 통계 */
#adclick_ad_view .stat_box {
	   width: 100%;
    position: relative;
    margin: 20px 0px;
    padding: 0px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}

#adclick_ad_view .stat_box ul,
#adclick_ad_view .stat_box li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#adclick_ad_view .stat_box ul {
    margin: 10px;
}

#adclick_ad_view .stat_box li {
    position: relative;
    margin: 8px 0px;
}

#adclick_ad_view .stat_box .stat_title {
    font-size: 13px;
    border-bottom: 1px solid #e0e0e0;
    background: #f9f9f9;
    padding: 10px 15px;
    margin: 0px;
    font-weight: bold;
    color: #555;
}

#adclick_ad_view .stat_box .point_rank {
    margin-right: 10px;
    font-weight: bold;
    color: #333;
}

#adclick_ad_view .stat_box .sum_point {
    float: right;
    color: #777;
}

/***********************************************/
/**                 태블릿 이하               **/
/***********************************************/
@media all and (max-width:780px) {
    #adclick_ad_view .code_wrap .arrow_right {
       width: 100%;   display: none;
    }
    #adclick_ad_view .code_wrap .text_code {
        margin-top: 10px;
    }
    #adclick_ad_view .stat_box {
        float: left;
        margin-right: 15px;
        margin-top: 10px;
    }
}