@charset "UTF-8";

/* 전체 페이지 공통 */
.ad_body, .help_body {padding: 10px;}
.ad_body .ad_title, .help_body .help_title {border-bottom: 1px solid #e8edf1;}
.ad_body .ad_title h1, .help_body .help_title h1 {color: #393c40; font-size: 20pt; font-weight: 600; padding: 0 0 4px 10px; margin-bottom: 15px; border-left: 5px solid #0072ff;}

/* 광고안내 페이지 */
.ad_body .ad_top_btn {margin-top: 15px;}
.ad_body .ad_top_btn ul {display: flex ; border: 1px solid #3d658e;}
.ad_body .ad_top_btn ul li {width: 100%; min-height: 60px; line-height: 60px; background: linear-gradient(#65b2ff, #0077ee); text-align: center; border-right: 1px solid #3d658e;}
.ad_body .ad_top_btn ul li:last-child {border-right: none;}
.ad_body .ad_top_btn ul li:hover {background: linear-gradient(#518dc9, #0363c3);}
.ad_body .ad_top_btn ul li.active_page {background: linear-gradient(#6192c3, #003972); border-right: 1px solid #3d658e;}
.ad_body .ad_top_btn ul li.active_page span {color: #feff48; font-size: 12pt; font-weight: bold;}
.ad_body .ad_top_btn ul li a {display: block; width: 100%; color: #fff; font-size: 12pt; font-weight: bold;}
.ad_body .ad_content {padding: 15px 12px; margin-top: 15px; border: 1px solid #e8edf1;}
.ad_body .ad_content img {width: 100%;}

/* 고객센터 페이지 */
.help_body .help_content {padding: 15px 12px; margin-top: 15px; border: 1px solid #e8edf1;}
.help_body .help_content .help_top {background: linear-gradient(#ffffff, #e1ecf5); padding: 45px 15px; margin-bottom: 15px; border-top: 5px solid #b200ff;}
.help_body .help_content .help_top h2 {color: #2a2f37; font-size: 24pt; font-weight: bold; text-align: center;}
.help_body .help_content .help_top a.tel-link {display: block; color: #0085ff; font-size: 22pt; font-weight: bold; text-align: center; margin: 5px 0 30px;}
.help_body .help_content .help_top .tel-info {text-align: center; margin-bottom: 10px;}
.help_body .help_content .help_top .tel-info h4 {color: #af3bf5; font-size: 14pt; font-weight: 600;}
.help_body .help_content .help_top .tel-info p {color:#353535; font-size: 14pt; font-weight: 500;}
.help_body .help_content .help_top .tel-info:last-of-type {margin-top: 20px; margin-bottom: 10px;}
.help_body .help_content .help_top .tel-info:last-of-type h4 {color: #0085ff;}
.help_body .help_content .help_top .tel-info:last-of-type p {color: #514dd3; text-decoration: underline;}
.help_body .help_content .help_top span {display: block; color: #767676; font-size: 11pt; font-weight: 400; text-align: center; margin-top: 15px;}
.help_body .help_content .content-mid-list {display: flex;}
.help_body .help_content .content-mid-list .ad_detaile {max-width:28%; margin-left: 15px;}
.help_body .help_content .content-mid-list .ad_detaile a img {width:100%; margin-bottom:10px;}
.help_body .help_content .content-mid-list .notice_list {width:100%; margin-bottom: 10px;}
.help_body .help_content .since {color: #888; font-size: 12pt; font-weight: bold; text-align: center; margin-top: 30px; margin-bottom: 15px;}

/* 전체 모바일 페이지 */
@media all and (max-width: 1080px) {
    .ad_body, .help_body {padding: 20px 10px;}
    .ad_body .ad_title, .help_body .help_title {padding-left: 5px;}
    .ad_body .ad_title h1, .help_body .help_title h1 {font-size: 14pt;}
    .ad_body .ad_top_btn ul li {min-height: 45px; line-height: 45px;}
    .ad_body .ad_top_btn ul li a, .ad_body .ad_top_btn ul li.active_page span {font-size: 10pt;}
    .help_body .help_content .help_top h2 {font-size: 18pt;}
    .help_body .help_content .help_top a.tel-link {margin: 5px 0 20px;}
    .help_body .help_content .help_top .tel-info:last-of-type h4 {font-size:12pt;}
    .help_body .help_content .help_top .tel-info:last-of-type p {font-size:11pt;}
    .help_body .help_content .help_top span {font-size: 9pt;}
    .help_body .help_content .content-mid-list {display: block;}
    .help_body .help_content .content-mid-list .ad_detaile {max-width:100%; margin-left: 0;}
}