/* 공통 */
.main_banner {height:200px;background-image:url(../../images/user/cscenter/img_cscenter_banner.jpg);}
.main_banner h2 {line-height:200px;}
.main_banner h2 span {line-height:210px;}

.search_wrap {margin:30px 0 0;}

.sort_box {margin:65px 0 12px;}
.sort_box:after {content:'';display:block;clear:both;}
.sort_box .text {float:left;font-size:1.6rem;}
.sort_box .text span {font-size:1.6rem;}
.sort_box .button_box {float:right;margin:-24px 0 0;}
.sort_box .button_box .button_type {margin:0 0 0 5px;}
/* //공통 */

/* 자주묻는질문 */
.faq_list {border-top:2px solid #101010;}
.faq_list ul li dl dt {border-bottom:1px solid #d5d5d5;}
.faq_list ul li dl .icon {position:absolute;left:15px;top:13px;width:34px;height:34px;font-family:'GmarketSansMedium';font-size:1.8rem;line-height:36px;text-align:center;color:#fff;background:#00358e;border-radius:5px;}
.faq_list ul li dl dt a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:block;padding:0 0 0 65px;font-size:2rem;line-height:60px;color:#222;}
.faq_list ul li dl dt a:after {content:'';position:absolute;right:30px;top:23px;width:19px;height:20px;background:url(../../images/user/cscenter/icon_faq_list.png) no-repeat left top;}
.faq_list ul li dl dd {display:none;position:relative;padding:18px 0 30px 65px;font-size:1.8rem;font-weight:300;line-height:28px;color:#222;border-bottom:1px solid #d5d5d5;background:#f5f5f5;}
.faq_list ul li dl dd * {font-size:1.8rem;font-weight:300;line-height:28px;color:#222;}
.faq_list ul li dl dd .icon {top:15px;background:#666;}
.faq_list ul li dl dt a.active:after {background-image:url(../../images/user/cscenter/icon_faq_list_on.png);}

/* 문의하기 */
.inquiry_content .table_type_cols table tbody tr td .icon_state {width:45px;vertical-align:middle;}
.inquiry_content .table_type_cols table tbody tr td .icon_lock {vertical-align:middle;}
.inquiry_content .table_type_cols table tbody tr td a {vertical-align:middle;}
.inquiry_content .privacy_text {overflow:hidden;overflow-y:auto;height:300px;padding:23px 25px;border:2px solid #e5e5e5;background:#fff;border-radius:5px;box-sizing:border-box;}
.inquiry_content .privacy_text dt {font-size:1.6rem;line-height:26px;}
.inquiry_content .privacy_text dd {padding:0 0 0 15px;font-size:1.6rem;font-weight:300;line-height:26px;}
.inquiry_content .privacy_text p {font-size:1.6rem;font-weight:300;line-height:26px;}
.inquiry_content .sub_title .summary {font-weight:400;color:#e40000;}

/* 개인정보처리방침 */
.privacy_content .info_box {display:flex;padding:31px 20px 28px 180px;align-items:center;border:3px solid #e5e5e5;background:url(../../images/user/cscenter/icon_privacy_info.png) no-repeat left 48px center;border-radius:25px 5px 25px 5px;}
.privacy_content .info_box dl dt {font-size:2rem;font-weight:700;color:#222;}
.privacy_content .info_box dl dt span {font-size:2rem;font-weight:700;}
.privacy_content .info_box dl dd {margin:19px 0 0;font-size:1.7rem;font-weight:300;line-height:28px;word-break:keep-all;color:#222;}
.privacy_content .info_box dl dd p {margin:0 0 20px;font-size:1.8rem;}
.privacy_content .privacy_wrap .title {margin:58px 0 0;font-size:2.6rem;font-weight:700;color:#222;}
.privacy_content .privacy_wrap .summary {margin:22px 0 0;font-size:1.8rem;font-weight:300;line-height:28px;color:#444;word-break:keep-all;}
.privacy_content .privacy_wrap .box {margin:30px 0 0;padding:38px 40px 36px;background:#f5f5f5;border-radius:25px 5px 25px 5px;}
.privacy_content .privacy_wrap .box dl dt {padding:30px 0 0;font-size:1.8rem;font-weight:500;color:#222;}
.privacy_content .privacy_wrap .box dl:first-child dt {padding:0;}
.privacy_content .privacy_wrap .box dl dd {position:relative;margin:16px 0 0;padding:0 0 0 16px;font-size:1.8rem;font-weight:300;line-height:28px;color:#444;word-break:keep-all;}
.privacy_content .privacy_wrap .box dl dd:after {content:'';position:absolute;left:1px;top:12px;width:6px;height:6px;background:#e73d0f;border-radius:6px;}
.privacy_content .privacy_wrap .box dl dd + dd {margin:5px 0 0;}
.privacy_content .privacy_wrap .box dl dd.nodot {padding:0;}
.privacy_content .privacy_wrap .box dl dd.nodot:after {display:none;}
.privacy_content .privacy_wrap .box dl dd ol,
.privacy_content .privacy_wrap .box dl dd ul {margin:5px 0 10px;}
.privacy_content .privacy_wrap .box dl dd ol li,
.privacy_content .privacy_wrap .box dl dd ul li {font-size:1.6rem;font-weight:300;line-height:28px;color:#444;}
.privacy_content .privacy_wrap .box dl dd ol li {padding:0 0 0 15px;}
.privacy_content .privacy_wrap .box p {font-size:1.8rem;font-weight:500;line-height:45px;color:#222;}
.privacy_content .privacy_wrap .box .text {display:block;padding:0 0 0 15px;font-size:1.6rem;font-weight:300;line-height:28px;color:#444;}
.privacy_content .privacy_wrap .box .table_type_cols {margin:30px 0 0;}
.privacy_content .privacy_wrap .box .table_type_cols table thead tr th {padding:14px 5px;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;background:#e5e5e5;}
.privacy_content .privacy_wrap .box .table_type_cols table thead tr th:first-child {border-left:0 none;}
.privacy_content .privacy_wrap .box .table_type_cols table tbody tr td {text-overflow:inherit;white-space:normal;height:auto;padding:11px 5px;font-size:1.6rem;line-height:23px;background:#fff;}
.privacy_content .privacy_wrap .box .table_type_cols table tbody tr td.name {padding-left:20px;}
.privacy_content .privacy_wrap .box .table_type_rows table tbody tr th {border-bottom:1px solid #d5d5d5;background:#e5e5e5;}
.privacy_content .privacy_wrap .box .table_type_rows table tbody tr td {background:#fff;}
.privacy_content .privacy_wrap .box .img_box {margin:40px 0 30px;}
.privacy_content .button_box {margin:38px 0 0;}

/* 회원약관 */
.agreement_content .info_box {background-image:url(../../images/user/cscenter/icon_agreement_info.png);}
.agreement_content .privacy_wrap .box dl dd {padding:0;line-height:38px;}
.agreement_content .privacy_wrap .box dl dd:after {display:none;}
.agreement_content .privacy_wrap .box dl dd ol li {line-height:40px;}
.agreement_content .noti {margin:33px 0 0;font-size:1.8rem;font-weight:300;color:#444;}

/* 원격지원요청 */
.remote_content .remote_wrap {width:910px;margin:0 auto;padding:292px 0 65px;text-align:center;border:3px solid #e5e5e5;background:url(../../images/user/cscenter/icon_remote_bg.png) no-repeat center top 64px;border-radius:25px 5px 25px 5px;box-sizing:border-box;}
.remote_content .remote_wrap dl dt {font-size:2rem;font-weight:700;color:#222;}
.remote_content .remote_wrap dl dd {margin:13px 0 0;font-size:1.8rem;font-weight:300;line-height:28px;color:#222;}
.remote_content .remote_wrap .button_type.fill {width:290px;margin:36px 0 0;}
.remote_content .remote_wrap .summary {margin:28px 0 0;font-size:1.8rem;font-weight:300;}
.remote_content .remote_wrap .summary span {font-size:1.8rem;}
.remote_content .remote_wrap ul {overflow:hidden;display:inline-block;margin:21px auto 0;}
.remote_content .remote_wrap ul li {position:relative;float:left;}
.remote_content .remote_wrap ul li button {font-size:1.8rem;font-weight:300;line-height:26px;}
.remote_content .remote_wrap ul li button i {display:inline-block;width:18px;height:20px;margin:4px 10px 0 0;vertical-align:top;background:url(../../images/user/cscenter/icon_remote_refresh.png) no-repeat left top;}
.remote_content .remote_wrap ul li:first-child {padding:0 45px 0 0;}
.remote_content .remote_wrap ul li:first-child:after {content:'';position:absolute;right:22px;top:3px;width:1px;height:18px;background:#d5d5d5;}
.remote_content .remote_wrap ul li:first-child button i {background-image:url(../../images/user/cscenter/icon_remote_bookmark.png);}

/* PC 화면 분기 */
@media screen and (max-width: 1300px) {

}

/* 테블릿 */
@media screen and (max-width: 1199px) {
  /* 공통 */
  .main_banner {height:500px;background-image:url(../../images/user/cscenter/img_cscenter_banner_m.jpg);}
  .main_banner h2 {line-height:50px;}

  .sort_box {margin:120px 0 60px;}
  .sort_box .text {font-size:3.2rem;}
  .sort_box .text span {font-size:3.2rem;}
  .sort_box .button_box {float:right;margin:-24px 0 0;}
  .sort_box .button_box .button_type {margin:0 0 0 5px;}

  .tab_type {display:none;}
  /* //공통 */

  /* 자주묻는질문 */
  .faq_list ul li dl .icon {position:absolute;left:40px;top:50%;width:68px;height:68px;font-size:3.6rem;line-height:68px;transform:translateY(-50%);}
  .faq_list ul li dl dt a {overflow:inherit;text-overflow:inherit;white-space:normal;padding:16px 90px 16px 140px;font-size:3.6rem;line-height:60px;}
  .faq_list ul li dl dt a:after {right:40px;top:50%;width:36px;height:22px;background-image:url(../../images/user/cscenter/icon_faq_list_m.png);transform:translateY(-50%);}
  .faq_list ul li dl dd {display:none;position:relative;padding:48px 60px 40px 140px;font-size:3.6rem;line-height:60px;}
  .faq_list ul li dl dd * {font-size:3.6rem;line-height:60px;}
  .faq_list ul li dl dd .icon {top:80px;}
  .faq_list ul li dl dt a.active:after {background-image:url(../../images/user/cscenter/icon_faq_list_on_m.png);}

  /* 문의하기 */
  .inquiry_content .table_type_cols table tbody tr td .icon_state {width:120px;}

  /* 개인정보처리방침 */
  .privacy_content .info_box {display:block;padding:380px 50px 60px;background:url(../../images/user/cscenter/icon_privacy_info_m.png) no-repeat center top 64px;}
  .privacy_content .info_box dl dt {font-size:4rem;line-height:50px;}
  .privacy_content .info_box dl dt span {font-size:4rem;line-height:50px;}
  .privacy_content .info_box dl dd {margin:50px 0 0;font-size:3.2rem;line-height:50px;}
  .privacy_content .info_box dl dd p {margin:0 0 50px;font-size:3.6rem;line-height:50px;}
  .privacy_content .privacy_wrap .title {margin:76px 0 0;font-size:5.2rem;line-height:70px;}
  .privacy_content .privacy_wrap .summary {margin:48px 0 0;font-size:3.6rem;line-height:52px;}
  .privacy_content .privacy_wrap .box {margin:60px 0 0;padding:38px 40px 36px;}
  .privacy_content .privacy_wrap .box dl dt {padding:60px 0 0;font-size:3.6rem;line-height:50px;}
  .privacy_content .privacy_wrap .box dl dd {margin:40px 0 0;padding:0 0 0 30px;font-size:3.2rem;line-height:50px;}
  .privacy_content .privacy_wrap .box dl dd:after {top:20px;width:12px;height:12px;border-radius:12px;}
  .privacy_content .privacy_wrap .box dl dd + dd {margin:30px 0 0;}
  .privacy_content .privacy_wrap .box dl dd ol,
  .privacy_content .privacy_wrap .box dl dd ul {margin:30px 0 40px;}
  .privacy_content .privacy_wrap .box dl dd ol li,
  .privacy_content .privacy_wrap .box dl dd ul li {margin:10px 0 0;font-size:2.8rem;line-height:46px;}
  .privacy_content .privacy_wrap .box dl dd ol li {padding:0 0 0 30px;}
  .privacy_content .privacy_wrap .box p {font-size:3.6rem;line-height:60px;}
  .privacy_content .privacy_wrap .box .text {padding:0 0 0 30px;font-size:3.2rem;line-height:50px;}
  .privacy_content .privacy_wrap .box .table_type_cols {margin:30px 0 0;}
  .privacy_content .privacy_wrap .box .table_type_cols table thead tr th {padding:20px 10px;font-size:2.8rem;}
  .privacy_content .privacy_wrap .box .table_type_cols table tbody tr td {padding:20px 10px;font-size:2.8rem;line-height:40px;}
  .privacy_content .privacy_wrap .box .table_type_cols table tbody tr td.name {padding-left:20px;}
  .privacy_content .privacy_wrap .box .img_box {margin:60px 0 40px;}
  .privacy_content .button_box {margin:60px 0 0;}

  /* 회원약관 */
  .agreement_content .info_box {background-image:url(../../images/user/cscenter/icon_agreement_info_m.png);}
  .agreement_content .privacy_wrap .box dl dd {line-height:50px;}
  .agreement_content .privacy_wrap .box dl dd ol li {line-height:50px;}
  .agreement_content .noti {margin:60px 0 0;font-size:3.6rem;line-height:50px;}

  /* 원격지원요청 */
  .remote_content .remote_wrap {width:100%;margin:30px 0 0;padding:520px 36px 65px;background:url(../../images/user/cscenter/icon_remote_bg_m.png) no-repeat center top 96px;box-sizing:border-box;}
  .remote_content .remote_wrap dl dt {font-size:4rem;}
  .remote_content .remote_wrap dl dd {margin:70px 0 0;font-size:3.6rem;line-height:50px;}
  .remote_content .remote_wrap .button_type.fill {width:100%;margin:36px 0 0;}
  .remote_content .remote_wrap .summary {margin:58px 0 0;font-size:3.6rem;line-height:50px;}
  .remote_content .remote_wrap .summary span {font-size:3.6rem;line-height:50px;}
  .remote_content .remote_wrap ul {margin:60px auto 0;}
  .remote_content .remote_wrap ul li button {font-size:3.6rem;line-height:50px;}
  .remote_content .remote_wrap ul li button i {display:inline-block;width:38px;height:42px;margin:4px 20px 0 0;background-image:url(../../images/user/cscenter/icon_remote_refresh_m.png);}
  .remote_content .remote_wrap ul li:first-child {padding:0 90px 0 0;}
  .remote_content .remote_wrap ul li:first-child:after {right:45px;top:9px;height:38px;background:#d5d5d5;}
  .remote_content .remote_wrap ul li:first-child button i {background-image:url(../../images/user/cscenter/icon_remote_bookmark_m.png);}
}


/* 모바일 */
@media screen and (max-width: 767px){
  /* 공통 */
  .main_banner {height:250px;}
  .main_banner h2 {line-height:50px;}

  .sort_box {margin:60px 0 30px;}
  .sort_box .text {font-size:1.6rem;}
  .sort_box .text span {font-size:1.6rem;}
  .sort_box .button_box {float:right;margin:-24px 0 0;}
  .sort_box .button_box .button_type {margin:0 0 0 5px;}
  /* //공통 */

  /* 자주묻는질문 */
  .faq_list ul li dl .icon {left:20px;width:34px;height:34px;font-size:1.8rem;line-height:34px;}
  .faq_list ul li dl dt a {padding:8px 45px 8px 70px;font-size:1.8rem;line-height:30px;}
  .faq_list ul li dl dt a:after {right:20px;width:18px;height:11px;background-size:100%;}
  .faq_list ul li dl dd {padding:24px 30px 20px 70px;font-size:1.8rem;line-height:30px;}
  .faq_list ul li dl dd * {font-size:1.8rem;line-height:30px;}
  .faq_list ul li dl dd .icon {top:40px;}

  /* 문의하기 */
  .inquiry_content .table_type_cols table tbody tr td .icon_state {width:60px;}

  /* 개인정보처리방침 */
  .privacy_content .info_box {padding:190px 25px 30px;background-size:125px 125px;background-position:center top 48px;}
  .privacy_content .info_box dl dt {font-size:2rem;line-height:25px;}
  .privacy_content .info_box dl dt span {font-size:2rem;line-height:25px;}
  .privacy_content .info_box dl dd {margin:25px 0 0;font-size:1.6rem;line-height:25px;}
  .privacy_content .info_box dl dd p {margin:0 0 25px;font-size:1.8rem;line-height:25px;}
  .privacy_content .privacy_wrap .title {margin:38px 0 0;font-size:2.6rem;line-height:35px;}
  .privacy_content .privacy_wrap .summary {margin:24px 0 0;font-size:1.8rem;line-height:26px;}
  .privacy_content .privacy_wrap .box {margin:30px 0 0;padding:19px 20px 18px;}
  .privacy_content .privacy_wrap .box dl dt {padding:30px 0 0;font-size:1.8rem;line-height:25px;}
  .privacy_content .privacy_wrap .box dl dd {margin:20px 0 0;padding:0 0 0 15px;font-size:1.6rem;line-height:25px;}
  .privacy_content .privacy_wrap .box dl dd:after {top:10px;width:6px;height:6px;border-radius:6px;}
  .privacy_content .privacy_wrap .box dl dd + dd {margin:15px 0 0;}
  .privacy_content .privacy_wrap .box dl dd ol,
  .privacy_content .privacy_wrap .box dl dd ul {margin:15px 0 20px;}
  .privacy_content .privacy_wrap .box dl dd ol li,
  .privacy_content .privacy_wrap .box dl dd ul li {margin:5px 0 0;font-size:1.4rem;line-height:23px;}
  .privacy_content .privacy_wrap .box dl dd ol li {padding:0 0 0 15px;}
  .privacy_content .privacy_wrap .box p {font-size:1.8rem;line-height:30px;}
  .privacy_content .privacy_wrap .box .text {padding:0 0 0 15px;font-size:1.6rem;line-height:25px;}
  .privacy_content .privacy_wrap .box .table_type_cols {margin:15px 0 0;}
  .privacy_content .privacy_wrap .box .table_type_cols table thead tr th {padding:10px 5px;font-size:1.4rem;}
  .privacy_content .privacy_wrap .box .table_type_cols table tbody tr td {padding:10px 5px;font-size:1.4rem;line-height:20px;}
  .privacy_content .privacy_wrap .box .table_type_cols table tbody tr td.name {padding-left:10px;}
  .privacy_content .privacy_wrap .box .img_box {margin:30px 0 20px;}
  .privacy_content .button_box {margin:30px 0 0;}

  /* 회원약관 */
  .agreement_content .privacy_wrap .box dl dd {line-height:25px;}
  .agreement_content .privacy_wrap .box dl dd ol li {line-height:25px;}
  .agreement_content .noti {margin:30px 0 0;font-size:1.8rem;line-height:25px;}

  /* 원격지원요청 */
  .remote_content .remote_wrap {padding:260px 18px 33px;background-position:center top 48px;background-size:180px 180px;}
  .remote_content .remote_wrap dl dt {font-size:2rem;}
  .remote_content .remote_wrap dl dd {margin:20px 0 0;font-size:1.8rem;line-height:25px;}
  .remote_content .remote_wrap .button_type.fill {margin:18px 0 0;}
  .remote_content .remote_wrap .summary {margin:29px 0 0;font-size:1.8rem;line-height:25px;}
  .remote_content .remote_wrap .summary span {font-size:1.8rem;line-height:25px;}
  .remote_content .remote_wrap ul {margin:30px auto 0;}
  .remote_content .remote_wrap ul li button {font-size:1.8rem;line-height:25px;}
  .remote_content .remote_wrap ul li button i {width:19px;height:21px;margin:2px 10px 0 0;background-size:100%;}
  .remote_content .remote_wrap ul li:first-child {padding:0 45px 0 0;}
  .remote_content .remote_wrap ul li:first-child:after {right:22px;top:4px;height:19px;}
}