@charset "utf-8";
/*-------------------------------------------------------------------
    파일정의 :컨텐츠 스타일
    작성날짜 :YYYY-MM-DD 홍길동
    참고사항 :접근경로를 표시한다.
    분류순서 :공통화면 > 메뉴화면 > 팝업화면
    속성순서 :표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    ## 컨텐츠공통
-------------------------------------------------------------------*/
/* Content Layout */
.content-body {padding-top:6rem; padding-bottom:10rem;}
.main-cont .content-body {padding:0;}
@media all and (max-width:959px){
	.content-body {padding-top:0; padding-bottom:0;}
	.section-wrap section {padding:6rem 0;} /* 2022.02.15 Add */
	.ratings-btn .btn, .view-app-btn .btn, .compatible-footer .btn {border-radius: 0.4rem;} /* 2023.02.14 Mod */
}

/* SubVisual Images */
.sub-visual {position:relative; height:26.4rem; overflow:hidden;}
.sub-visual-bg {position:absolute; width:100%; height:100%; z-index:1; padding:0 2rem; background:url() no-repeat center 0; background-size:100% auto; animation:subVisualScale 6s forwards ease-out;  -webkit-animation:subVisualScale 6s forwards ease-out;}
/*.sub-visual:after {content:''; display:block; position:absolute; left:0; right:0; bottom:-1px; height:1px; background-color:#d4d4d4;} 라인사용안함 20190211 */
.notice-cont .sub-visual-bg {background-image:url(/img/cnt/visual_notice.jpg); background-position:0% 25%;} /* 공지사항 */
.faq-cont .sub-visual-bg {background-image:url(/img/cnt/visual_faq.jpg); background-position:0% 15%;} /* FAQ */
.selftest-cont .sub-visual-bg {background-image:url(/img/cnt/visual_selftest.jpg); background-position:0% 13%;} /* 자가진단 */
.mypage-cont .sub-visual-bg, /* 마이페이지 */
.ques-cont .sub-visual-bg {background-image:url(/img/cnt/visual_ques.jpg); background-position:0% 5%;} /* 1:1문의 */
.tvapp-cont .sub-visual-bg {background-image:url(/img/cnt/visual_tvapp.jpg); background-position:0% 25%;} /* TV앱 */
.search-cont .sub-visual-bg {} /* 통합검색 */
.terms-cont .sub-visual-bg {background-image:url(/img/cnt/visual_terms.jpg); background-position:0% 30%;} /* 약관 */
.global-cont .sub-visual-bg {background-image:url(/img/cnt/visual_global.jpg)} /* 국가변경 */
@keyframes subVisualScale {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}

@media all and (max-width:1400px){
	.sub-visual-bg {background-size:130% auto;}
}
@media all and (max-width:1200px){
	.sub-visual-bg {background-size:150% auto;}
	.notice-cont .sub-visual-bg {background-position:20% 15%;} /* 자가진단 */
}
@media all and (max-width:959px){
	.notice-cont .sub-visual-bg {background-position:40% 10%;} /* 자가진단 */
	.selftest-cont .sub-visual-bg {background-position:0 0%;} /* 자가진단 */
	.terms-cont .sub-visual-bg {background-position:0 30%;} /* 약관 */
	.mypage-cont .sub-visual-bg, /* 마이페이지 */
	.ques-cont .sub-visual-bg {background-position:10% 0;}
	.tvapp-cont .sub-visual-bg {background-position:17% 25%; background-size:auto 170%;}
}
@media all and (max-width:480px){
	.selftest-cont .sub-visual-bg {background-size:auto 115%;}
}

/* SubVisual Title */
.sub-visual .in-sec {position:relative; z-index:3; height:100%;}
.sub-visual .tit-wrap {width:100%; padding:0 20rem; text-align:center; color:#fff; text-shadow:1px 1px 1px #333;}
.sub-visual .tit-h2 {position:relative; font-size:4rem; font-family:'LGR'; font-weight:bold; opacity:0; transform:translateY(6rem); animation:titleAni 0.8s 1s forwards ease-out; line-height: 5.5rem;} /* 2020.09.22 Mod 홍병기C */

/* S : 2019.09.09 Add 홍병기K */
.inqueryClose .sub-visual .tit-h2 {font-family:'Tahoma';}
.csTelephone {}
.csTelephone .title {font-size:34px !important; line-height:36px; font-family:'Tahoma', sans-serif !important; margin:20px 0 0 0; color:#000; font-weight:normal;}
.csTelephone_wrap {margin:15px 0 0 0;}
.csTelephone_wrap ul {display:inline-block; width:100%;}
.csTelephone_wrap ul li {font-size:18px; line-height:20px; font-family:'Tahoma', sans-serif; padding:0 40px 20px 0;}
.csTelephone_wrap ul li.time {color:#a50034; background:url('../img/icons/icon_time.png') right 5px no-repeat;}
.csTelephone_wrap ul li.tel {background:url('../img/icons/icon_tel.png') right 5px no-repeat;}
.textRtL {direction:rtl; text-align:right;}
@media all and (max-width:959px){
	.csTelephone {padding: 0 2.5rem;}
}
/* E : 2019.09.09 Add 홍병기K */

.sub-visual .explain-h2 {margin-top:3.1rem; font-size:2rem; line-height:3rem; word-break:keep-all; word-wrap:break-word; font-family:'LGR'; color:#fff; opacity:0; transform:translateY(6rem); animation:explainAni 0.6s 1.2s forwards ease-out;}
html[lang=ja] .sub-visual .explain-h2,
html[lang=zh] .sub-visual .explain-h2 {word-break:normal;}
.sub-visual:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; opacity:0.3;
	background: #333; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top, #000 , #333); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #000 , #333); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #000 , #333); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #000 , #333); /* Standard syntax */
}
@keyframes titleAni {
	0% {opacity:0; transform:translateY(4rem);}
	100% {opacity:1; transform:translateY(0);}
}
@keyframes explainAni {
	0% {opacity:0; transform:translateY(4rem);}
	100% {opacity:1; transform:translateY(0);}
}

/* SubHeader NoneImages */
.sub-header {padding-top:6rem; padding-bottom:3rem; border-top:2px solid #6e6f71;}
.sub-header .tit-wrap .tit-h2 {color:#a40033; font-size:3.2rem; text-align:center; font-weight:bold;}

/* Content Title */
.title-wrap {margin-bottom:2rem;}
.title-wrap .tit-h3 {font-size:24px;}

@media all and (max-width:1280px){
	.sub-visual {background-position:30% 0; height: 17rem;} /* 2022.02.15 Mod */
}

@media all and (max-width:959px){
	/* 전체공통 */
	.sub-header {padding-top:4rem; padding-bottom:2rem;}
	.sub-header .tit-wrap .tit-h2 {font-size:2rem;}

	/* 서브비주얼 */
	.sub-visual-bg {background-size:auto 170%;}
	.sub-visual .tit-wrap {padding:0 10rem;}
	.sub-visual .tit-wrap .tit-h2 {font-size:3rem;}
	.sub-visual .tit-wrap .explain-h2 {margin-top:1.3rem; font-size:1.4rem; line-height:2rem;}

	/* 페이지별 */
	.ques-cont .sub-visual .tit-h2 {text-shadow:0 0 3px rgba(0,0,0,1)}
	.ques-cont .sub-visual .explain-h2 {margin-top:1.1rem; line-height:2.2rem;}
}

@media all and (max-width:640px){
	.sub-visual:before {opacity: 0.5;} /* 2021.06.23 Mod 홍병기C(웹접근성) */
	.sub-visual .tit-wrap {padding:0 2rem;}
}


/*-------------------------------------------------------------------
    ## 컨텐츠그룹 간격
-------------------------------------------------------------------*/
.search-page-wrap {margin-bottom:5rem;}
@media all and (max-width:959px){
	.search-page-wrap {margin-bottom:0; padding:0;} /* 2022.02.15 Mod */
}

/*-------------------------------------------------------------------
    ## 공지사항
-------------------------------------------------------------------*/
/* 공지사항검색 */
.search-board-wrap {margin-bottom:2.6rem;}
.search-board {text-align:right;}
.search-board .search-form {display:inline-block; position:relative; width:35.5rem;}
.search-board .search-form input {width:100%; height:4.8rem; padding:0 7.6rem 1px 2.6rem; font-size:1.6rem; line-height:4.5rem; border:1px solid #666666; background-color:#fff; vertical-align:middle;}
@media all and (max-width:960px){
	.notice-cont .board-wrap {padding-top:3rem;}
	.notice-cont .search-board-wrap {margin-top:-0.5rem; margin-bottom:2rem;}
	.notice-cont .search-board .search-form {width:100%;}
}

/* 공지사항 상세 */
.board-view {margin-bottom:5rem; overflow:hidden;}
.board-view .board-header {display:table; width:100%; background-color:#f8f8f8; border-top:2px solid #333; border-bottom:1px solid #dfdfdf; font-size:1.6rem; font-family:'LGR';}
.board-view .board-header .tit-wrap,
.board-view .board-header .txt-wrap {display:table-cell; height:6rem; padding:1.5rem 0 1.5rem 5rem; text-align:left; vertical-align:middle; line-height:2.5rem;}
.board-view .board-header .tit-wrap .tit-h3 {color:#a40033;}
.board-view .board-header .txt-wrap {padding:0 5rem 0 0; text-align:right; white-space:nowrap;}
.board-view .board-header .txt-wrap dl,
.board-view .board-header .txt-wrap .tit,
.board-view .board-header .txt-wrap .txt {display:inline-table; white-space:nowrap;}
.board-view .board-header .txt-wrap .tit {color:#111; font-family:'LGR'; margin-right:1.8rem; margin-left:5.5rem;}
.board-view .board-header .txt-wrap .tit:after {content:' :';}
.board-view .board-header .txt-wrap .txt {color:#333;}
.board-view .board-body {padding:3rem 4.8rem;}
@media all and (max-width:959px){
	.board-view {margin-bottom:2.5rem;}
	.board-view .board-header {display:block;}
	.board-view .board-header .tit-wrap,
	.board-view .board-header .txt-wrap {display:block; height:auto; padding:1.5rem 4.8rem;}
	.board-view .board-header .txt-wrap {text-align:left; border-top:1px solid #e4e4e4;}
	.board-view .board-header .txt-wrap dl {display:inline-table; width:50%; text-align:left;}
	.board-view .board-header .tit-wrap .tit-h3,
	.board-view .board-header .txt-wrap .tit,
	.board-view .board-header .txt-wrap .txt {text-align:left; vertical-align:middle;}
	html[lang=ja] .board-view .board-header .tit-wrap .tit-h3, html[lang=th] .board-view .board-header .tit-wrap .tit-h3 {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
	.board-view .board-header .txt-wrap .tit {margin-left:0;}
}
@media all and (max-width:757px){
	.board-view .board-body {padding:2rem 3rem;}
	html[lang=ja] .board-view .board-body, html[lang=th] .board-view .board-body {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
	.board-view .board-header .tit-wrap,
	.board-view .board-header .txt-wrap {padding:1.5rem 2rem;} /* 2019.08.07 Mod 홍병기K */
	.board-view .board-header .txt-wrap .define-writer, .board-view .board-header .txt-wrap .define-date {font-size:1.4rem;} /* 2019.08.07 Mod 홍병기K */
	.board-view .board-header .txt-wrap .tit {margin-right:1rem;}
	.selftest-view .board-view .board-header .txt-wrap dl {width:100% !important;} /* 컬럼이 하나이므로 100% 처리 */
}
@media all and (max-width:640px){
	.board-view .board-header .txt-wrap dl {display:block; width:100%; text-align:left;}
	html[lang=ko] .board-view .board-header .txt-wrap dl {display:inline-table; width:50%;}
	html[lang=ja] .board-view .board-header .txt-wrap dl {display:inline-table; width:50%;}
	html[lang=zh] .board-view .board-header .txt-wrap dl {display:inline-table; width:50%;}
}

/* 공지사항 다음,이전 */
.board-pager {border-bottom:1px solid #d5d5d5;}
.board-pager table {width:100%; border:0; border-spacing:0; border-collapse:collapse;}
.board-pager table th {position:relative; width:20rem; height:6rem; padding:1rem 2rem 1rem 4.8rem; border-top:1px solid #d5d5d5; text-align:left; font-size:1.6rem; color:#333; font-family:'LGR'; white-space:nowrap;}
.board-pager table td {height:6rem; padding:1rem 2rem; border-top:1px solid #d5d5d5; font-size:1.6rem; color:#333;}
.board-pager table th .tit {display:block; position:relative;}
.board-pager table td .link-wrap {display:block; line-height:2.5rem;}
.board-pager table td .link-text {font-family:'LGR';}
.board-pager table td .label-type1 {margin-right:0.5rem; font-family:'LGR';}
.board-pager table td .label-type3 {position:relative; top:-0.1rem;}
@media all and (max-width:757px){
	.board-pager table th {width:16rem; padding-left:1rem;} /* 2019.07.25 Mod 홍병기K */
}

/* 공지사항 버튼영역 */
.board-view-wrap .btn-wrap {margin-top:5rem; text-align:center;}
@media all and (max-width:959px){
	.board-view-wrap {padding-bottom:5rem;}
	.board-view-wrap .btn-wrap {margin-top:5rem;}
}

/* Layout Gutter */
.noticeList-cont .search-board-wrap {margin-top:4rem;}
.noticeView-cont .board-pager-wrap {margin-top:4rem;}
.noticeView-cont .board-btn-wrap {margin-top:4rem;}

/*-------------------------------------------------------------------
    ## FAQ
-------------------------------------------------------------------*/
/* 검색내용 - Accordion */
.faq-accordion .accordion-content {display:none;}
.faq-accordion .accordion-title .accordion-toggle {position:relative; z-index:2; text-align:left;}
.faq-accordion .accordion-title .accordion-toggle .arw {position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(0deg); transition:all 0.2s;}
.faq-accordion .accordion.is-active .accordion-title .accordion-toggle .arw {transform:translateY(-50%) rotate(180deg)}
.faq-accordion .accordion {margin-top:5px; padding:0.8rem 4rem; border:1px solid #e4e4e4; transition:background 0.25s;}
.faq-accordion .accordion:first-child {margin-top:0;}
.faq-accordion .accordion-title {position:relative;}
.faq-accordion .accordion-title .accordion-toggle {display:table; table-layout:fixed; width:100%; position:relative; height:5.2rem; padding:1.5rem 0 1.5rem 0; line-height:2.6rem; font-size:1.6rem;}
.faq-accordion .accordion-title .accordion-toggle:after {content:''; display:block; clear:both;}
.faq-accordion .accordion-title .tit-qusetion,
.faq-accordion .accordion-title .tit-part,
.faq-accordion .accordion-title .tit-label {display:table-cell; vertical-align:middle;}
.faq-accordion .accordion-title .tit-qusetion {width:5rem; text-align:left; color:#a40033; font-size:3rem; font-family:'LGB';}
.faq-accordion .accordion-title .tit-part {width:22rem; padding-right:2rem; color:#a40033; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.faq-accordion .accordion-title .tit-part:before {content:'[';}
.faq-accordion .accordion-title .tit-part:after {content:']';}
.faq-accordion .accordion-title .tit-label {padding-right:6rem; width:100%; word-break:keep-all; word-wrap:break-word;}
.faq-accordion .accordion-title .arw-toggle {position:absolute; right:0; top:50%;}
.faq-accordion .accordion-content {position:relative; border-top:1px solid #e4e4e4; padding:2rem 0 3.6rem 5.2rem;}
.faq-accordion .accordion-content .ico {position:absolute; left:14rem; top:2rem; width:3rem; text-align:center;}
.faq-accordion .accordion-content .tit-answer {display:none;}
.faq-accordion .tag-wrap {margin-top:2rem;}
.faq-accordion .accordion.is-active {background-color:#f8f8f8;}
.faq-accordion .accordion.is-active .accordion-toggle .tit-label {color:#a40033;}
@media all and (max-width:959px){
	.faq-accordion .accordion {border-width:1px 0; padding:0.8rem 2rem; margin-top:-1px;}
	.faq-accordion .accordion-title {display:block;}
	.faq-accordion .accordion-title .accordion-toggle {display:block; height:auto; padding:1rem 0 1rem 0;}
	.faq-accordion .accordion-title .tit-qusetion {position:absolute; margin-top:0; margin-right:1.5rem; font-size:2rem;}
	.faq-accordion .accordion-title .tit-part {position:absolute; display:inline-block; width:auto; padding-left:3rem; top:1rem;}
	.faq-accordion .accordion-title .tit-label {display:inline-block; padding-left:3rem; margin-top:2.8rem; padding-right:4rem;}
	.faq-accordion .accordion-content {padding-left:0; padding-bottom:1rem;}
	.faq-accordion .tag-wrap + .msg-wrap {margin-top:2rem;}
}

/* RelatedInfo */
.box-relateMenu {margin-top:8rem;}
.box-relateMenu .box {border:1px solid #e4e4e4;}
.box-relateMenu .box-header {padding:0 10rem; background-color:#f8f8f8; text-align:center;}
.box-relateMenu .box-header .para {padding:1.5rem 0; line-height:3rem; color:#000000; font-size:2rem; word-break:keep-all;}
html[lang=ja] .box-relateMenu .box-header .para, html[lang=th] .box-relateMenu .box-header .para {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
/*html[lang=ja] .box-relateMenu .box-header .para,
html[lang=zh] .box-relateMenu .box-header .para {word-break:normal;} 2019.07.09 Del 홍병기K (C20190711_39467 반영) */
.box-relateMenu .grid .col {position:relative; padding:3rem 0;}
.box-relateMenu .grid .col + .col .relate-link:before {content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background-color:#e4e4e4;}
.box-relateMenu .box-body .relate-link {position:relative; display:table; min-height:11rem; padding-left:26rem; padding-right:5rem;}
.box-relateMenu .box-body .relate-link dl {display:table-cell; vertical-align:middle;}
.box-relateMenu .box-body .relate-link .tit {display:block; font-family:'NSB'; font-size:2rem; color:#333333;}
.box-relateMenu .box-body .relate-link .txt {display:block; margin-top:2rem; line-height:2.4rem; color:#333333;}
.box-relateMenu .box-body .relate-link .tit,
.box-relateMenu .box-body .relate-link .txt,
.box-relateMenu .box-body .relate-link .txt .dis-ib {word-break:keep-all;}
html[lang=zh] .box-relateMenu .box-body .relate-link .tit,
html[lang=zh] .box-relateMenu .box-body .relate-link .txt,
html[lang=zh] .box-relateMenu .box-body .relate-link .txt .dis-ib,
html[lang=ja] .box-relateMenu .box-body .relate-link .tit,
html[lang=ja] .box-relateMenu .box-body .relate-link .txt,
html[lang=ja] .box-relateMenu .box-body .relate-link .txt .dis-ib {word-break:normal;}
.box-relateMenu .box-body .relate-link .ico-area {position:absolute; left:0; top:50%; transform:translateY(-50%); width:230px; text-align:right;}
@media all and (max-width:1200px){
	.box-relateMenu .box-body .relate-link {padding-left:20rem; padding-right:3rem;}
	.box-relateMenu .box-body .relate-link .ico-area {width:16rem;}
}
@media all and (max-width:959px){
	.box-relateMenu {margin-top:0; padding:0;}
	.box-relateMenu .box-header {padding:0 3rem;}
	.box-relateMenu .box-header .para {font-size:1.8rem;}
	.box-relateMenu:before {content:''; display:block; height:0.5rem; border-top:1px solid #e4e4e4; background-color:#ebedef;}
	.box-relateMenu:after {content:''; display:block; height:0.5rem; border-bottom:1px solid #e4e4e4; background-color:#ebedef;}
	.box-relateMenu .box {border-width:2px 0;}
	.box-relateMenu .grid .col-6 {width:100%;}
	.box-relateMenu .grid {padding:1.3rem 0 1.5rem;}
	.box-relateMenu .grid .col {padding:1rem 0 1rem;}
	.box-relateMenu .grid .col + .col .relate-link:before {display:none;}
	.box-relateMenu .box-body .relate-link {min-height:10rem; padding-left:13rem;}
	.box-relateMenu .box-body .relate-link .ico-area {width:7rem; height:7rem; left:3rem;}
	.box-relateMenu .box-body .relate-link .ico-area .ico {width:100%; height:100%;}
	.box-relateMenu .box-body .relate-link .tit {font-size:1.6rem;}
	.box-relateMenu .box-body .relate-link .txt {margin-top:0.6rem;}
}

/*-------------------------------------------------------------------
    ## 자가진단
-------------------------------------------------------------------*/
/* 자가진단 목록 */
.selftest-cont .selftest-lists-wrap {margin-top:4rem;}
.selftest-cont .section-category2 {padding-bottom:0;}
.selftest-lists {overflow:hidden;}
.selftest-lists ul:after {content:''; display:block; clear:both;}
.selftest-lists[data-type=image] ul {margin:-3.5rem -1rem;}
.selftest-lists[data-type=image] li {float:left; width:25%; padding:3.5rem 1rem; text-align:center;}
.selftest-lists[data-type=image] li .item-wrap {display:block; overflow:hidden;}
.selftest-lists[data-type=image] li .item-wrap .item-thumb {width:100%; max-width:100%; overflow:hidden; margin:auto; border-radius:0;} /* 높이는 UI 최적화를 위해 해상도별 처리 */
.selftest-lists[data-type=image] li .item-wrap .item-thumb img {width:100%; position:absolute; left:50%; bottom:0; transform:translate(-50%, 0) scale(1); transition:transform 0.25s ease;}
.selftest-lists[data-type=image] li .item-wrap .item-tit {margin-top:1.5rem; font-size:1.6rem; color:#000000; font-family:'LGR'; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word; line-height:2rem; height:3.8rem; word-break:keep-all;} /* 2019.07.25 Mod 홍병기K */
.selftest-lists[data-type=image] li .item-wrap .item-tit a {display:block;}
.selftest-lists[data-type=image] li .item-wrap .item-date {margin-top:1.2rem; color:#666666;}
.selftest-lists[data-type=image] li .item-wrap:hover .item-thumb img,
.selftest-lists[data-type=image] li .item-wrap:active .item-thumb img,
.selftest-lists[data-type=image] li .item-wrap:focus .item-thumb img {transform:translate(-50%, 0) scale(1.1);}
.selftest-lists[data-type=image] li .item-tag {margin:1rem -0.6rem 0; min-height:4.5rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.6rem; height:3.2rem;}

@media all and (min-width: 1364px){ .selftest-lists[data-type=image] li .item-wrap {} .selftest-lists[data-type=image] li .item-thumb {width:30rem; height:20rem;} }
@media all and (max-width: 1363px){ .selftest-lists[data-type=image] li .item-wrap {} .selftest-lists[data-type=image] li .item-thumb {width:27rem; height:18rem;} }
@media all and (max-width: 1199px){ .selftest-lists[data-type=image] li .item-wrap {} .selftest-lists[data-type=image] li .item-thumb {width:21rem; height:14rem;} }
@media all and (max-width: 959px) { .selftest-lists[data-type=image] li .item-wrap {} .selftest-lists[data-type=image] li .item-thumb {width:18rem; height:12rem;} }
@media all and (max-width: 757px) { .selftest-lists[data-type=image] li .item-wrap {} .selftest-lists[data-type=image] li .item-thumb {width:18rem; height:12rem;} }
@media all and (max-width: 559px) { .selftest-lists[data-type=image] li .item-wrap {} .selftest-lists[data-type=image] li .item-thumb {width:15rem; height:10rem;} }
@media all and (max-width: 479px) { .selftest-lists[data-type=image] li .item-wrap {} .selftest-lists[data-type=image] li .item-thumb {width:15rem; height:10rem;} }
@media all and (max-width: 359px) { .selftest-lists[data-type=image] li .item-wrap {} .selftest-lists[data-type=image] li .item-thumb {width:12rem; height:8rem;} }

@media all and (max-width:959px){
	.selftest-cont .selftest-lists-wrap {margin-top:0;}
	.selftest-lists[data-type=image] {padding:3rem 2.5rem 0;}
	/*
	.selftest-lists[data-type=image] ul {margin:-2.5rem -0.8rem;}
	.selftest-lists[data-type=image] li {float:left; width:25%; padding:2.5rem 0.8rem;}
	.selftest-lists[data-type=image] li .item-thumb {height:calc(14vw + 40px);}
	*/
	.tbl-regist-result .selftest-lists[data-type=image] {padding-bottom:3rem;} /* 1:1문의등록 - 자가진단결과 */
}
@media all and (max-width:959px){
	.selftest-lists[data-type=image] li {width:33.3333%;}
}
@media all and (max-width:480px){
	.selftest-lists[data-type=image] li {width:50%;}
	.selftest-lists[data-type=image] ul {margin:-2.5rem -1rem;}
	.selftest-lists[data-type=image] li {padding:2.5rem 1rem;}
	/*.selftest-lists[data-type=image] li .item-thumb {height:calc(20vw + 40px);}*/
}

/* 자가진단 상세 - 슬라이드 */
.swiper-selftest {position:relative;}
.swiper-selftest .swiper-slide:after {content:''; display:block; clear:both;}
.swiper-selftest .swiper-pagination {display:none; width:100%; bottom:auto; top:0; transition:top 0.2s;}
.swiper-selftest .swiper-pagination-bullet {width:3.4rem; height:1.6rem; margin:0 0.2rem; border:1px solid #999; background-color:#fff; border-radius:0.9rem; opacity:1; transition:all 0.3s;}
.swiper-selftest .swiper-pagination-bullet-active {background-color:#a40033; border:1px solid #a40033;}
.swiper-selftest .swiper-slide {text-align:center;}
.swiper-selftest .swiper-slide img {width:100%;}
.swiper-selftest .swiper-slide .data-content {margin-top:3rem;}
.swiper-selftest .swiper-button-prev {display:none; width:5rem; height:5rem; left:0rem; background-image:url(/img/cnt/ico_prev_screenshots.png); background-size:100% 100%; opacity:1; vertical-align:middle; transition:top 0.2s;}
.swiper-selftest .swiper-button-next {display:none; width:5rem; height:5rem; right:0rem; background-image:url(/img/cnt/ico_next_screenshots.png); background-size:100% 100%; opacity:1; vertical-align:middle; transition:top 0.2s;}
.swiper-selftest .swiper-button-disabled {opacity:0.4;}
@media all and (max-width:757px){
	.swiper-selftest .swiper-slide .data-content {margin-top:4rem;}
	html[lang=ja] .swiper-selftest .swiper-slide .data-content, html[lang=th] .swiper-selftest .swiper-slide .data-content {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
	.swiper-selftest .swiper-button-prev,
	.swiper-selftest .swiper-button-next {width:4.4rem; height:4.4rem; background-size:auto 80%;}
	.swiper-selftest .swiper-button-prev {left:-4rem;}
	.swiper-selftest .swiper-button-next {right:-4rem;}
}

/* 자가진단 상세 - 유튜브 */
.ytplayer-selftest .ytplayer-wrap {position:relative; width:75%; margin:auto;}
.ytplayer-selftest .ytplayer {height:60rem; z-index:1;}
.ytplayer-selftest .ytplayer-cover {display:none; position:absolute; z-index:13; left:0; top:0; right:0; bottom:0; transition:opacity 0.2s;}
.ytplayer-selftest .ytplayer-cover.is-active {opacity:0;}
.ytplayer-selftest .ytplayer-cover .ytplayer-play {}
.ytplayer-selftest .ytplayer-btn {width:75%; margin:auto; margin-top:1rem; text-align:right;}
.ytplayer-selftest .ytplayer-btn[data-state=opened] .folder-open {display:none;}
.ytplayer-selftest .ytplayer-btn[data-state=opened] .folder-close {display:inline-block;}
.ytplayer-selftest .ytplayer-btn[data-state=closed] .folder-open {display:inline-block;}
.ytplayer-selftest .ytplayer-btn[data-state=closed] .folder-close {display:none;}
@media all and (max-width:1283px){
	.ytplayer-selftest .ytplayer {height:50vw;}
}
@media all and (max-width:757px){
	.ytplayer-selftest .ytplayer-wrap,
	.ytplayer-selftest .ytplayer-btn {width:100%;}
}
/* 자가진단 상세 - 컨텐츠 */
.selftest-view .board-view {overflow:visible;}
.selftest-view .board-view .board-body {padding-left:2rem; padding-right:2rem; border-bottom:1px solid #333;}
.selftest-view .board-view .board-footer {margin-top:4rem; padding:4.5rem 14.6rem; background-color:#f8f8f8;}
.selftest-view .data-image {width:75%; margin:auto;}
.selftest-view .data-content {padding:2rem 3rem; background-color:#f8f8f8}

.media-content {margin-top:3rem;}
.media-content .media-btn {text-align:right;}
.media-content .folder-content {display:none;}
@media all and (max-width:1283px){
	.selftest-view .board-view .board-footer {padding:3rem;}
}
@media all and (max-width:959px){
	.selftest-view {margin-top:3rem;}
}
@media all and (max-width:757px){
	.selftest-view {margin-top:3rem;}
	.selftest-view .board-view .board-body {padding-left:2rem; padding-right:2rem;}
	.selftest-view .board-view .board-footer {padding:3rem;}
	.selftest-view .data-image {width:100%;}
	.media-content {margin-top:3rem;}
}

/*-------------------------------------------------------------------
    ## 1:1문의
-------------------------------------------------------------------*/
/* 1:1문의_레이아웃 */
.ques-coalition-wrap {margin-top:3rem;}
/* 공통화, 사용안함 삭제대기
.ques-cont .sub-visual.has-search {height:32rem; padding:5.3rem 0;}
@media all and (max-width:640px){
	.ques-cont .sub-visual.has-search {padding:2rem 0;}
}
*/

/* 1:1문의_조회영역 */
.ques-inqury {padding-bottom:0.5rem; background:#f8f8f8; border:1px solid #e4e4e4;}
.ques-inqury-inner {padding:0 2rem; max-width:72rem; margin:auto;}
.ques-inqury-header {padding:3rem 0;}
.ques-inqury-header .tit-wrap {position:relative; padding-left:11.4rem;}
.ques-inqury-header .tit-wrap .tit-h2 {margin-bottom:1.6rem; font-size:2.8rem; font-family:'NSR'; font-weight:bold;}
.ques-inqury-header .tit-wrap .explain {margin-top:1.4rem; color:#666; font-size:1.6rem; line-height:2.4rem; word-break:keep-all;}
html[lang=th] .dv-mobile.dv-ios .ques-inqury-header .tit-wrap .explain,
html[lang=zh] .ques-inqury-header .tit-wrap .explain,
html[lang=ja] .ques-inqury-header .tit-wrap .explain {word-break:normal;}
.ques-inqury-header .tit-wrap .explain em {color:#000000;}
.ques-inqury-header .tit-wrap .ico {position:absolute; left:0; top:1rem;}
.ques-inqury-body {background:#fff;}
@media all and (max-width:959px){
	.ques-inqury-wrap {padding:0;}
	.ques-inqury {padding:0; border-width:1px 0 0;}
	.ques-inqury-header .ques-inqury-inner {padding:0 2.7rem;}
	.ques-inqury-body .ques-inqury-inner {padding:0 3.3rem;}
	.ques-inqury-header .tit-wrap {padding-left:7rem;}
	.ques-inqury-header .tit-wrap .tit-h2 {font-size:2rem;}
	.ques-inqury-header .tit-wrap .explain {font-size:1.4rem;}
}

/* 1:1문의_조회폼 */
.form-inqury {padding:3rem 0 3.5rem;}
.form-inqury dl {margin:-1rem 0;}
.form-inqury dl dt, .form-inqury dl dd {margin:1rem 0;}
.form-inqury dl dt {float:left; width:16rem; padding-right:3rem; line-height:2.4rem; font-weight:bold; font-size:1.6rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.form-inqury dl dd {padding-left:16rem;}
.form-inqury .form-select2 {width:100%;}
@media all and (max-width:959px){
	.form-inqury dl {padding-left:0;}
	.form-inqury dl dt {float:none; width:auto;}
	.form-inqury dl dd {padding-left:0;}
	.form-inqury dl dd + dt {margin-top:2rem;}
}
/* 버튼 */
.ques-btn-wrap {margin-top:5rem; overflow:hidden;}
.ques-btn-wrap .btn-wrap .btn {min-width:68rem;}
@media all and (max-width:959px){
	.ques-btn-wrap {margin-top:0; padding:2rem 1.5rem; background-color:#d9d9d9;}
	.ques-btn-wrap .btn-wrap .btn {min-width:1rem;}
}

/* 1:1문의_검색결과 */
.quse-result-wrap {margin-top:6rem;}
.quse-result-wrap .pagination-wrap {margin-bottom:7rem;}
@media all and (max-width:959px){
	.quse-result-wrap {margin-top:0; padding:0;}
}

/* QR코드 */
.dv-pc .qrcode-wrap {display:none;}
@media all and (min-width:641px){
	.qrcode-wrap {display:none;}
}
@media all and (max-width:959px){
	.qrcode-wrap {position:relative; padding-bottom:4.4rem; z-index:10; background-color:#fff;}
	.qrcode-wrap:after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0.6rem; background-color:#ebedef; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
	.qrcode-scan {padding:2rem 2rem 2.4rem 2rem; background-color:#fff;}
	.qrcode-scan .inner {position:relative; padding-left:11rem;}
	html[lang=ja] .qrcode-scan .inner, html[lang=th] .qrcode-scan .inner {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
	.qrcode-scan .tit-h3 {display:block; font-family:'NSB'; font-size:1.6rem; color:#000000;}
	.qrcode-scan .para {display:block; margin-top:1rem; font-size:1.4rem; line-height:2rem;}
	html[lang=ja] .qrcode-scan .para, html[lang=th] .qrcode-scan .para {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
	.qrcode-scan .btn {margin-top:1rem;}

	.qrcode-guide {display:none;}
	.qrcode-guide:before {content:''; display:block; width:100%; height:0.7rem; background-color:#ebedef; border-top:1px solid #e4e4e4; border-bottom:2px solid #e4e4e4;}
	.qrcode-guide ol {display:block; width:100%;}
	.qrcode-guide ol li {display:table; position:relative; width:100%; min-height:13rem;}
	.qrcode-guide ol li + li {border-top:1px solid #e4e4e4}
	.qrcode-guide ol li .item {display:table-cell; padding-left:15rem; font-size:1.8rem; vertical-align:middle; line-height:2.4rem;}
	.qrcode-guide ol li .txt {display:block; word-break:keep-all; word-wrap:break-word;}
	html[lang=ja] .qrcode-guide ol li .txt,
	html[lang=zh] .qrcode-guide ol li .txt {word-break:normal;}
	.qrcode-guide ol li .ico {display:inline-block;}
	.qrcode-guide ol li .ico:before {content:'1'; display:block; position:absolute; left:-0.3rem; top:-0.3rem; z-index:2; width:2.4rem; height:2.4rem; padding-top:1px; background-color:#a40033; color:#fff; font-size:1.4rem; line-height:2.3rem; text-align:center;}
	.qrcode-guide ol li + li .ico:before {content:'2';}
	.qrcode-guide ol li + li + li .ico:before {content:'3';}
	.qrcode-guide ol li + li +  li + li .ico:before {content:'4';}

	.qrcode-wrap .btn-fold-wrap {position:absolute; bottom:0.6rem; width:100%; padding:0; margin:0 0 0 0; text-align:right; transition:bottom 0.3s;}
	.qrcode-wrap .btn-fold-wrap .btn {height:4rem; padding:0 1.8rem; line-height:4rem; background:#000; color:#fff; font-size:1.6rem;}
	.qrcode-wrap .btn-fold-wrap .btn .arw {margin-left:0.6rem; transform:rotate(0); -webkit-transform:rotate(0); transition:transform 0.3s;}
	.qrcode-wrap .btn-fold-wrap .btn.is-active .arw {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	.qrcode-wrap .btn-fold-wrap .folder-close {display:none;}
	.qrcode-wrap[data-state=opened] .folder-open {display:none;}
	.qrcode-wrap[data-state=opened] .folder-close {display:inline-block;}
}

/* 1:1문의_안내 */
.ques-coalition-wrap {margin-top:8rem;}
.ques-coalition {overflow:hidden;}
.ques-coalition .grid {margin:-1.5rem;}
.ques-coalition .col {display:table; table-layout:fixed; width:33.33%; padding:1.5rem;}
.ques-coalition .item {display:table-cell; height:19.6rem; vertical-align:middle; padding:3.6rem 3rem 3.4rem; border:1px solid #e4e4e4;}
.ques-coalition .item dl {position:relative; padding-left:14rem;}
.dv-ie .ques-coalition .item dl {padding-left:13rem;} /* 대부분의 영문으로 표기되는 국가가 IE에서 내려감 */
.ques-coalition .item .tit,
.ques-coalition .item .tit span {font-size:2rem; color:#000; font-family:'LGR'; font-weight:bold; line-height:2.8rem;}
.ques-coalition .item .txt {margin-top:2.2rem; color:#333; line-height:2.3rem; word-break:keep-all; word-break:word-break;}
.ques-coalition .item .ico {position:absolute; left:0; top:50%; transform:translateY(-50%);}
html[lang=ru] .ques-coalition .item {height:21rem; padding:3rem;}
html[lang=zh] .ques-coalition .item .txt,
html[lang=ja] .ques-coalition .item .txt {word-break:normal;}
@media all and (max-width:1439px){
	.ques-coalition .col {width:100%;}
	html[lang=ru] .ques-coalition .item,
	.ques-coalition .item {padding:5rem 3rem; height:auto;}
}
@media all and (max-width:959px){
	.ques-coalition-wrap {margin-top:0; padding:0;}
	.ques-coalition-wrap:after {content:''; display:block; height:0.4rem; background-color:#ebedef; border-top:2px solid #e4e4e4; border-bottom:1px solid #e4e4e4; box-sizing:content-box;}
	.ques-coalition .grid {margin:0;}
	.ques-coalition .col {padding:0rem;}
	.ques-coalition .item {padding:2rem; border-width:1px 0 0;}
	.dv-ie .ques-coalition .item dl,
	.ques-coalition .item dl {padding-left:9rem;}
	.ques-coalition .item .tit {font-size:1.6rem;}
	.ques-coalition .item .tit span {font-size:1.4rem;}
	.ques-coalition .item .txt {margin-top:1.2rem;}
	.ques-coalition .item .txt .dis-ib {display:block;}
	.ques-coalition .item .ico {width:7rem; height:7rem; top:50%; transform:translateY(-50%);}
}

/* 1:1문의_입력_정보 */
.tbl-regist-wrap .explain-header {margin-bottom:1.5rem; font-size:1.6rem; color:#333;}
.tbl-regist-wrap .explain-footer,
.tbl-regist-wrap .explain-header p {color:#333;}
.tbl-regist-wrap .explain-footer p {color:#333;}
.tbl-regist-wrap .txt-required {position:relative; top:0.3rem; color:#d80546;}
.tbl-regist .board-contents {padding:3rem;}
.tbl-regist-wrap .form-desc {margin-top:1rem;}
.tbl-regist-wrap .form-desc p {color:#666;}
.tbl-regist-wrap .form-desc p + p {margin-top:0.5rem;}
.ques-regist-wrap .btn-wrap {margin:5rem -0.9rem 0; text-align:center;}
.ques-regist-wrap .btn-wrap .btn {margin:0 0.9rem;}
.tbl-regist {position:relative;}

/* 1:1문의_입력_폼 */
@media all and (min-width:960px){
	.tbl-regist {border-top:2px solid #333333; overflow:hidden;}
	.tbl-regist .col-index1 {width:16rem;}
	.tbl-regist .col-index2 {width:16rem;}
	.tbl-regist table {table-layout:fixed; border:0; border-spacing:0; border-collapse:inherit;}
	.tbl-regist table th {padding:0.9rem 2rem 1rem; border:1px solid #e4e4e4; background-color:#f8f8f8; font-size:1.6rem; font-family:'LGR'; text-align:left; line-height:2rem; word-break:keep-all; border-left:0; border-top:0;}/* position:relative; */
	html[lang=ja] .tbl-regist table th,
	html[lang=zh] .tbl-regist table th {word-break:normal;}
	.tbl-regist table td {padding:0.9rem 2.5rem 1rem; border:1px solid #ddd; border-right:0; border-left:0; border-top:0;}
	.tbl-regist table th:first-child {border-left:0;}
	.tbl-regist table tr:first-child th,
	.tbl-regist table tr:first-child td {border-top:0;}
	.tbl-regist table th .txt-required {margin-left:0.3rem;}
	.tbl-regist table .tit-dep1 {text-align:center;}
	.tbl-regist table .tit-dep1 .btn-group {margin-top:1rem;}
	.tbl-regist table .txt-dep1 {display:none;}
	.tbl-regist table .form-textarea {height:30rem;}
	.tbl-regist .form-textarea-wrap .info-area:after {content:''; display:block; clear:both;}
	.tbl-regist .form-textarea-wrap .info-area .info-desc {float:left; line-height:2rem;}
	.tbl-regist .form-textarea-wrap .info-area .info-byte {float:right; line-height:2rem;}
	.tbl-regist table  .tbl-regist-result td {border-left:0;}
}
@media all and (max-width:959px){
	.tbl-regist-wrap .explain-header,
	.tbl-regist-wrap .explain-footer {padding:0 2.5rem;}
	html[lang=th] .tbl-regist-wrap .explain-footer {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
	.tbl-regist {border-top:2px solid #333333; border-bottom:1px solid #dddddd;}
	.tbl-regist tbody {display:block; padding:2.5rem 2.5rem;}
	.tbl-regist tbody + tbody {border-top:1px solid #dddddd;}
	.tbl-regist table,
	.tbl-regist table tr,
	.tbl-regist table th,
	.tbl-regist table td {display:block; text-align:left;}
	.tbl-regist table td {padding-top:1rem;}
	html[lang=th] .tbl-regist table td {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
	.tbl-regist table th {margin-top:2.5rem; font-family:'LGR';}
	.tbl-regist table th, .tbl-regist .form-label {height:auto; line-height:2rem; min-height:0;}
	.tbl-regist tbody tr:first-child th:first-child {margin-top:0;}
	.tbl-regist table .tit-dep1 {position:relative;}
	.tbl-regist table .tit-dep1 .btn-group {position:absolute; right:0; top:-0.5rem;}
	.tbl-regist table .txt-dep1 {display:inline;}
	.tbl-regist .form-static {width:100%; padding:1.2rem 2rem; background-color:#efefef; min-height:4.8rem;}
	.tbl-regist .form-label {padding-bottom:0;}
	.tbl-regist .control-member {margin-top:1rem;}
	.tbl-regist table .form-textarea {height:20rem;}
	.tbl-regist .form-textarea-wrap .info-area .info-desc {display:none;}
	.tbl-regist .form-textarea-wrap .info-area .info-byte {text-align:right;}
	.tbl-regist .tbl-regist-result {padding:0;}
	.tbl-regist .tbl-regist-result > tr > td {padding:0; margin:0;}
	.tbl-regist .tbl-regist-result .tab-type1-wrap {margin:0; padding:0; margin-bottom:-1px;}
	.tbl-regist .form-size-md {min-width:100%;}
	.tbl-regist .form-file {width:100%;}
	.tbl-regist .form-file .btn {width:100%;}
	.tbl-regist .form-file .form-static {width:100%; margin:1rem 0 0; padding:0 2rem; line-height:5.2rem; text-align:center;}

	.ques-regist-wrap {padding:3rem 0 5rem;}
	.ques-regist-wrap .btn-wrap {margin:-0.5rem 0; margin-top:2.5rem; padding:0 2.5rem;}
	.ques-regist-wrap .btn-wrap .btn-group {display:table; table-layout:fixed; width:100%;}
	.ques-regist-wrap .btn-wrap .col {display:table-cell; padding:0 0 0 0.5rem;}
	.ques-regist-wrap .btn-wrap .col:first-child {padding:0 0.5rem 0 0;}
	.ques-regist-wrap .btn-wrap .btn {width:100%; margin:0; padding:0 1rem;}
}
@media all and (max-width:757px){
	html[lang=ru] .tbl-regist table .tit-dep1 .btn-group {display:block; position:static; margin-top:0.5rem;}
}
/* 1:1문의_입력_컨트롤 */
.tbl-regist .type-email,
.tbl-regist .type-macadd,
.tbl-regist .type-model,
.tbl-regist .type-file {display:inline-table; width:auto; white-space:nowrap;}
.tbl-regist .type-email,
.tbl-regist .type-model {margin-right:2rem;}
.tbl-regist .link-wrap {display:inline-block; margin:0.7rem 0;}
.tbl-regist .link-wrap .btn {margin-left:1rem;}
@media all and (max-width:1024px){
	.tbl-regist .type-model .col-text {display:inline-block; margin-top:1rem; padding-left:0; line-height:2rem;}
}
@media all and (max-width:959px){
	.tbl-regist .type-email,
	.tbl-regist .type-macadd,
	.tbl-regist .type-model,
	.tbl-regist .type-types,
	.tbl-regist .type-file {display:table; width:100%;}
	.tbl-regist .link-wrap {margin-top:1rem;}
}
@media all and (max-width:640px){
	.tbl-regist .type-email,
	.tbl-regist .type-model {margin-right:0;}
	.tbl-regist .type-email ~ .bul {display:none;}
	.tbl-regist .link-wrap {display:block; text-align:right;}
	.tbl-regist .type-model.grid-form {display:block; margin:-0.4rem 0;}
	.tbl-regist .type-model.grid-form > .col {display:block; padding:0.4rem 0;}
}

/* 1:1문의_약관동의 */
.terms-wrap {margin-top:4rem;}
.terms-wrap .explain-header {margin-bottom:1rem;}
html[lang=ja] .terms-wrap .explain-header {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
.terms-wrap .explain-header p {color:#333;}
.terms-wrap .terms-body {padding:5rem; background-color:#f8f8f8; border-top:1px solid #333333; border-bottom:1px solid #e4e4e4;}
.terms-wrap .terms-body .terms-group + .terms-group {padding-top:2rem; margin-top:2rem; border-top:1px solid #e4e4e4;}
.terms-wrap .terms-body .terms-title {margin-bottom:1.5rem; font-family:'LGR'; font-size:1.6rem;}
.terms-wrap .terms-body .terms-content {height:20rem; overflow-y:scroll; background-color:#fff; border:1px solid #cccccc; color:#666; line-height:2.4rem; font-size:1.4rem;}
.terms-wrap .terms-body .terms-content .terms-inner {padding:1rem;} /* 2019.08.07 Mod 홍병기K */
.terms-wrap .terms-body .terms-content .terms-inner h6 {display:none;} /* 2020.06.10 Add 홍병기C(웹접근성) */
html[lang=ja] .terms-wrap .terms-body .terms-content .terms-inner, html[lang=zh] .terms-wrap .terms-body .terms-content .terms-inner {word-break:normal;} /* 2019.08.07 Add 홍병기K */
.terms-wrap .terms-body .terms-content p {color:#666;}
.terms-wrap .terms-body .terms-content.type2 {height:auto; overflow-y:auto; background-color:transparent; border:0; color:#333;}
.terms-wrap .terms-body .terms-content.type2 .terms-inner {padding:0;}
.terms-wrap .terms-body .terms-agree {margin-top:1rem;}
@media all and (max-width:959px){
	.terms-wrap .explain-header {padding:0 2.5rem;}
	.terms-wrap .terms-body {padding:3rem;}
}
@media all and (max-width:640px){
	.terms-wrap {margin-top:2rem;}
	.terms-wrap .explain-header {margin-bottom:1rem; padding:0 2.5rem;}
	.terms-wrap .terms-body {padding:2rem 2.5rem;}
}

/* 1:1문의_상세 */
.ques-cont .board-pager-wrap {margin-top:5rem;}
.ques-detail-wrap .btn-wrap {margin-top:5rem; text-align:center;}
.ques-detail-wrap .btn-wrap .btn {margin:0 0.9rem;}

@media all and (max-width:959px){
	.ques-detail-wrap {padding:1rem 0 5rem;}
	.ques-detail-wrap .tbl-regist {border-top:0;}
	.ques-detail-wrap .btn-wrap {margin-top:5rem; padding:0 2.5rem;}
	.ques-detail-wrap .btn-wrap .btn-group {display:table; table-layout:fixed; width:100%;}
	.ques-detail-wrap .btn-wrap .col {display:table-cell; padding:0 0 0 0.5rem;}
	.ques-detail-wrap .btn-wrap .col:first-child {padding:0 0.5rem 0 0;}
	.ques-detail-wrap .btn-wrap .btn {width:100%; margin:0; padding:0 1rem;}
}

/* 1:1문의_상세답변 */
.tbl-reply-wrap {margin-top:3rem;}
.tbl-reply {padding:0 2rem; border:1px solid #d5d5d5; border-radius:5px;}
.tbl-reply table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:inherit;}
.tbl-reply table th {position:relative; height:5rem; padding:1rem 2rem 1rem 3rem; text-align:left; font-size:1.6rem; color:#333; font-family:'LGR';}
.tbl-reply table td {position:relative; height:5rem; padding:1rem 2rem; font-size:1.6rem; color:#333;}
.tbl-reply table td:before {content:''; display:block; position:absolute; left:0; top:16px; bottom:13px; width:1px; background-color:#d5d5d5;}
.tbl-reply table th, .tbl-reply table td {word-break:keep-all; word-wrap:break-word;}
html[lang=ja] .tbl-reply table th, html[lang=ja] .tbl-reply table td,
html[lang=zh] .tbl-reply table th, html[lang=zh] .tbl-reply table td {word-break:normal;}
.tbl-reply table tr + tr th,
.tbl-reply table tr + tr td {border-top:1px solid #d5d5d5;}
.tbl-reply table td .link-wrap {display:block; line-height:2.5rem;}
.tbl-reply table td .link-text {font-family:'LGR';}
.tbl-reply table .col-index1 {width:18rem;}
@media all and (max-width:959px){
	.tbl-reply-wrap {margin-top:0;}
	.tbl-reply {padding:0.5rem 0rem; border-width:0 0 1px; border-radius:0; background-color:#f8f8f8;}
	.tbl-reply table .col-index1 {width:16rem;}
	.tbl-reply table th {padding-left:3rem;}
}

/*-------------------------------------------------------------------
    ## TV앱
-------------------------------------------------------------------*/
/* 티비앱 목록 */
.tvapp-cont .app-lists-wrap {margin-top:4rem;}
.app-lists {overflow:hidden;}
.app-lists ul:after {content:''; display:block; clear:both;}
.app-lists[data-type=image] ul {margin:-3.5rem -1.6rem;}
.app-lists[data-type=image] li {float:left; width:16.666%; padding:3.5rem 1.6rem; text-align:center;}
.app-lists[data-type=image] li a {display: inline-block; width: 100%;} /* 2021.06.29 Add 홍병기C(웹접근성) */
.app-lists[data-type=image] .thumbnail {max-width:144px; max-height:144px; border-radius:20%; margin:auto;} /* 원본사이즈보다 커지지 않게 144 1:1비율 */
.app-lists[data-type=image] .item-tit {margin-top:1.6rem; font-size:1.6rem; font-family:'NSL';color:#333;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word; line-height:2rem; height:4rem;}  /* 2줄 고려하는 경우 */
/*.app-lists[data-type=image] .item-tit {margin-top:1.6rem; font-size:1.6rem; font-family:'LGR'; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:2rem;} 1줄처리 */
.app-lists[data-type=image] .item-part {display:none;}
.app-lists[data-type=image] .item-txt {height:1.9rem; margin-top:0.7rem; font-size:1.4rem; color:#666;} /* 2021.06.29 Mod 홍병기C(웹접근성) */
.app-lists[data-type=image] .item-txt a {display: inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* 2021.06.29 Add 홍병기C(웹접근성) */
.app-lists[data-type=image] .item-star {margin-top:1rem;}
.app-lists[data-type=list] ul {margin:-3rem -2.4rem;}
.app-lists[data-type=list] li {float:left; width:33.3333%; padding:3rem 2.4rem;}
.app-lists[data-type=list] li a {display: inline-block; width: 100%;} /* 2021.06.30 Add 홍병기C(웹접근성) */
.app-lists[data-type=list] li + li {border-top:1px solid #eee;}
.app-lists[data-type=list] .item-wrap {position:relative; padding-top:1rem; padding-left:16rem; min-height:14rem;}
.app-lists[data-type=list] .item-thumb {position:absolute; left:0; top:0; width:14rem; height:14rem;}
.app-lists[data-type=list] .item-thumb {border-radius:3rem;}
.app-lists[data-type=list] .item-tit {font-size:1.6rem; font-family:'LGR'; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.app-lists[data-type=list] .item-part {display:block; margin-top:2.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.app-lists[data-type=list] .item-txt {margin-top:1rem; font-size:1.4rem; color:#666; line-height:2rem;} /* 2021.06.30 Add 홍병기C(웹접근성) */
.app-lists[data-type=list] .item-txt a {display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* 2021.06.30 Add 홍병기C(웹접근성) */
.app-lists[data-type=list] .item-star {margin-top:2rem;}
.app-lists-wrap .btn-more-wrap {margin-top:7rem; text-align:center;}
.app-lists-wrap .btn-more-wrap .btn-ico {width:4rem; height:4rem;}
@media all and (max-width:959px){
	/* S : 2022.02.15 Add */
	.tvapp-cont .app-lists-wrap {margin-top:2rem;}
	.tvapp-cont .section-category.outline {padding: 0 0 5rem 0}
	.tvapp-cont .section-category.outline .section-header {padding: 0 2rem 0 17.5rem; border: 0; background: transparent; position: relative; min-height: 15rem;}
	.tvapp-cont .section-category.outline .section-header .thumbnail {position: absolute; top: 0; left: 2rem; width: 13rem;}
	/* E : 2022.02.15 Add */
	.app-lists[data-type=image] ul {margin:-5vw -1.6vw;}
	.app-lists[data-type=image] li {padding:5vw 1.6vw;}
	.app-lists[data-type=image] .item-tit {font-size:1.5rem;}
	.app-lists[data-type=image] .item-txt {font-size:1.2rem; color:#767676;} /* 2022.02.15 Mod */
	.app-lists[data-type=list] ul {margin:-3rem -2rem;}
	.app-lists[data-type=list] li {width:50%; padding:3rem 2rem;}
	.app-lists[data-type=list] .item-part {margin-top:1rem;}
	.app-lists[data-type=list] .item-wrap {padding-top:0rem; padding-left:12rem; min-height:10rem;}
	.app-lists[data-type=list] .item-thumb {width:10rem; height:10rem;}
	.app-lists[data-type=list] .item-star {margin-top:1rem;}
	.app-lists-wrap .btn-more-wrap button {border-radius: 5rem;} /* 2022.02.15 Add */
}
@media all and (max-width:757px){
	.app-lists ul li .thumbnail {border-radius:2rem;}
	.app-lists[data-type=image] ul {margin:-5vw -3vw;}
	.app-lists[data-type=image] li {padding:5vw 3vw;}
	.app-lists[data-type=image] li {width:25%;}
	.app-lists[data-type=list] li {width:100%;}
	.app-lists[data-type=list] .item-wrap {padding-left:13rem;}
}
@media all and (max-width:480px){
	.app-lists[data-type=image] li {width:33.3333%;}
}
@media all and (max-width:359px){
	.app-lists[data-type=image] li {width:50%;}
}

/* 이미지목록 액박대응 썸네일고정 */
.app-lists[data-type=image] .thumbnail {width:144px; height:144px;}
@media all and (max-width:1200px){ .app-lists[data-type=image] .thumbnail {width:130px; height:130px; border-radius:15%;} } /* 2022.02.15 Mod */
@media all and (max-width:1100px){ .app-lists[data-type=image] .thumbnail {width:120px; height:120px; border-radius:15%;} } /* 2022.02.15 Mod */
@media all and (max-width:959px){ .app-lists[data-type=image] .thumbnail {width:104px; height:104px; border-radius:15%;} } /* 2022.02.15 Mod */
@media all and (max-width:859px){ .app-lists[data-type=image] .thumbnail {width:98px; height:98px; border-radius:15%;} } /* 2022.02.15 Mod */
@media all and (max-width:757px){ .app-lists[data-type=image] .thumbnail {width:110px; height:110px; border-radius:15%;} } /* 2022.02.15 Mod */
@media all and (max-width:640px){ .app-lists[data-type=image] .thumbnail {width:94px; height:94px; border-radius:15%;} } /* 2022.02.15 Mod */
@media all and (max-width:560px){ .app-lists[data-type=image] .thumbnail {width:88px; height:88px; border-radius:15%;} } /* 2022.02.15 Mod */
@media all and (max-width:480px){ .app-lists[data-type=image] .thumbnail {width:90px; height:90px; border-radius:15%;} } /* 2022.02.15 Mod */

/* 이미지목록 액박대응 썸네일고정 - 메인티비앱 */
.swiper-mainTvapp.app-lists[data-type=image] .thumbnail {width:144px; height:144px;}
@media all and (max-width:1300px){ .swiper-mainTvapp.app-lists[data-type=image] .thumbnail {width:130px; height:130px;} }
@media all and (max-width:1200px){ .swiper-mainTvapp.app-lists[data-type=image] .thumbnail {width:120px; height:120px;} }
@media all and (max-width:1100px){ .swiper-mainTvapp.app-lists[data-type=image] .thumbnail {width:102px; height:102px;} }
@media all and (max-width:959px){ .swiper-mainTvapp.app-lists[data-type=image] .thumbnail {width:130px; height:130px;} }
@media all and (max-width:859px){ .swiper-mainTvapp.app-lists[data-type=image] .thumbnail {width:130px; height:130px;} }
@media all and (max-width:757px){ .swiper-mainTvapp.app-lists[data-type=image] .thumbnail {width:120px; height:120px;} }
@media all and (max-width:519px){ .swiper-mainTvapp.app-lists[data-type=image] .thumbnail {width:100px; height:100px;} }

/* 티비앱종합 - 카테고리 */
.section-category {position:relative;}
.section-category + .section-category {margin-top:10rem;}
/* .section-category .section-header {padding:1.3rem 4.5rem; line-height:4.8rem; border:1px solid #e4e4e4; background-color:#f8f8f8;} */  /* 2023.02.14 Mod */
.section-category .section-header {padding: 1.5rem 0 2.0rem 0; border-bottom: 1px solid #ECECEC;}  /* 2023.02.14 Add */
.section-category .section-header .inner {position:relative;}
.section-category .section-header .tit-h3 {position:relative; top:0rem; color:#000000; line-height:4.4rem; font-size:2.8rem; font-weight:bold; font-family:'LGR';}  /* 2023.02.14 Mod */
.section-category .section-header .tit-h3 .ico {position:relative; margin-left:1rem;}
.section-category .section-header .label-type4 {position:relative; top:-0.2rem; margin-left:0.5rem;}
.section-category .section-header .starRa2019-05-13ting-cate {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.section-category .section-header.has-search .tit-h3 {line-height: 4.8rem;} /* 2022.02.15 Mod */ /* 2022.04.05 Mod */
.section-category .section-header .appIcon {display: none;} /* 2022.02.15 Add */
.section-category .btn-more {position:absolute; top:2.4rem; right:4rem; height:2.6rem; padding-right:3.7rem; line-height:2.5rem; color:#666; font-size:1.6rem;}
.section-category .btn-more .ico {position:absolute; top:50%; right:0; transform:translateY(-50%);}
@media all and (max-width:959px){
	.section-category { padding:0 2rem 5rem;} /* 2023.02.14 Mod */
	.section-category + .section-category {margin-top:0rem;}
	.section-category .section-header {padding:0 0 0.5rem 0; border: 0; border-bottom: 1px solid #dedede; background: transparent; line-height:3rem;} /* 2022.02.15 Mod */
	.section-category .section-header .tit-h3 {font-size: 1.8rem; color: #000; padding-left: 0.5rem;} /* 2022.02.15 Mod */
	.section-category .btn-more {top: 1rem; right: 2rem; font-size: 0;} /* 2022.02.15 Mod */
	.section-category .section-header .tvappTitle {font-size: 2.2rem; color: #000; line-height: 2.6rem; width: 100%; padding: 0.5rem 0 0 0;} /* 2022.02.15 Mod */
	.section-category .section-header .tvappTitle .ico {margin-left:0.5rem} /* 2019.08.07 Add 홍병기K */
	.section-category .section-header .starRating-cate {position: relative !important; transform: inherit; margin-top: 1.5rem;} /* 2022.02.15 Add */
	/* .section-category .section-header .appIcon {display: block; position: absolute; top: 0; left: 2rem; width: 13rem; height: 100%; text-align: center;}  */  /* 2023.02.14 Mod */
	.section-category .section-header .appIcon img {width: 100%; border-radius: 2rem; box-shadow: 3px 4px 5px 0px rgb(0 0 0 / 10%);} /* 2022.02.15 Add */
}
@media all and (max-width:757px){
	.section-category .section-header.has-search {padding: 0 0 2rem 0; border: 0; border-bottom: 1px solid #dcdcdc; background: transparent;} /* 2022.02.15 Mod */
}

/* 티비앱 - 주제별 */
.search-tvapp-wrap {position:absolute; top:0; right:0;}
.search-tvapp-wrap .btn-group {display:inline-block; margin-left:2rem; vertical-align: top;} /* 2020.11.09 Mod 홍병기C */
.search-tvapp-wrap .btn-searchGrid {width:4.8rem; height:4.8rem; vertical-align:top;}
.search-tvapp-wrap .btn-searchGrid.is-on {background-color:#fff; border:1px solid #a40033;}
@media all and (max-width:960px){
	.search-tvapp-wrap {margin-top:0;} /* 2022.02.15 Add */
	.search-tvapp-wrap .btn-searchGrid {width: 4rem; height: 4rem;} /* 2022.02.15 Mod */
	.search-tvapp-wrap .btn-searchGrid.is-on {border:0;} /* 2022.02.15 Add */
	.search-tvapp-wrap .btn-group .ico {background-size: 8rem !important; background-position: center;} /* 2022.02.15 Add */
}
@media all and (max-width:767px){
	.search-tvapp-wrap {position:static; display:table; width:100%; table-layout:fixed; margin-top:0;} /* 2022.02.15 Mod */
	.search-tvapp-wrap .search-select,
	.search-tvapp-wrap .btn-group {display:table-cell;}
	.search-tvapp-wrap .search-select {width: 70%;} /* 2022.02.15 Add */
	.search-tvapp-wrap .btn-group {width:11.6rem; margin:0; padding-left:2rem; text-align: right;} /* 2022.02.15 Mod */
}

/* 티비앱 - 주제별검색폼 */
.search-select {display:inline-block; text-align:right;}
.search-select .search-form  {position:relative; width:24rem; padding-right:4.7rem;}
.search-select .search-form .form-select {width:100%; height:4.8rem; line-height:4.6rem; vertical-align:top;}
.search-select .search-form .btn-search {position:absolute; right:0; top:0; height:4.8rem; width:4.8rem; background-color:#fff; border:1px solid #cccccc; vertical-align:top;}
@media all and (max-width:960px){
	.search-select .search-form {padding-right:0;} /* 2022.02.15 Mod */
	.search-select .search-form .form-select {width:100%; border: 0; height: 4rem; line-height: 4rem; vertical-align:top;} /* 2022.02.15 Mod */
	.search-select .search-form .form-select:after {background: url(../img/cmn/ico_sort_select.svg); background-repeat: no-repeat; background-position: center; width: 3rem; height: 3rem; left: 0; background-size: 10rem;} /* 2022.02.15 Add */
	.search-select .search-form .form-select select {padding: 0 0 0 4rem;} /* 2022.02.15 Add */
	.search-select .search-form .btn-search {position:absolute; right:0; top:0; height:4.4rem; width:4.4rem; background-color:#fff; border:1px solid #cccccc; vertical-align:top;}
}
@media all and (max-width:767px){
	.search-select .search-form {width:100%;}
}

/* 티비앱 상세헤더 레이아웃 */
.view-app-wrap {padding:0; border:1px solid #D5D5D5; border-top:0;}  /* 2023.02.14 Mod */
.view-app-wrap .view-header.pc { display: flex; justify-content: space-between; position:relative; width: 100%; height: auto; padding: 4.1rem 4rem 6rem 4rem;}  /* 2023.02.14 Add */
.view-app-wrap .view-header.mob { display: none;}  /* 2023.02.14 Mod */
.view-app-wrap .view-header .tit-wrap { width: 100%;} /* 2023.02.14 Mod */
.view-app-wrap .view-header .thumbnail { width: 18rem; max-width: 100%; height: auto; border-radius:3rem; overflow:hidden;} /* 2023.02.14 Add */
.thumbnail img { display: block; width: 100%;} /* 2023.02.14 Add */
.view-app-wrap .view-header .tbl-wrap { display: flex; align-items: center; width: 73%;} /* 2023.02.14 Add */
.view-app-wrap .view-header .tbl-wrap .tbl-type2 { width: calc(100% - 18rem); height: auto; padding-left: 6rem;} /* 2023.02.14 Add */
.view-app-wrap .view-header .tbl-wrap .explain-footer {margin-top:2rem; color:#333;}
.view-app-wrap .view-body { position: relative; width: 100%; height: auto;} /* 2023.02.14 Mod */
.view-app-wrap .view-body .tab-nav.tab-type3 { padding: 0 4rem;} /* 2023.02.14 Mod */
.view-app-wrap .view-body .tab-nav.tab-type3 ul { padding-top: 4rem; border-top: 1px solid #ECECEC;} /* 2023.02.14 Add */
.view-app-wrap .view-body .tab-header { padding: 0 4rem;} /* 2023.02.14 Add */
.view-app-wrap .view-body .tab-headerTxtbox { position: relative; width: 100%; height: auto; padding-top: 4rem; border-top: 1px solid #ECECEC;} /* 2023.02.14 Add */
.view-app-wrap .view-body .tab-headerTxt { display: inline-block;	padding: 0.5rem 1rem;	font-size: 1.4rem; font-family: 'LGR';	background-color: #A50034; color: #fff;	border-radius: 4px;} /* 2023.02.14 Add */
.view-app-wrap .view-body .view-section { background-color:#fff; padding: 3.0rem 4rem 0 4rem;} /* 2023.02.14 Add */
.view-app-wrap .view-body .view-section.view-eventContents { padding: 0;} /* 2023.02.14 Add */
.view-app-wrap .view-body .view-section + .view-section {margin-top:0.4rem;}
.view-app-wrap .view-body .view-section .data-content { border-bottom: 0;} /* 2023.02.14 Add */
.view-app-wrap .view-body .view-section .data-content.borbline { border-bottom: 1px solid #ECECEC;} /* 2023.02.14 Mod */
.view-app-wrap .view-body .tit-h4 { color:#000000; font-size: 2.8rem; font-family:'LGSB';} /* 2023.02.14 Mod */
.view-app-wrap .view-body .view-description .tit-h4 { margin-bottom:3.0rem;} /* 2023.02.14 Add */
.view-app-wrap .view-body .view-screenshots .tit-h4 { margin-bottom:2.4rem;} /* 2023.02.14 Add */
.view-app-btn {margin-top:2.7rem; text-align:center;}
.view-app-wrap .view-header.mob .mob-infoVersion { font-size: 1.4rem;  font-family: "LGR"; color: #999999; margin-bottom: 8px;} /* 2023.02.14 Add */
.view-app-wrap .view-header.mob .mob-infoTxt { display: inline-block; font-size: 1.2rem;  font-family: "LGR"; color: #000000; padding: 4px; background-color: #ECECEC; border-radius: 4px;} /* 2023.02.14 Add */
@media all and (max-width:1283px){
	/*.view-app-wrap .view-header {padding-left:20vw;} 2022.02.15 Del */
	.view-app-wrap .view-header .tit-wrap {width:16vw;}
}
@media all and (max-width:959px){
	.view-app-wrap {padding:3rem 0 0; border:0;}
	.view-app-wrap .view-header {padding:0 1.5rem 4rem 1.5rem;} /* 2023.02.14 Mod */
	.view-app-wrap .view-header .thumbnail {border-radius:2rem;}
	/* S : 2022.02.15 Add */
	/* .view-app-wrap .view-header .tit-wrap {display: none;} */ /* 2023.02.14 Mod */
	.view-app-wrap .view-body .tab-wrap .tab-change {width: 100%; overflow: inherit;}
	.view-app-wrap .view-body .tab-wrap .tab-change ul {overflow-x: scroll; white-space: nowrap; padding: 0 2.5rem; -ms-overflow-style: none; text-align: center; display: inline-block; border: 0;}
	.view-app-wrap .view-body .tab-wrap .tab-change ul li {display: inline-block; margin-left: 0.7rem;}
	.view-app-wrap .view-body .tab-wrap .tab-change ul li:first-child {margin: 0;}
	.view-app-wrap .view-body .tab-wrap .tab-change ul li a {min-width: 13rem; border-radius: 5rem; padding: 0.4rem 3rem; height: auto; line-height: 3rem;}
	/* E : 2022.02.15 Add */
}
@media all and (max-width:757px){
	.view-app-wrap .view-header .tit-wrap {position:static; width:30vw; max-width:12rem; margin:auto;}
	/* .view-app-wrap .view-header .tbl-wrap {margin-top:2rem;}  */ /* 2023.02.14 Mod */
	.view-app-wrap .view-body .view-section {padding:2.6rem 2rem 2rem;}
}

/* 티비앱 스크린샷 */
.swiper-screenshots {position:relative; height:0; overflow:hidden; margin-top: 40px;} /* 2023.02.14 Mod */
.swiper-screenshots.is-swiping {height:auto; overflow:visible;}
.swiper-screenshots .swiper-slide { width: 63%;} /* 2023.02.14 Mod */
.swiper-screenshots .swiper-slide img { display: block; width:100%; object-fit: cover;} /* 2023.02.14 Add */
.swiper-screenshots .swiper-button-prev {width:6.6rem; height:6.6rem; left: 4rem; top: 50%; border-radius: 100%; background-color: #fff; background-image:url('../img/icons/icons8-chevron-left-100.png'); background-size:60% 60%; opacity: 0.5; vertical-align:middle; transform:translateY(-25%);} /* 2023.02.14 Mod */
.swiper-screenshots .swiper-button-next {width:6.6rem; height:6.6rem; right: 4rem; top: 50%; border-radius: 100%; background-color: #fff; background-image:url('../img/icons/icons8-chevron-right-100.png'); background-size:60% 60%; opacity: 0.5; vertical-align:middle; transform:translateY(-25%);} /* 2023.02.14 Add */
.swiper-screenshots .swiper-button-prev:hover,  /* 2023.02.14 Add */
.swiper-screenshots .swiper-button-next:hover { opacity: 1;} /* 2023.02.14 Add */
.swiper-screenshots .swiper-button-disabled { display: none;} /* 2023.02.14 Add */

/* 배너 슬라이드 */
/* 2023.02.14 Add =s*/
.swiper-eventContents .swiper-button-prev {width:5.5rem; height:5.5rem; left: 1rem; top: 50%; border-radius: 100%; background-color: #fff; background-image:url('../img/icons/icons8-chevron-left-100.png'); background-size:60% 60%; opacity: 0.5; vertical-align:middle; transform:translateY(-15%);}
.swiper-eventContents .swiper-button-next {width:5.5rem; height:5.5rem; right: 1rem; top: 50%; border-radius: 100%; background-color: #fff; background-image:url('../img/icons/icons8-chevron-right-100.png'); background-size:60% 60%; opacity: 0.5; vertical-align:middle; transform:translateY(-15%);}
.swiper-eventContents .swiper-button-prev:hover,
.swiper-eventContents .swiper-button-next:hover { opacity: 1;}
.swiper-eventContents .swiper-button-disabled { display: none;}
/* 2023.02.14 Add =e*/
@media all and (max-width:959px){
	.swiper-screenshots { margin-top: 0;} /* 2023.02.14 Add */
	.swiper-screenshots .swiper-button-prev {width:4.4rem; height:4.4rem; } /* 2023.02.14 Mod */
	.swiper-screenshots .swiper-button-next {width:4.4rem; height:4.4rem; } /* 2023.02.14 Add */
}

/* 앱만족도 평가 */
/* 2023.02.14 Add =s*/
.view-appstar { display: flex; justify-content: space-between; position: relative; background-color: #F8F8F8; padding: 8rem 12rem 7.5rem 12rem; border-top: 1px solid #D5D5D5;}
.view-appstar .tit-h4 { margin-bottom: 3rem;}
.view-appstar .view-appwrap { position: relative; width:65%} /* 2023.07.11 Mod Width추가 */
.view-appinfo .applist { display: flex; align-items: center; margin-bottom: 2rem;}
.view-appinfo .applist:last-child { margin-bottom: 0;}
.view-appinfo .appinfo-tit { display: block; position: relative; font-family: 'LGR'; font-size: 1.4rem; color: #999999; padding-left: 1.5rem; min-width: 15rem;}
.view-appinfo .appinfo-txt { font-family: 'LGR'; font-size: 1.4rem; color: #000;}
.view-appinfo .appinfo-tit::before { content: "■"; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-100%); font-size: 1.0rem; scale: 0.5;}

.view-starating { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1rem 0;}
.view-starating::after { display: block; content: ""; position: absolute; top: 0; left: -10rem; width: 1px; height: 100%; border-right: 1px solid #FFFFFF;}
.view-starating .ratings-title .tit-h4 { display: block; width: 100%; text-align: center;}
.view-starating .ratings-title .explain-h4 { display: inline-block; font-size: 1.4rem; font-family: 'LGR'; color: #999999; text-align:center;} /* 2023.07.12 Mod text-align 추가 */
.view-starating .ratings-content {display: inline-block; position:relative;}
/* 2023.02.14 Add =e*/
.view-starating .ratings-content .ratings-inner {display:block; position:relative;}
.view-starating .ratings-content .ratings-label {display:inline-block; line-height:30px; margin-bottom:10px;}
/* .view-starating .ratings-content .ratings-score {margin:-1rem -2.5rem; width:auto;} */ /* 2023.02.14 Mod */
.view-starating .ratings-content .ratings-score ul {display:table; width:100%; text-align:center;}
.view-starating .ratings-content .ratings-score ul li {display:inline-table; padding:1rem 2.5rem;}
.view-starating .ratings-content .ratings-score .form-radio {padding-top:1px; margin:0;}
.view-starating .ratings-content .ratings-score .form-radio label {min-height:1px; line-height:1;}
.view-starating .ratings-content .ratings-score .form-radio label {min-width:1.6rem; min-height:1.6rem; line-height:1.6rem;}
.view-starating .ratings-content .ratings-score .form-radio input,
.view-starating .ratings-content .ratings-score .form-radio label:after,
.view-starating .ratings-content .ratings-score .form-radio label:before {width:1.6rem; height:1.6rem; top:0;}
.view-starating .ratings-content .ratings-btn {margin-top:4rem; text-align:center;}

/* 2023.02.14 Add =s*/
.rating-boxwrap { position: relative; background: url('../img/icons/_ic_star_off.svg') no-repeat; margin: 3rem 0 6rem 0;}
.rating-btnbox { display: flex; position: relative; width: 256px; height: 50px; z-index: 3;}
.rating-btnbox .rating-btn { display: block; width: 20%; background-color: transparent;}
.rating-chk { position: absolute; top: 0; left: 0; width: 0; height: 50px; background: left top / 256px 50px url('../img/icons/_ic_star_on.svg') no-repeat; z-index: 2;}
.rating-chk[data-grade="0"] { width: 0;}
.rating-chk[data-grade="1"] { width: 20%;}
.rating-chk[data-grade="2"] { width: 40%;}
.rating-chk[data-grade="3"] { width: 60%;}
.rating-chk[data-grade="4"] { width: 80%;}
.rating-chk[data-grade="5"] { width: 100%;}
.rating-hovchk { position: absolute; top: 0; left: 0; width: 0; height: 50px; opacity: 0.5; background: left top / 256px 50px url('../img/icons/_ic_star_on.svg') no-repeat; z-index: 1;}
.rating-hovchk.hoverActive[data-hover="0"] { width: 0;}
.rating-hovchk.hoverActive[data-hover="1"] { width: 20%;}
.rating-hovchk.hoverActive[data-hover="2"] { width: 40%;}
.rating-hovchk.hoverActive[data-hover="3"] { width: 60%;}
.rating-hovchk.hoverActive[data-hover="4"] { width: 80%;}
.rating-hovchk.hoverActive[data-hover="5"] { width: 100%;}
/* 2023.02.14 Add =e*/

@media all and (max-width:1283px){
	.view-starating .ratings-content .ratings-score ul li {width:33.33%;}
	.view-starating .ratings-content .ratings-score {margin:-1rem 0;}
	.view-starating .ratings-content .ratings-score ul li {padding:1rem 0;}
}
@media all and (max-width:959px){
	.view-starating .ratings-content {padding:2.8rem 2rem;}
}
@media all and (max-width:757px){
	.view-starating .ratings-content {padding:3rem 2rem;}
	.view-starating .ratings-title {padding:2rem 2rem 1rem;}
	.view-starating .ratings-title .tit-h3,
	.view-starating .ratings-title .explain-h3 {display:block; margin:0;}
	.view-starating .ratings-content .ratings-btn {margin-top:3rem;}
	.view-starating .ratings-content .ratings-score ul li {width:50%; text-align:center;}
}

/* 호환기기 */
.compatible-wrap {padding:6rem 7rem; background-color:#fff;}
.compatible-wrap .compatible-container {padding:0 9rem 3rem; background-color:#f8f8f8;}
.compatible-wrap .compatible-header {text-align:center; padding:3rem; word-break:keep-all;}
.compatible-wrap .compatible-header p {font-size:1.6rem; color:#000; font-weight:bold; line-height:3rem; word-break:keep-all;}
html[lang=ja] .compatible-wrap .compatible-header, html[lang=ja] .compatible-wrap .compatible-header p, html[lang=th] .compatible-wrap .compatible-header, html[lang=th] .compatible-wrap .compatible-header p, html[lang=zh] .compatible-wrap .compatible-header, html[lang=zh] .compatible-wrap .compatible-header p, html[lang=vi] .compatible-wrap .compatible-header, html[lang=vi] .compatible-wrap .compatible-header p {word-break:break-word;} /* 2019.07.25 Add 홍병기K (C20190711_39467 반영 후 변경) */
.compatible-wrap .compatible-header p span {font-weight:bold; color:#a40033;}
.compatible-wrap .compatible-body {padding:6.5rem 12rem; background-color:#fff; line-height:3rem;}
.compatible-wrap .compatible-body > .inner {position:relative; padding-left:11.7rem;}
.compatible-wrap .compatible-body > .inner > .ico {position:absolute; left:0; top:50%; transform:translate(0, -50%);}
.compatible-wrap .compatible-body .para-wrap {color:#333333; font-size:1.6rem;}
.compatible-wrap .compatible-body .para-wrap p {word-break:keep-all; color:#333333;}
html[lang=ja] .compatible-wrap .compatible-body .para-wrap p, html[lang=th] .compatible-wrap .compatible-body .para-wrap p, html[lang=zh] .compatible-wrap .compatible-body .para-wrap p, html[lang=vi] .compatible-wrap .compatible-body .para-wrap p {word-break:break-word;} /* 2019.07.25 Mod 홍병기K (C20190711_39467 반영 후 변경) */
.compatible-wrap .compatible-body .para-wrap p em {font-family:'LGR';}
.compatible-wrap .compatible-footer {margin-top:3rem; text-align:center;}
@media all and (max-width:1283px){
	.compatible-wrap {padding:2rem;}
	.compatible-wrap .compatible-container {padding:0 4rem;}
	.compatible-wrap .compatible-body {padding:6rem;}
}
@media all and (max-width:757px){
	.compatible-wrap {background-color:transparent; padding:0;}
	.compatible-wrap .compatible-container {padding:0 2rem 2rem;}
	.compatible-wrap .compatible-body {padding:3rem;}
	.compatible-wrap .compatible-body > .inner {padding:10rem 0 0 0;}
	.compatible-wrap .compatible-body > .inner > .ico {position:absolute; left:50%; top:0; transform:translate(-50%, 0);}
	.compatible-wrap .compatible-body .para-wrap {display:block; margin-top:0; text-align:center;}
	.compatible-wrap .compatible-footer {padding-bottom:0;}
}

/*-------------------------------------------------------------------
    ## 마이페이지
-------------------------------------------------------------------*/
/* Sub Visual - 1:1문의와 동일하게
.mypage-cont .sub-visual {height:22rem;}
.mypage-cont .sub-visual .tit-wrap {width:auto; padding-left:11rem; text-align:left;}
.mypage-cont .sub-visual .tit-wrap .tit-h2 {font-size:3.6rem;}
.mypage-cont .sub-visual .tit-wrap .explain-h2 {margin-top:2rem; white-space:nowrap;}
.mypage-cont .sub-visual .ico {position:absolute; left:0; top:50%; transform:translateY(-50%);}
@media all and (max-width:959px){
	.mypage-cont .sub-visual .ico {width:6rem; height:6rem;}
	.mypage-cont .sub-visual .tit-wrap {padding-left:9rem;}
	.mypage-cont .sub-visual .tit-wrap .explain-h2 .dis-ib {display:block;}
}
@media all and (max-width:640px){
	.mypage-cont .sub-visual .tit-wrap {width:100%;}
	.mypage-cont .sub-visual .tit-wrap .explain-h2 {white-space:normal;}
	.mypage-cont .sub-visual .tit-wrap .explain-h2 .dis-ib {display:inline;}
}
*/

/* 문의안내 */
.mypage-cont .board-list-wrap .explain-footer {text-align:right;}
.mypage-cont .board-list-wrap .explain-footer .bul {display:inline-block; font-size:1.6rem; vertical-align:middle;}
.mypage-cont .board-list-wrap .explain-footer .bul a {border-bottom:1px solid #a40033; color:#a40033;}
.mypage-cont .board-list-wrap .explain-footer .btn-wrap {display:inline-block; vertical-align:middle; margin-left:2rem;}
.mypage-cont .board-btn-wrap {margin-top:3rem;}
/* 공지사항 목록 */
.board-wrap .board-btn-wrap {padding-bottom:5rem; text-align:center;}

@media all and (max-width:959px){
	.mypage-cont .board-wrap {padding-top:3rem;}
	.mypage-cont .board-wrap .board-btn-wrap {margin-top:3rem; padding-bottom:5rem;}
}
@media all and (max-width:757px){
	.mypage-cont .board-list-wrap .explain-footer {text-align:left;}
	.mypage-cont .board-list-wrap .explain-footer .bul {font-size:1.4rem;}
	.mypage-cont .board-list-wrap .explain-footer .btn-wrap {display:block; margin-top:0.5rem; text-align:right;}
}

/* 문의상태 안내 */
.csinfo-wrap {margin-top:4rem;}
.csinfo-wrap .csinfo-box {padding:0.9rem; background:#f8f8f8; border:1px solid #e4e4e4;}
.csinfo-wrap .csinfo-box .inner {padding:3rem 12.6rem; background:#ffffff;}
.csinfo-wrap .csinfo-box .csinfo-header .tit-h3 {font-size:1.8rem; color:#333333; font-family:'LGR';}
.csinfo-wrap .csinfo-box .csinfo-header + .csinfo-body {margin-top:3rem;}
.csinfo-wrap .csinfo-box .csinfo-body .define + .define {margin-top:1rem;}
.csinfo-wrap .csinfo-box .csinfo-body .define:after {content:''; display:block; clear:both;}
.csinfo-wrap .csinfo-box .csinfo-body .define dt {float:left; width:18rem; color:#a40033;}
.csinfo-wrap .csinfo-box .csinfo-body .define dd {padding-left:20rem;}
.csinfo-wrap .csinfo-box .csinfo-body .define dt,
.csinfo-wrap .csinfo-box .csinfo-body .define dd {line-height:2.4rem; font-size:1.6rem;}
@media all and (max-width:959px){
	.csinfo-wrap {padding:0; margin-top:0;}
	.csinfo-wrap:before {content:''; display:block; height:0.4rem; background-color:#ebedef; border-top:1px solid #e4e4e4; box-sizing:content-box;}
	.csinfo-wrap:after {content:''; display:block; height:0.4rem; background-color:#ebedef;}
	.csinfo-wrap .csinfo-box {padding:0; border-width:2px 0 1px;}
	.csinfo-wrap .csinfo-box .inner {padding:3rem 3.3rem;}
	.csinfo-wrap .csinfo-box .csinfo-body .define dt {float:none;}
	.csinfo-wrap .csinfo-box .csinfo-body .define dd {margin-top:0.5rem; padding-left:2rem;}
	.csinfo-wrap .csinfo-box .csinfo-body .define dd + dt {margin-top:2rem;}
}

/*-------------------------------------------------------------------
    ## 통합검색
-------------------------------------------------------------------*/
.search-cont .app-lists-wrap {margin-top:4rem;}

/* 통합검색 기타 카테고리 */
.section-category2 {position:relative; margin-top:10rem;}
.section-category2 .section-header {padding-bottom:2.6rem;}
.section-category2 .section-header .inner {position:relative;}
.section-category2 .section-header .tit-h3 {color:#333333; font-size:2.8rem; font-weight:bold;}
.section-category2 .section-header .label-type4 {margin-left:0.5rem;}
.section-category2 .btn-more {position:absolute; top:0.5rem; right:0rem; height:2.6rem; padding-top:0.1rem; padding-right:3.7rem; line-height:2.5rem; color:#666; font-size:1.6rem;}
.section-category2 .btn-more .ico {position:absolute; top:0; right:0;}
@media all and (max-width:959px){
	.section-category2 {margin-top:0; padding:0 2rem 5rem;}
	.section-category2 + .section-category3 {margin-top:0rem;}
	.section-category2 .section-header {padding:1.3rem 0;}
	.section-category2 .section-header .tit-h3 {font-size:2.2rem;}
	.section-category2 .selftest-lists[data-type=image] {padding-left:0; padding-right:0;}
	.section-category2 .btn-more {top:1.2rem; right:2rem;}
}

/* 탭 카테고리 */
.tab-body .section-category2 {margin-top:5rem;}
@media all and (max-width:959px){
	.tab-body .section-category2 {margin-top:2rem;;}
}

/*-------------------------------------------------------------------
    ## 국가변경
-------------------------------------------------------------------*/
/* 국가변경 페이지 */
.global-cont .content-header {padding-top:6rem;}
.global-cont .content-body {padding-top:0;}
@media all and (max-width:959px){
.global-cont .content-body {padding-bottom:5rem;}
}

/* 국가 아코디언 - 기본 */
.global-accordion .accordion-content {display:none;}
.global-accordion .accordion-content.is-active {display:block;}
.global-accordion .accordion-title .accordion-toggle {display:block; position:relative; z-index:2; text-align:left;}
.global-accordion .accordion-title .accordion-toggle .arw {position:absolute; top:50%; right:3rem; transform:translateY(-50%) rotate(0deg); transition:all 0.2s;}
.global-accordion .accordion-title.is-active .accordion-toggle .arw {transform:translateY(-50%) rotate(180deg)}

/* 국가 아코디언 - 디자인 */
.global-accordion .accordion-title .accordion-toggle {height:6rem; margin-top:-1px; padding:0 3rem; line-height:5.8rem; background-color:#f8f8f8; border:1px solid #e4e4e4; font-size:2.4rem; color:#333333; font-family:'LGR';}

/* 국가 목록 */
#globalAccorCont1 .country-content > ul > li > a img {display:none;} /* 2019.08.27 Add 홍병기K (C20190827_72188 : 아시아 국기 제거-국제분쟁사항) */
.country-content {padding:20px 20px 20px 20px;}
.country-content > ul {margin:-1rem;}
.country-content > ul:after {content:""; display:table; clear:both;}
.country-content > ul > li {float:left; width:25%; padding:0.8rem 0.5rem;}
.country-content > ul > li > a {display:block; font-size:1.4rem; color:#000; height:3.4rem; line-height:3.4rem; text-decoration:none;}
.country-content > ul > li > a img {position:relative; width:35px; height:26px; top:-0.1rem; margin-right:1rem; vertical-align:middle;}
.country-content > ul > li > a span {display:inline-block; font-family:'Tahoma', 'Arial';  vertical-align:middle;}
.country-content > ul > li > a span.country-name {width:13rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /*변경*/
.country-content > ul > li.two-language:after {content:""; display:table; clear:both;}
.country-content > ul > li.two-language > a {float:left;}
.country-content .continent-sub .continent-title {position:relative; padding:2rem 0 1.4rem 3.5rem; border-bottom:1px solid #ddd; line-height:2.2rem;}
.country-content .continent-sub .continent-title:after{clear:both; display:block; content:"";}
.country-content .continent-sub .continent-title .group-language{float:left;}
.country-content .continent-sub .continent-title .group-language a{text-decoration:underline;}
.country-content .continent-sub .continent-title i {position:absolute; left:0; top:50%; margin-top:-1rem; font-size:2.6rem; color:#b6305a;}
.country-content .continent-sub .continent-title strong,
.country-content .continent-sub .continent-title a,
.country-content .continent-sub .continent-title span {display:inline-block; font-size:1.4rem; color:#333;}
.country-content .continent-sub .continent-title strong {float:left; display:inline-block; margin-right:3rem; font-weight:normal;}
.country-content .continent-sub .continent-title .bar{margin:0 0.5rem;}
.country-content .continent-sub .continent-content {padding:1.5rem 0; background:#ffffff;}
.country-content .continent-sub .continent-content ul {padding-left:3.6rem;}
.country-content .continent-sub .continent-content ul:after {content:""; display:table; clear:both;}
.country-content .continent-sub .continent-content ul li {position:relative; float:left; width:16.666%; padding:1rem 0;}
.country-content .continent-sub .continent-content ul li a {font-size:1.4rem; color:#000; line-height:2.6rem; text-decoration:none;}
.country-content .continent-sub .continent-content ul li a img {position:relative; top:-0.1rem; margin-right:1rem;}
/*
.country-content .continent-sub .continent-content ul li .language-tooltip {display:none; position:absolute; bottom:4.7rem; width:15rem; padding:1rem 2.5rem 1rem 1rem; border:1px solid #a4a4a4; border-radius:6px; background:#fff; z-index:8;}
.country-content .continent-sub .continent-content ul li .language-tooltip.active {display:block;}
.country-content .continent-sub .continent-content ul li .language-tooltip .btn-close-layer {position:absolute; top:1rem; right:1rem; width:1.5rem; height:1.5rem; margin:0; padding:0; border:0; background:none;}
.country-content .continent-sub .continent-content ul li .language-tooltip .btn-close-layer i {margin:0; padding:0; font-size:15px; color:#666; vertical-align:top;}
.country-content .continent-sub .continent-content ul li .language-tooltip .btn-close-layer span {position:inline-block; position:absolute; top:0; left:-9999px; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0px; background:none; border:none;}
.country-content .continent-sub .continent-content ul li .language-tooltip .tooltip-container a:first-child:after {content:"|"; color:#424242; margin:0 0.3rem;}
.country-content .continent-sub .continent-content ul li .language-tooltip:before {position:absolute; display:block; bottom:-1.2rem; left:1.5rem; width:2.2rem; height:1.2rem; content:"";}
*/
@media screen and (max-width:1283px) {
	.country-content > ul > li {width:33.333%;}
}
@media screen and (max-width:959px) {
	.country-content > ul > li {width:50%;}
	.country-content > ul > li > a img {top:0.1rem;}
	.global-accordion .accordion-title .accordion-toggle {height:5rem; padding:0 2rem; line-height:4.8rem; font-size:1.8rem;}
	.global-accordion .accordion-title .accordion-toggle .arw {right:2rem;}
}
@media screen and (max-width:757px) {
	.country-content > ul > li > a {height:auto; line-height:2.6rem;}
	.country-content > ul > li > a span.country-language {display:block; padding-left:47px;}
}
@media screen and (max-width:540px) {
	.country-content > ul > li {width:100%;}
	.country-content > ul > li > a span.country-name {width:50%;}
	.country-content > ul > li > a span.country-language {float:right; padding-left:0;}
}
@media screen and (max-width:320px) {
	.country-content > ul > li > a span.country-language {width:75px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right;}
}
/*-------------------------------------------------------------------
    ## Footer
-------------------------------------------------------------------*/
/* 약관 등 법적 고지 :/pages/SDP-PC90101.html */
.terms-info {padding:2rem 2rem; margin-bottom:2rem; background-color:#fff; line-height:2rem;}
.terms-cont .content-body {background-color:#f8f8f8;}
.terms-sec-wrap {background-color:#fff; padding:4rem 4.4rem;}
.terms-sec {line-height:2.4rem; font-size:1.5rem; color:#666; font-family:'LGR';}
.terms-sec h3 {font-size:1.5rem; color:#333;  font-family:'LGSB';} /* 2020.09.22 Mod 홍병기C */
.terms-sec h3, .terms-sec h4, .terms-sec h5, .terms-sec p, .terms-sec li {margin:2.4rem 0;}
@media screen and (max-width:959px) {
	.terms-cont .content-body {padding-top:0rem;} /* 2022.02.15 Mod */
	.terms-cont .tab-type4-wrap {padding:0}
	.terms-sec-wrap {padding:2.4rem;}
	html[lang=ja] .terms-sec-wrap {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
}

/* 플랫폼, 버전 */
.terms-version {margin-bottom:2rem; text-align:right;}
.terms-version:after {content:''; display:block; clear:both;}
.terms-version .form-select.type-platform {min-width:20rem;}
.terms-version .form-select.type-version {min-width:15rem; margin-left:0.8rem;}
@media screen and (min-width:960px) {
	.terms-version {margin-bottom:2rem;}
}
@media screen and (max-width:959px) {
	.terms-version {padding:0 1.5rem;}
	.terms-version .form-select.type-platform {float:left; width:59%; min-width:1px;}
	.terms-version .form-select.type-version {float:right; width:39%; min-width:1px;}
	/* 버전 표시안함 적용 */
	.terms-version .form-select.type-platform {width:100%;}
	.terms-version .form-select.type-version {display:none;}
}


/*-------------------------------------------------------------------
    ## 메인
-------------------------------------------------------------------*/
/* 비주얼 - 스와이퍼*/
.swiper-mainVisual {height:48rem;}
.swiper-mainVisual .swiper-slide {height:100%; overflow:hidden;}
.swiper-mainVisual .swiper-slide .swiper-slide-item {display:block; height:100%; background:url() no-repeat center center; transform:scale(1); text-indent:-9999px;} /* 2021.12.22 Mod 홍병기C */
/*.swiper-mainVisual .swiper-slide-animate .swiper-slide-item {animation:swipeVisual 5.5s forwards ease-in-out;}*/
.swiper-mainVisual .swiper-controller {position:absolute; left:50%; bottom:0.7rem; z-index:11; white-space:nowrap; transform:translateX(-50%);} /* 2021.12.22 Mod 홍병기C */
.swiper-mainVisual .swiper-autoplay {position:relative; display:inline-block; width:3.5rem; height:3.5rem; overflow:hidden; vertical-align:top;} /* 2021.12.22 Mod 홍병기C */
.swiper-mainVisual .swiper-autoplay .btn-ico {position:absolute; top:0; width:100%; height:100%; border:1px solid #c0c0cc; background-color:#fff; border-radius:50%; transform:translateX(0); -webkit-transform:translateX(0); transition:transform 0.3s;}
.swiper-mainVisual .swiper-autoplay .btn-ico.btn-play {left:-100%;}
.swiper-mainVisual .swiper-autoplay .btn-ico.btn-pause {left:0;}
.swiper-mainVisual .swiper-autoplay .btn-ico .ico-play-visual {width: 1.2rem; height: 1.4rem; margin-right: -4px;} /* 2021.12.22 Add 홍병기C */
.swiper-mainVisual .swiper-autoplay .btn-ico .ico-pause-visual {width: 1rem; height: 1.2rem;} /* 2021.12.22 Add 홍병기C */
.swiper-mainVisual .swiper-pagination {position:static; display:inline-block; _margin-left:0.4rem; padding:1rem 2rem 1rem 1rem; height:3.5rem; _background-color:rgba(0,0,0,0.7); border-radius:3rem; text-align:center; vertical-align:top;} /* 2021.12.22 Mod 홍병기C */
.swiper-mainVisual.is-stoped .swiper-autoplay .btn-ico {transform:translateX(100%); -webkit-transform:translateX(100%);}
.swiper-mainVisual .swiper-pagination-bullet {position:relative; top:0.3rem; width:2.5rem; height:1rem; margin:0 0.4rem; background-color:#dfdfea; border-radius:0.9rem; opacity:1; transition:all 0.3s; vertical-align:top;} /* 2021.12.22 Mod 홍병기C */
.swiper-mainVisual .swiper-pagination-bullet-active {top:0.1rem; width: 3.5rem; height:1.4rem; background-color:#DD6288;}/* 원래컬러 cc1951 */  /* 2021.12.22 Mod 홍병기C */
.swiper-mainVisual .swiper-button-prev {display:none; width:2.9rem; height:5.3rem; margin-top:0; background-image:url(/img/cnt/ico_prev_visual.png); background-size:100% 100%; opacity:1; vertical-align:middle;}
.swiper-mainVisual .swiper-button-next {display:none; width:2.9rem; height:5.3rem; margin-top:0; background-image:url(/img/cnt/ico_next_visual.png); background-size:100% 100%; opacity:1; vertical-align:middle;}
.swiper-mainVisual .swiper-button-disabled {opacity:0.5; pointer-events:initial;}

@keyframes swipeVisual {
	0% {transform:scale(1.3);}
	100% {transform:scale(1);}
}
@media all and (min-width:960px){
	.swiper-mainVisual .swiper-slide .swiper-slide-item {background-position:center center !important;}
}
@media all and (max-width:959px){
	.swiper-mainVisual {height:48rem;}
}
/* S : 2019.07.17 Add 홍병기K (C20190711_39469 반영) */
@media screen and (max-width:959px ) {
	.swiper-mainVisual .swiper-slide .swiper-slide-item {background-position: center; background-size: cover;} /* 2022.03.22 Mod */
	.swiper-mainVisual .swiper-controller {bottom:0.8rem;}
	.swiper-mainVisual .swiper-autoplay {width:2.4rem; height:2.4rem;} /* 2022.02.15 Mod */
	.ico-pause-visual, .ico-play-visual {width: 15px; height:15px; background-size: cover;} /* 2022.02.15 Mod */
	.ico-pause-visual {background-image: url(/img/cnt/btn_mobile_play.png); background-position: 0 0;} /* 2022.03.22 Mod */
	.ico-play-visual {background-image: url(/img/cnt/btn_mobile_play.png); background-position:-15px 0;} /* 2022.03.22 Mod */
	.swiper-mainVisual .swiper-pagination {height:2.4rem; background-color: transparent; padding:0; margin:0;} /* 2022.02.15 Mod */
	.swiper-mainVisual .swiper-pagination-bullet {width:2.4rem; height:2.4rem; top:0; background-color: transparent; position: relative;} /* 2022.02.15 Mod */
	.swiper-mainVisual .swiper-pagination-bullet:before {content: ''; position: absolute; top:50%; left:0.2rem; width:2rem; height:0.5rem; background-color: #cecece; border-radius:2rem; transform:translateY(-0.25rem); transition: all 0.3s;} /* 2022.02.15 Add */
	.swiper-mainVisual .swiper-pagination-bullet-active {width:2.8rem; height: 2.4rem;} /* 2022.02.15 Mod */
	.swiper-mainVisual .swiper-pagination-bullet-active:before {content: ''; position: absolute; top:50%; left:0rem; width:100%; height:0.7rem; background-color: #a50034; border-radius:2rem; transform:translateY(-0.35rem); transition: all 0.3s;} /* 2022.02.15 Add */
}
/* E : 2019.07.17 Add 홍병기K */

/* 비주얼 - 스와이퍼 커스텀 */
.swiper-mainVisual .swiper-custom {background:url(/img/cnt/main_visual_1.jpg) no-repeat center center; background-size:1920px auto;}
.swiper-mainVisual .swiper-custom .in-sec {position:relative; height:100%;}
.swiper-mainVisual .swiper-custom .title-area {position:absolute; z-index:4; left:0; top:11.5rem;}
.swiper-mainVisual .swiper-custom .title-area .explain {color:#222222; font-size:2rem; font-family:'NSR'; transform:translateX(50px); opacity:0;} /* 효과는 기본값으로 정의, 설정은 스크립트에서 제어함 */
.swiper-mainVisual .swiper-custom .title-area .title {color:#222222; font-size:4.3rem; font-family:'NSR'; transform:translateX(50px); opacity:0;} /* 효과는 기본값으로 정의, 설정은 스크립트에서 제어함 */
.swiper-mainVisual .swiper-custom .title-area .title em {color:#a40033; font-family:'NSB'; font-weight:bold; letter-spacing:-2px;}
.swiper-mainVisual .swiper-custom .bg-area {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:url(/img/cnt/main_visual_1_bg.jpg) no-repeat center center; background-size:1920px auto;; opacity:0;} /* 빛 */
.swiper-mainVisual .swiper-custom .tv-area {position:absolute; z-index:2; left:50%; bottom:8rem; width:561px; height:85px; opacity:0; transform:scale(0.7) translateX(-110px);} /* TV 영역 */
.swiper-mainVisual .swiper-custom .tv-area img {width:100%;}
.swiper-mainVisual .swiper-custom .tv-area .btm {position:absolute; left:0; bottom:0; z-index:10; width:100%; height:100%; background:url(/img/cnt/main_visual_1_btm.png) no-repeat 0 0; background-size:100% auto;} /* TV 받침 */
.swiper-mainVisual .swiper-custom .tv-area .monitor {position:absolute; left:0; bottom:100%; z-index:2; width:100%; overflow:hidden;} /* TV 모니터 */
.swiper-mainVisual .swiper-custom .tv-area .monitor img {transform:translateY(100%);}
.swiper-mainVisual .swiper-custom .tv-area .ch1 {position:absolute; left:0; bottom:100%; z-index:2; width:100%; opacity:0;} /* TV 모니터 채널1 */
.swiper-mainVisual .swiper-custom .tv-area .ch2 {position:absolute; left:0; bottom:100%; z-index:2; width:100%; opacity:0;} /* TV 모니터 채널2 */
.swiper-mainVisual .swiper-custom .tv-area .ch3 {position:absolute; left:0; bottom:100%; z-index:2; width:100%; opacity:0;} /* TV 모니터 채널3 */
.swiper-mainVisual .swiper-custom .tv-area .shadow {position:absolute; right:-87px; bottom:-80px; z-index:1; width:67rem; height:9rem; background:url(/img/cnt/main_visual_1_shadow.png) no-repeat 0 0; background-size:100% auto;} /* TV 그림자 */
@media all and (max-width: 1363px){/* 1284 해상도 + 좌우여백 40 */
	.swiper-mainVisual .swiper-custom .title-area {left:4rem;}
}
@media all and (max-width:959px){
	.swiper-mainVisual .swiper-custom .title-area {left: 2rem; top:inherit; bottom:8.5rem; text-align: left; width: 50%;} /* 2022.02.15 Mod */
	.swiper-mainVisual .swiper-custom .title-area .explain {font-size:1.1rem;} /* 2022.02.15 Mod */
	.swiper-mainVisual .swiper-custom .title-area .title {font-size:2.4rem; line-height: 2.9rem; margin-top:0.7rem;} /* 2022.02.15 Mod */
	.swiper-mainVisual .swiper-custom .title-area .title em {letter-spacing: 0; display: block;} /* 2022.02.15 Add */
	.swiper-mainVisual .swiper-custom .tv-area {left: 72%; bottom: 0rem; width: 48%; height: 62px; transform: scale(1) translateX(-50%);} /* 2022.02.15 Mod */
	.swiper-mainVisual .swiper-custom .tv-area .shadow {right: -27px; bottom: -1px; width: 119%; height: 40px;} /* 2022.02.15 Mod */
}
@media all and (max-width:480px){
	.swiper-mainVisual .swiper-custom {background: url(../img/cnt/main_visual_1_bg1.jpg) no-repeat center center; background-size:auto 100%;} /* 2022.02.15 Mod */
	.swiper-mainVisual .swiper-custom .tv-area {left: 72%; bottom: 0rem; width: 48%; height: 62px; transform: scale(1) translateX(-50%);} /* 2022.02.15 Mod */
	.swiper-mainVisual .swiper-custom .tv-area .shadow {right: -27px; bottom: -1px; width: 119%; height: 40px;} /* 2022.02.15 Mod */
}

/* 공지사항 */
.main-notice-wrap {border-bottom:1px solid #e3e3e3;}
.main-notice:after {content:''; display:block; clear:both;}
.main-notice-wrap .section {padding:1rem 0;}
.main-notice-wrap .section-header {float:left; width:12rem; padding:1rem 0;}
.main-notice-wrap .section-header .main-tit-h2 {color:#a50134; font-size:1.6rem; font-family:'NSB';}
.main-notice-wrap .section-body {padding-left:18rem;}
.main-notice-wrap .swiper-mainNotice {padding:1rem 0;}
.main-notice-wrap .swiper-mainNotice,
.main-notice-wrap .swiper-mainNotice .swiper-wrapper,
.main-notice-wrap .swiper-mainNotice .swiper-controller {height:100%;}
.main-notice-wrap .swiper-mainNotice:after {content:''; display:block; position:absolute; right:0; top:0; z-index:2; width:14rem; height:100%; background-color:#fff;}
.main-notice-wrap .swiper-mainNotice .swiper-slide a {display:block; font-size:1.8rem; line-height:3rem; padding-right:28rem;}
.main-notice-wrap .swiper-mainNotice .swiper-slide .tit {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main-notice-wrap .swiper-mainNotice .swiper-slide .txt-date {position:absolute; top:0.1rem; right:16rem; line-height:3rem;}
.main-notice-wrap .swiper-mainNotice .swiper-controller {display:none; position:absolute; z-index:3; width:15rem; height:auto; text-align:right; background-color:#fff;}
.main-notice-wrap .swiper-mainNotice .swiper-autoplay {position:absolute; z-index:4; display:inline-block; top:50%; right:5rem; width:4.4rem; height:4.4rem; overflow:hidden; vertical-align:middle; white-space:nowrap; transform:translateY(-50%)}
.main-notice-wrap .swiper-mainNotice .swiper-autoplay .btn-ico {position:absolute; top:0; width:100%; height:100%; vertical-align:middle; transform:translateX(0); transition:transform 0.3s;}
.main-notice-wrap .swiper-mainNotice.is-stoped .swiper-autoplay .btn-ico {transform:translateX(100%); -webkit-transform:translateX(100%);}
.main-notice-wrap .swiper-mainNotice .btn-ico.btn-play {left:-100%;}
.main-notice-wrap .swiper-mainNotice .btn-ico.btn-pause {left:0;}
.main-notice-wrap .swiper-mainNotice .swiper-button-prev {position:static; width:4.4rem; height:4.4rem; margin-top:0; margin-right:5rem; background-image:url(/img/cnt/ico_prev_notice.png); background-size:auto; opacity:1; vertical-align:middle;}
.main-notice-wrap .swiper-mainNotice .swiper-button-next {position:static; width:4.4rem; height:4.4rem; margin-top:0; background-image:url(/img/cnt/ico_next_notice.png); background-size:auto; opacity:1; vertical-align:middle;}
.main-notice-wrap .swiper-mainNotice .swiper-button-disabled {opacity:0.5; pointer-events:initial;}
.main-notice-wrap a.more-page, .main-notice-wrap .swiper-mainNotice .swiper-controller .swiper-pagination, .app-lists[data-type=image] .screenshot {display:none;} /* 2022.02.15 Add */

@media all and (max-width: 1363px){
	.main-notice-wrap .section {padding:2rem 3rem 2rem;}
}
@media all and (min-width:960px){
	.main-notice-wrap .section-header {position:absolute; left:3rem; top:50%; transform:translateY(-50%);}
}
@media all and (max-width:959px){
	.main-notice-wrap {border-bottom:0;} /* 2022.02.15 Add */
	.main-notice-wrap .section {padding:3rem 0 2rem 0; background-color: #f1f1f1;} /* 2022.02.15 Add */
	.main-notice-wrap .section-header {text-align: left; padding: 0 2.5rem 1.5rem 2.5rem; width: auto; float:none;} /* 2022.02.15 Mod */
	.main-notice-wrap .section-header .main-tit-h2 {color:#000; font-size:1.8rem;} /* 2022.02.15 Add */
	.main-notice-wrap .section-body {margin-top:0; padding-left:0;} /* 2022.02.15 Mod */
	.main-notice-wrap a.more-page {display: block; position: absolute; top:3rem; right:1.5rem; width:3rem; height:3rem; font-size: 0; color: transparent;} /* 2022.02.15 Add */
	.main-notice-wrap a.more-page:after {content:''; background-image: url(../img/cnt/ico_next_selftest.png); background-repeat: no-repeat; background-size: contain; width: 1rem; height: 1.6rem; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%);} /* 2022.02.15 Add */
	.main-notice-wrap a.more-page i {display:none;} /* 2022.02.15 Add */
	.main-notice-wrap .swiper-mainNotice {padding:0;}
	.main-notice-wrap .swiper-mainNotice:after {display:none;}
	.main-notice-wrap .swiper-mainNotice .swiper-slide {width:100% !important; padding:0 1.5rem 3.5rem 1.5rem; box-sizing: border-box; font-family: 'NSR';} /* 2022.02.15 Mod */
	.main-notice-wrap .swiper-mainNotice .swiper-slide a {position:relative; background: #fff; box-shadow: 1px 4px 5px 0px rgb(0 0 0 / 5%); border-radius: 8px; padding:1.5rem 1.7rem; height:10rem;} /* 2022.02.15 Mod */
	.main-notice-wrap .swiper-mainNotice .swiper-slide a .tit {font-size:1.5rem; line-height: 2.2rem; white-space: normal; min-height: 2rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;} /* 2022.02.15 Add */
	.main-notice-wrap .swiper-mainNotice .swiper-slide a .tit em {margin-right:0.5rem; padding:0 1rem 0.3rem 1rem;} /* 2022.02.15 Add */
	.main-notice-wrap .swiper-mainNotice .swiper-slide .txt-date {bottom: 1.5rem; left: 1.7rem; line-height: 2rem; top: auto; color: #767676; font-size:1.4rem;} /* 2022.02.15 Mod */
	.main-notice-wrap .swiper-mainNotice .swiper-controller {margin:0;} /* 2022.02.15 Mod */
	/* 2022.02.15 Add */
	.main-notice-wrap .swiper-mainNotice .swiper-controller {margin:0; width: 100%; position: relative; background-color: transparent; text-align: center;} /* 2023.06 웹접근성 보완 : notice 스와이퍼 재생 버튼의 모바일에서 노출을 위해 속성 수정 */
	/* .main-notice-wrap .swiper-mainNotice .swiper-controller .swiper-autoplay, */ /* 2023.06 웹접근성 보완 : notice 스와이퍼 재생 버튼의 모바일에서 노출을 위해 해당 셀렉터 제거 */

	.main-notice-wrap .swiper-mainNotice .swiper-controller .swiper-button-prev,
	.main-notice-wrap .swiper-mainNotice .swiper-controller .swiper-button-next {display:none !important;}
	.main-notice-wrap .swiper-mainNotice .swiper-controller .swiper-pagination {position: static; display:inline-block; top:39px; left: 50%; transform: none;}/* 2023.06 웹접근성 보완 : notice 스와이퍼 재생 버튼의 모바일에서 노출을 위해 속성 수정 */
	.main-notice-wrap .swiper-mainNotice .swiper-controller .swiper-pagination .swiper-pagination-bullet {width:2.4rem; height:2.4rem; background-color: transparent; position: relative; margin:0 0.2rem;}
	.main-notice-wrap .swiper-mainNotice .swiper-controller .swiper-pagination .swiper-pagination-bullet:before {content: ''; position: absolute; top:50%; left:50%; width:1.3rem; height:0.7rem; background-color: #000; border-radius:2rem; transform:translate(-50%, -50%); transition: all 0.3s;}
	.main-notice-wrap .swiper-mainNotice .swiper-controller .swiper-pagination .swiper-pagination-bullet-active:before {background-color: #2e2e2e; width:2.1rem;}
	.main-notice-wrap .swiper-mainNotice .swiper-autoplay {margin-top: -15px; width:2.5rem; height:2.5rem;  position: relative; top:auto; left:auto; right:auto; transform: none; background-color: #fff; border: 1px solid #c0c0cc; border-radius: 100%;} /* 2023.06 웹접근성 보완 : notice 스와이퍼 재생 버튼의 모바일에서 노출을 위해 속성 수정 */
	.main-notice-wrap .swiper-mainNotice .swiper-button-prev, .main-notice-wrap .swiper-mainNotice .swiper-button-next {width:3.4rem; height:3.4rem;}
	.main-notice-wrap .swiper-mainNotice .swiper-button-prev {margin-right: 4rem;}
	.ico-pause-notice {width:15px; height:15px; background-image: url(../img/btn_play.png); background-position:0 0; background-size: cover;}
	.ico-play-notice {width:15px; height:15px; background-image: url(../img/btn_play.png); background-position:-12px 0; background-size: cover;}
	/* 2022.02.15 Add */
}
@media all and (max-width:640px){
	.main-notice-wrap .swiper-mainNotice .swiper-slide {font-size:1.5rem;}
}

/* TV 앱 */
.main-tvapp-wrap {padding:4.5rem 0;}
.main-tvapp-wrap .section-header {text-align:center;}
.main-tvapp-wrap .section-header .main-tit-h2 {display:inline-block; font-size:4.4rem; font-family:'NSB'; font-weight:bold;}
.main-tvapp-wrap .section-body {margin-top:2.8rem;}
.main-tvapp-wrap .app-lists[data-type=image] ul {margin:0;}
.main-tvapp-wrap .app-lists[data-type=image] li {padding:0;}
.main-tvapp-wrap .swiper-container {margin:0 6.8rem 0 6.8rem;}
.main-tvapp-wrap .swiper-container:before,
.main-tvapp-wrap .swiper-container:after {content:''; display:block; position:absolute; top:0; bottom:0;}
.main-tvapp-wrap .swiper-container:before {left:0; width:5rem;}
.main-tvapp-wrap .swiper-container:after {right:0; width:5rem;}
.main-tvapp-wrap .swiper-button-prev {display:none; z-index:2; width:4.4rem; height:4.4rem; top:8.5rem; background:url(/img/cnt/ico_prev_tvapp.png) no-repeat center center; transition:all 0.3s;}
.main-tvapp-wrap .swiper-button-next {display:none; z-index:2; width:4.4rem; height:4.4rem; top:8.5rem; background:url(/img/cnt/ico_next_tvapp.png) no-repeat center center; transition:all 0.3s;}
.main-tvapp-wrap .swiper-container-horizontal>.swiper-pagination-bullets {width:auto; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); white-space:nowrap;}
.main-tvapp-wrap .swiper-container .swiper-wrapper {padding-bottom:6rem;}
.main-tvapp-wrap .swiper-pagination {left:0; bottom:0; width:100%;}
.main-tvapp-wrap .swiper-pagination-bullet {position:relative; top:0.2rem; width:3.4rem; height:1.2rem; margin:0 0.2rem; border:1px solid #999; background-color:#fff; border-radius:0.9rem; opacity:1; vertical-align:top;}
.main-tvapp-wrap .swiper-pagination-bullet-active {height:1.2rem; background-color:#a40033; border:1px solid #a40033;}
.main-tvapp-wrap .tab-body {margin-top:6rem;}
.main-tvapp-wrap .tab-content {position:relative;}
.main-tvapp-wrap .tab-content .more-page {display:inline-block; position:absolute; right:7rem; top:-8.3rem; height:2.6rem; padding-top:0.3rem; padding-right:3.4rem; line-height:2.4rem; color:#666; font-size:1.6rem;}
.main-tvapp-wrap .more-page {display:inline-block; position:absolute; right:7rem; top:9.1rem; height:2.6rem; padding-top:0.3rem; padding-right:3.4rem; line-height:2.4rem; color:#666; font-size:1.6rem;} /* 2022.02.15 Add */
/* .main-tvapp-wrap .app-lists[data-type=image] .item-tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; word-wrap:break-word; line-height:2rem; height:2rem;}  2줄 고려하는 경우 */
.main-tvapp-wrap .app-lists[data-type=image] .item-tit {display:block; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; line-height:2.2rem; height:2.2rem; white-space:nowrap;}

/* 2023.02.14 Add =s*/
.view-event { display: block;}
.view-eventContents { display: block; position: relative; width: calc(100% - 8rem); height: auto; margin: 3rem 4rem 4rem 4rem;}
.view-eventContents img { display: block; position: relative; width: 100%; height: auto;}
.acodionBtn { display: none; position: absolute; bottom: -2.5rem; right: 4rem; font-size: 1.4rem; color: #A50034; padding-right: 1.8rem; font-family: 'LGB';}
.acodionBtn span { position: absolute; transform: rotate(90deg); top: -0.3rem; right: 0; font-size: 2.0rem;}
.acodionBtn.Active { display: block;}
/* 2023.02.14 Add =e*/

@media all and (max-width:320px){
	.main-tvapp-wrap .swiper-pagination-bullet {width:3rem;}
}

@media all and (max-width:959px){
	.main-tvapp-wrap {position: relative; padding:0 0 4rem 0;} /* 2022.02.15 Mod */
	.main-tvapp-wrap a.more-page {position: absolute; top:5rem; right:1.5rem; width:3rem; height:3rem; font-size: 0; color: transparent;} /* 2022.02.15 Add */
	.main-tvapp-wrap a.more-page:after {content:''; background-image: url(../img/cnt/ico_next_selftest.png); background-repeat: no-repeat; background-size: contain; width: 1rem; height: 1.6rem; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%);} /* 2022.02.15 Add */
	.main-tvapp-wrap a.more-page i {display:none;} /* 2022.02.15 Add */
	.main-tvapp-wrap .section-header {text-align: left; border-bottom:1px solid #dedede; padding:0 1.5rem 1.2rem 1.5rem; margin:0 1rem;} /* 2022.02.15 Add */
	.main-tvapp-wrap .section-header .main-tit-h2 {display:inline-block; font-size:1.8rem; font-family:'NSB'; font-weight:bold;} /* 2022.02.15 Mod */
	.main-tvapp-wrap .section-body {margin-top:2.5rem;} /* 2022.02.15 Mod */
	.tvapp-cont  .section-body .view-app-wrap {padding: 0} /* 2022.02.15 Add */
	.main-tvapp-wrap .tab-content .more-page {top:-12rem; right:1.5rem; padding-right:2.4rem; font-size:1.3rem; font-size: 0;} /* 2022.02.15 Mod */
	.main-tvapp-wrap .swiper-container {margin:0;} /* 2022.02.15 Mod */
	.main-tvapp-wrap .swiper-container .swiper-wrapper {padding-bottom:6rem;}
	.main-tvapp-wrap .swiper-button-prev {margin-top:-4rem; left:-2.5rem; width:4.4rem; height:4.4rem;}
	.main-tvapp-wrap .swiper-button-next {margin-top:-4rem; right:-2.5rem; width:4.4rem; height:4.4rem;}
	.main-tvapp-wrap .swiper-button-prev {background-size:auto 50%;}
	.main-tvapp-wrap .swiper-button-next {background-size:auto 50%;}
	.main-tvapp-wrap .swiper-pagination {bottom:-5rem;} /* 2022.02.15 Add */
	.main-tvapp-wrap .swiper-pagination-bullet {width:2.4rem; height:2.4rem; background-color: transparent; position: relative; border:0; margin:0 0.2rem;} /* 2022.02.15 Mod */
	/* S : 2022.02.15 Add */
	.main-tvapp-wrap .swiper-pagination-bullet:before {content: ''; position: absolute; top:50%; left:50%; width:1.3rem; height:0.7rem; background-color: #cecece; border-radius:2rem; transform:translate(-50%, -50%); transition: all 0.3s;}
	.main-tvapp-wrap .swiper-pagination-bullet-active:before {width:2.1rem; background-color: #2e2e2e;}
	.main-tvapp-wrap .app-lists[data-type=image] ul {padding:0; box-sizing: border-box; /*:nth-child(2n)*/}
	.main-tvapp-wrap .app-lists[data-type=image] li {width:10rem !important; margin-left:1.5rem;}
	.main-tvapp-wrap .app-lists[data-type=image] li:last-child {margin-right:1.5rem;}
	.main-tvapp-wrap .app-lists[data-type=image] li .item-wrap {padding:0;}
	.main-tvapp-wrap .app-lists[data-type=image] li .item-wrap .thumbnail {width: 100%; height:100%; border-radius:inherit; border:0; display: inline;}
	.main-tvapp-wrap .app-lists[data-type=image] li a {overflow: initial;}
	.main-tvapp-wrap .app-lists[data-type=image] li .screenshot-img {display:none;}
	.main-tvapp-wrap .app-lists[data-type=image] li dl {width:100%; margin:0;}
	.main-tvapp-wrap .app-lists[data-type=image] li dl dt img {width: 100%; border-radius: 10%; border:1px solid #e4e4e4; box-sizing: border-box;}
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li {width:25rem !important;}
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li .screenshot {display: block;}
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li .screenshot img {width: 100%; border-radius: 1rem;}
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li dl {display:inline-block; width:100%; margin: 2.5rem 0 0 0;}
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li dl dt.thumbnail {float:left; width:25%; border-radius: inherit; border:0;}
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li dl dt img {width: 100%; border-radius: 10%; border:1px solid #e4e4e4; box-sizing: border-box;}
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li dl dd {float: right; width:75%; padding-left:1.5rem; box-sizing: border-box; text-align: left;}
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li dl dd p {margin:0;}
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li dl dd p.item-tit {color:#000; margin:0 0 0.5rem 0;}
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li dl dd p.item-part {display:block; font-size:1.2rem; margin:0 0 1rem 0;}
	.main-tvapp-wrap .swiper-button-prev,
	.main-tvapp-wrap .swiper-button-next,
	.main-selftest-wrap .swiper-button-prev,
	.main-selftest-wrap .swiper-button-next {display:none !important;}
	.main-tvapp-wrap .tab-body {margin-top:3rem;}
	.tab-type2 ul {}
	.tab-type2 ul li, .tab-type2 ul li + li {margin-left: 0; padding-left: 0; margin:0 0.3rem;}
	.tab-type2 ul li a {line-height: 3rem; min-width: 10rem; border:0; background-color: #eee; border-radius: 10rem; font-size:1.3rem;}
	.tab-type2 ul li.is-active a {color:#fff; background-color: #a50134;}
	/* E : 2022.02.15 Add */
}
/* S : 2022.02.15 Add */
@media all and (max-width:559px) {
	.main-tvapp-wrap .app-lists.screenshot-img[data-type=image] li {width:30rem !important;}
}
/* E : 2022.02.15 Add */

/* 자가진단 */
.main-selftest-wrap {padding:4.5rem 0 4.5rem 0; background-color:#f8f8f8; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.main-selftest-wrap .section-header {text-align:center;}
.main-selftest-wrap .section-header .main-tit-h2 {display:inline-block; font-size:4.4rem; font-family:'NSB'; font-weight:bold;}
.main-selftest-wrap .section-body {margin-top:4rem; overflow:hidden;}
.main-selftest-wrap .swiper-mainSelftest {padding:0 0; overflow:visible; width:100%;} /* 2022.02.15 Mod */
.main-selftest-wrap .item {width:100%; height:62rem; background:url() no-repeat center center; background-size:cover; text-align:center; height:45rem;}
.main-selftest-wrap .item-link {display:block; width:100%; height:100%; padding:6rem 4rem; font-size:2.4rem; font-family:'NSR'; color:#000000; word-break:keep-all;}
.main-selftest-wrap .item-link .explain {display:block; margin-top:2rem; line-height:2.4rem; font-size:1.6rem; font-family:'NSL'; color:#333;}
.main-selftest-wrap .item-link > span {display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word; line-height:3rem; height:6.2rem;}
.main-selftest-wrap .item-link > span > span.category {display: none;} /* 2022.06.21 Add */
.main-selftest-wrap .item-selftest1 {background-image:url(/img/cnt/main_selftest_1.jpg)}
.main-selftest-wrap .item-selftest2 {background-image:url(/img/cnt/main_selftest_2.jpg)}
.main-selftest-wrap .item-selftest3 {background-image:url(/img/cnt/main_selftest_3.jpg); background-position:center center;} /* 검정배경과 글자겹침 */
.main-selftest-wrap .item-selftest4 {background-image:url(/img/cnt/main_selftest_4.jpg)}
.main-selftest-wrap .item-selftest4 .item-link {color:#fff;}
.main-selftest-wrap .swiper-mainSelftest .swiper-container {overflow:visible;}
.main-selftest-wrap .swiper-wrapper {padding-bottom:5rem;}
.main-selftest-wrap .swiper-wrapper .swiper-slide {width: 458px !important; margin-left: 2rem;} /* 2022.02.15 Add */
.main-selftest-wrap .swiper-wrapper .swiper-slide:last-child {margin-right: 2rem;} /* 2022.02.15 Add */
.main-selftest-wrap .swiper-button-prev {display:none; z-index:2; left:0; width:5.2rem; height:5.4rem; margin-top:-5.2rem; background:rgba(255,255,255,0.4); transition:transform 0.2s;} /* 2022.02.15 Mod */
.main-selftest-wrap .swiper-button-prev:before {content:''; display:block; width:100%; height:100%; background:url(/img/cnt/ico_prev_selftest.png) no-repeat center center;}
.main-selftest-wrap .swiper-button-next {display:none; z-index:2; right:0; width:5.2rem; height:5.4rem; margin-top:-5.2rem; background:rgba(255,255,255,0.4); transition:transform 0.2s;} /* 2022.02.15 Mod */
.main-selftest-wrap .swiper-button-next:before {content:''; display:block; width:100%; height:100%; background:url(/img/cnt/ico_next_selftest.png) no-repeat center center;}
.main-selftest-wrap .swiper-button-next.swiper-button-disabled,
.main-selftest-wrap .swiper-button-prev.swiper-button-disabled {opacity:0.5; pointer-events:initial;}
.main-selftest-wrap .swiper-pagination {bottom:0; left:50%; transform:translate(-50%, 0);}
.main-selftest-wrap .swiper-container-horizontal>.swiper-pagination-bullets {width:auto; bottom:0; left:50%; transform:translateX(-50%);}
.main-selftest-wrap .swiper-pagination-bullet {position:relative; top:-0.2rem; width:3.4rem; height:1.2rem; margin:0 0.2rem; border:1px solid #999; background-color:#fff; border-radius:0.9rem; opacity:1;}
.main-selftest-wrap .swiper-pagination-bullet-active {height:1.2rem; background-color:#a40033; border:1px solid #a40033;}
.main-selftest-wrap a.more-page {display: none;} /* 2022.02.15 Add */
@media all and (max-width:1120px){
	.main-selftest-wrap .swiper-mainSelftest {width:100%;}
	.main-selftest-wrap .swiper-button-prev {transform:translateX(0);}
	.main-selftest-wrap .swiper-button-next {transform:translateX(0);}
}
@media all and (max-width:959px){
	.main-selftest-wrap {position: relative; padding:0; border: 0;} /* 2022.02.15 Mod */
	.main-selftest-wrap .section-header {text-align: left; margin-bottom:1.8rem;} /* 2022.02.15 Add */
	.main-selftest-wrap .section-header .main-tit-h2 {color: #000; font-size: 1.8rem;} /* 2022.02.15 Mod */
	.main-selftest-wrap .section-body {margin-top:0; padding-bottom: 2rem;} /* 2022.02.15 Mod */
	.main-selftest-wrap a.more-page {display: block; position: absolute; top:6rem; right:1.5rem; width:3rem; height:3rem; font-size: 0; color: transparent;} /* 2022.02.15 Add */
	.main-selftest-wrap a.more-page:after {content:''; background-image: url(../img/cnt/ico_next_selftest.png); background-repeat: no-repeat; background-size: contain; width: 1rem; height: 1.6rem; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%);} /* 2022.02.15 Add */
	.main-selftest-wrap .swiper-wrapper .swiper-slide {width:30rem !important; margin-left: 1.5rem; background-color: #ffffff; border-radius: 8px; box-shadow: 1px 4px 5px 0px rgb(0 0 0 / 5%); padding: 1.3rem;} /* 2022.02.15 Add */
	.main-selftest-wrap .swiper-wrapper .swiper-slide:last-child {margin-right: 1.5rem;} /* 2022.02.15 Add */
	.main-selftest-wrap .swiper-mainSelftest {padding:0; width:auto;}
	.main-selftest-wrap .item {padding:0; background-size: 100%; background-position: left top -8rem; text-align: left; height:29rem;} /* 2022.02.15 Mod */
	.main-selftest-wrap .item-link {padding: 0; color:#000 !important; font-size:1.5rem; position: relative;} /* 2022.02.15 Mod */
	.main-selftest-wrap .item-link > span {background-color:#fff; position: absolute; left: 0; bottom:0; width:100%; height: 8rem; line-height: 2.2rem; -webkit-line-clamp: 3;} /* 2022.02.15 Add */
	.main-selftest-wrap .item-link > span > span.category {display: block; margin-bottom: 0.5rem; line-height:2.4rem;} /* 2022.02.15 Add */
	.main-selftest-wrap .item-link > span > span.category em {font-size:1.2rem; background-color: #2e2e2e; color:#fff; padding:0.2rem 1rem; border-radius: 0.3rem; min-width: 90px; max-width: 100%; display: inline-block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /* 2022.02.15 Add */
	.main-selftest-wrap .item-link .explain {margin-top:1rem; font-size:1.4rem;}
	.main-selftest-wrap .swiper-wrapper {padding-bottom:1.5rem;} /* 2022.02.15 Mod */
	.main-selftest-wrap .swiper-button-prev {left:0rem; width:4.4rem; height:4.4rem;}
	.main-selftest-wrap .swiper-button-next {right:0rem; width:4.4rem; height:4.4rem;}
	.main-selftest-wrap .swiper-pagination {width: 100%; bottom:4rem;} /* 2023.06 웹접근성 보완 : html 수정으로 인한 위치 변경 */
	.main-selftest-wrap .swiper-pagination-bullet {width:2.4rem; height:2.4rem; background-color: transparent; position: relative; border:0; margin:0 0.2rem;} /* 2022.02.15 Mod */
	.main-selftest-wrap .swiper-pagination-bullet:before {content: ''; position: absolute; top:50%; left:50%; width:1.3rem; height:0.7rem; background-color: #cecece; border-radius:2rem; transform:translate(-50%, -50%); transition: all 0.3s;} /* 2022.02.15 Mod */
	.main-selftest-wrap .swiper-pagination-bullet-active:before {width:2.1rem; background-color: #2e2e2e;} /* 2022.02.15 Mod */
}
@media all and (max-width:757px){
	/*.main-selftest-wrap .item {height:80vw;}*/ /* 2022.02.15 퍼블소스 주석처리되어있음 */
}
@media all and (max-width:320px){
	.main-selftest-wrap .swiper-pagination-bullet {width:3rem;}
}

/* 빠른메뉴 */
.main-quick-wrap {padding:10rem 0 13rem 0;}
.main-quick-wrap .quick-lists {margin:-2rem;}
.main-quick-wrap .quick-lists .col {width:16.666%; padding:2rem;}
.main-quick-wrap .quick-lists .item {display:block; position:relative; text-align:center;}
.main-quick-wrap .quick-lists .item span {display:block; margin-top:2rem; font-family:'NSB'; font-weight:bold; font-size:1.6rem; color:#333333; word-break:keep-all;}
html[lang=zh] .main-quick-wrap .quick-lists .item span,
html[lang=ja] .main-quick-wrap .quick-lists .item span {word-break:normal;}
.main-quick-wrap .quick-lists .item-link {display:block;}
@media all and (max-width:959px){
	.main-quick-wrap {padding:7rem 0;}
	.main-quick-wrap section {padding:4rem 1.5rem;} /* 2022.02.15 Add */
	.main-quick-wrap .quick-lists {margin:-2rem;}
	.main-quick-wrap .quick-lists .col {width:33.333%; padding:2rem;}
}
@media all and (max-width:640px){
	.main-quick-wrap {padding:5rem 0;}
	.main-quick-wrap .quick-lists {margin:-2rem -0.5rem;}
	.main-quick-wrap .quick-lists .col {width:33.333%; padding:2rem 0.5rem;}
	.main-quick-wrap .quick-lists .item-link .ico {width:22vw; height:22vw;}
	.main-quick-wrap .quick-lists .item span {margin-top:1rem; font-size:1.3rem;}
}

/*-------------------------------------------------------------------
    ## Popup
-------------------------------------------------------------------*/
/* FAQ > 컨텐츠 아니오버튼 > 만족도평가 */
.popup-question .question-content {margin-top:2rem;}
.popup-question .form-textarea {height:8rem; padding-top:1rem; padding-bottom:1rem;}
.popup-question .form-radio-vertical .form-textarea-wrap {margin-top:1rem; padding-left:2.8rem;}
.popup-question .bul-star {margin-top:0.8rem;}
.popup-question .bul-star p {color:#666;}
@media all and (min-width: 758px){
	.popup-question {width:480px; max-width:480px;}
}

/* 1:1전체문의 > 문의유형 전체보기버튼 > 문의유형 전체보기 */
.popup-quseAll .pop-sec + .pop-sec {margin-top:2.5rem;}
.popup-quseAll .para-wrap + .tit-wrap {margin-top:2rem;}
.popup-quseAll .tit-wrap .tit-h4 {display:inline-block; margin-bottom:1rem; padding-bottom:0.3rem; color:#000; font-family:'LGR'; border-bottom:1px solid #333;}
.popup-quseAll .tbl-type1 thead th:first-child {width:200px;}
html[lang=ko] .popup-quseAll .tbl-type1 thead th:first-child {width:25%;}
.popup-quseAll .tbl-type1 table th,
.popup-quseAll .tbl-type1 table td {font-size:14px; line-height:20px;}
@media all and (min-width: 758px){
	.popup-quseAll {width:700px; max-width:700px;}
}
@media all and (max-width:757px){
	.popup-quseAll {width:60rem;}
}
@media all and (max-width:640px){
	.popup-quseAll {width:100%;}
	.popup-quseAll .tbl-type1 thead th:first-child {width:12.5rem !important;} /* 2019.07.24 Mod 홍병기K (C20190711_39467 반영) */
	.popup-quseAll .tbl-type1 thead th {padding:1rem 0.5rem;} /* 2019.07.09 Add 홍병기K (C20190711_39467 반영) */
}
@media all and (max-width:480px){
	.popup-quseAll .tbl-type1 thead th:first-child {width:12.5rem !important;} /* 2019.07.09 Mod 홍병기K (C20190711_39467 반영) */
	.popup-quseAll .tbl-type1 thead th {padding:1rem 0.5rem;} /* 2019.07.09 Add 홍병기K (C20190711_39467 반영) */
}
/* QRCode 미지원국가 */
.alim-wrap {padding:3rem; position:fixed; top:50%; transform:translateY(-50%); margin-top:2.4rem;}
.alim-section {padding:2.5rem 0; padding-bottom:20rem; height:80vh; border-radius:2.5rem; color:#fff; font-size:1.6rem; line-height:2.5rem; background:url(/img/cnt/alim_bg.png) no-repeat 0 bottom #a40033; background-size:100% auto;}
.alim-section .para-wrap {padding:0 2.5rem;}
.alim-section .para-wrap a {color:#99ffff;}
.alim-section .tit-wrap {margin:3.2rem 1rem 2rem 1rem; padding:1rem 2rem; height:4.6rem; line-height:2.6rem; background-color:#620018;}
.alim-section .tit-wrap .tit-h4 {color:#fff; font-size:1.6rem; font-family:'LGR';}
.alim-section p {color:#fff;}

/*-------------------------------------------------------------------
    ## CommonPage
-------------------------------------------------------------------*/
/* CommonPage */
.commPageBg {background: url('/img/cmn/compage_bg.gif') repeat-x center 0;}
.commPage {position:relative; top:50%; padding:0; transform:translateY(-50%); border:1px solid #e4e4e4; clear: both; max-width: 780px; margin: 0 auto; color:#606060; overflow: hidden;}
.commPage a {color:#3d77c6;}
.commPage a:hover {color:#3d77c6; text-decoration:underline;}
.commPageLogo {display:none; margin:85px 0 0 8px;}
.commPageBoxEx {position:relative; height:230px; background:url('/img/cmn/compage_exclam_mo.png') no-repeat center 25px #f8f8f8; overflow:hidden;}
.commPageBoxAlert {position:relative; height:230px; background:url('/img/cmn/compage_alert_mo.png') no-repeat center 25px #f8f8f8; overflow:hidden;}
.commPageBoxAlert02 {position:relative; height:230px; background:url('/img/cmn/compage_alert_mo02.png') no-repeat center 25px #f8f8f8; overflow:hidden;}
.commPageBoxEx .text {margin:172px auto 0 auto; font-size:24px; font-family:"LGR"; line-height:24px; text-align:center; font-weight:bold; color:#000;}
.commPageBoxAlert .text {margin:172px auto 0 auto; font-size:24px; font-family:"LGR"; line-height:34px; text-align:center; font-weight:bold; word-break:keep-all;  color:#000;}
.commPageBoxAlert02 .text {margin:172px auto 0 auto; font-size:24px; font-family:"LGR"; line-height:34px; text-align:center; font-weight:bold; word-break:keep-all;  color:#000;}

.commPageMe {padding:20px 100px; color:#333333; line-height:30px;}
.commPageMeTit {font-size:16px; font-family:"LGR";}
.commPageMeTit02 {font-size:16px; font-family:"LGR";}
.commPageMeCon02 a {color:#3d77c6; text-decoration:underline;}

.commPageMeBoxWrap {width:628px; margin:0 auto 0 auto; background:#ebebeb url('/img/cmn/compage_box_top.gif') no-repeat 0 0;}
.commPageMeBox {min-height:0; padding:15px 19px 12px 19px; background:url('/img/cmn/compage_box_btm.gif') no-repeat 0 bottom;}
.commPageMeBox:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
@media all and (max-width:960px){
	.commPage {max-width:100%; margin-left:30px; margin-right:30px;}
	.commPageMe {text-align:center; word-break:keep-all;}
}

/* 헤더,컨테이너,푸터에 에러페이지가 나올때 */
#container .commPage {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); margin-top:-66px;}
@media all and (max-height:759px){
	#container .commPage {position:relative; transform:translateY(0); margin-top:100px; margin-bottom:100px;}
 }

/* CommonPageFilm */
.commPageFilm {position:relative; overflow:visible;}
.commPageFilm .close-wrap {position:absolute; right:-5rem; top:-5rem;}
.commPageFilm .close-wrap .btn-ico {width:4.4rem; height:4.4rem;}
.commPageBoxFilm {position:relative; padding:30px; background:#f8f8f8; overflow:hidden; text-align:center;}
.commPageBoxFilm .title {font-size:24px; line-height:24px; text-align:center; font-weight:bold; color:#000;}
.commPageBoxFilm .text {margin-top:20px; font-size:16px; line-height:20px; color:#000;}
.commPageBoxFilm .text.dis-ib {text-align:left;}
.commPageBoxFilm .text + .title {margin-top:40px;}

/* 퍼블리싱용 */
.is-publish .commPage {margin-top:30px; margin-bottom:30px; top:0; transform:translateY(0);}

/*-------------------------------------------------------------------
    ## AD
-------------------------------------------------------------------*/
#header_ad {width:100%; border-bottom: 1px solid #a50034;}
#container_ad {position: relative; width:100%;}
#contents_ad {position: relative; width:1284px; margin:0 auto; padding:45px 0 70px 0;} /* 2020.10.22 Mod 홍병기C */
#contents_ad:after {content:""; display:block; clear:both;}
#footer_ad {width:100%; border-top:1px solid #b2b2b2; margin-top:20px; padding: 0 0 30px 0;}

#header_ad .logoAd-wrap {position:relative; width:910px; height:94px; margin:0 auto; padding-top:2rem; text-align:center;}

.section_ad {display:inline-block; width: 100%;}
.section_ad h2 {width:100%; font-size:36px; line-height:38px; font-family:"LGSmEnSB"; color:#3a3a3a; font-weight:normal;}
.section_ad h2 span {border-left:1px solid #dddddd; padding:0 0 0 20px; margin:0 0 0 20px; color:#767676; font-size:20px; line-height:20px;}
.section_ad .h2_comment {font-size:16px; font-family:"LGSmEnSB"; padding:20px 0 0 0; font-weight:normal;}
.section_ad .locaArea {position:relative; padding: 23px 38px 0 20px; background: url('../../images/au/engu/bg/bg_grad_h01.gif') no-repeat;}
.section_ad .locaArea h3.area_title {position:absolute; left:20px; top:25px;}
.section_ad .controller-wrap {margin:40px 0 0 0; border-top:1px solid #ddd; padding:40px 0 0 0; display: inline-block; position: relative;} /* 2020.10.22 Mod 홍병기C */
.section_ad .controller-wrap .line {position: absolute; width: 1px; height: 100%; background: #ddd; left:50%; top:40px;} /* 2020.10.22 Add 홍병기C */

/* Main Page Style Sheet */
.footer_inner {width:910px; margin:0 auto; padding-top:2.5rem; text-align:center;}
.footer_inner .country_choice {width:895px; margin:0 auto; text-align: right; padding:15px 15px 5px 0;}
.footer_inner .main_footer {position:relative; width:100%; margin:0; padding:0;}
.footer_inner .main_footer ul {display:inline-block; width:100%;}
.footer_inner .main_footer ul li.f_logo {float:left; width:120px;}
.footer_inner .main_footer ul li.f_menu {float:left; width:765px;}
.footer_inner .main_footer ul li.f_menu dl {display:inline-block; float:left; width:680px;}
.footer_inner .main_footer ul li.f_menu dl dd {float:left; height:14px; font-size:12px; line-height:14px; padding:0 7px 3px 7px; white-space: nowrap; background:url('../../images/kr/kor/bg/bg_footer_line.gif') no-repeat 0px 1px;}
.footer_inner .main_footer ul li.f_menu dl dd:first-child {background:none;}
.footer_inner .main_footer ul li.f_menu dl dd span {color:#2e2e2e; font-family:'LGB';}
.footer_inner .main_footer ul li.f_menu dl dd.footer_address {height:auto; padding:0; margin:0; background:none;}
.footer_inner .main_footer p.copyright {padding-top:1rem; font-size:1.1rem;}

/* ControllerComment */
.controllerComment {color:#000; font-size:17px; line-height:26px; font-family:'LGR';} /* 2020.10.22 Mod 홍병기C */
.controllerComment p {padding:20px 0 0 0;}
.controllerComment p:first-child {padding:0;}
.controller {float:right; width: 50%; padding:0 0 0 3%;} /* 2020.10.22 Mod 홍병기C */
.controller:first-child {float:left; padding:0 3% 0 0; border:0;} /* 2020.10.22 Add 홍병기C */
.controller h3 {font-family:'LGSB'; font-size: 1.8rem; text-align: center; background: #eee; padding:2.5rem 0; font-weight: 600;} /* 2020.10.22 Add 홍병기C */
.controller .OTmodels {margin-top:2rem; font-size: 1.3rem; line-height: 2rem;} /* 2020.10.22 Add 홍병기C */
.controller dl {padding:25px 0 0 0; margin:25px 0 0 0; border-top:1px dashed #ddd;}
/*.controller dl:first-child {padding:0; margin:0; border:0;} 2020.10.22 Del 홍병기C */
.controller dl.bd0 {margin:0; border:0;} /* 2020.10.22 Add 홍병기C */
.controller dl dt {color:#000; font-family:'LGSB'; padding:0 0 5px 0; font-size:15px; line-height:22px; font-weight: 600;} /* 2020.10.22 Mod 홍병기C */
.controller dl dd {font-size:15px; line-height:20px; padding:5px 0 0 9px; text-indent:-9px;} /* 2020.10.22 Mod 홍병기C */
.controller dl dd span {color:#000;}
.controller dl dd a {color:#a50034; text-decoration:underline;}
.controller .webOS4-5 {display:none;}
@media screen and (max-width:910px ) {
	#header_ad .logoAd-wrap {height: 8rem;} /* 2020.10.22 Add 홍병기C */
	#header_ad .logoAd-wrap img {height:70%;} /* 2020.10.22 Add 홍병기C */
	#container_ad .in-sec-ad {padding:30px 0 45px 0 !important;} /* 2020.10.22 Mod 홍병기C */
	.section_ad .controller-wrap .line {display:none;} /* 2020.10.22 Add 홍병기C */
	.in-sec-ad {width:90% !important; margin:0 auto;}
	.controllerComment {font-size:16px; line-height:20px;}
	.controllerComment p {padding:10px 0 0 0;}
	.controller {float:left; width: 100%; padding:0 !important;} /* 2020.10.22 Add 홍병기C */
	.controller:first-child {margin-bottom: 60px;} /* 2020.10.22 Add 홍병기C */
	.controller dl {padding:20px 0 0 0;}
	.controller dl dt {font-size:14px; line-height:20px;}
	.controller dl dd {font-size:14px; line-height:18px;}
	.controller dl dd:before {left:5px;}
}


/*-------------------------------------------------------------------
    ## LG 유니버셜 리모컨 지원
-------------------------------------------------------------------*/
/* 언어공통 */
#tv-wrapper {width:954px; margin:0 auto;}
#tv-wrapper .tv-header {width:100%; height:68px; margin-top:20px; border-bottom:2px solid #ddd;}
#tv-wrapper .tv-header:after {content:''; display:block; clear:both;}
#tv-wrapper .tv-header h1 {float:left; width:280px; display:block; padding:0 10px 10px 10px; border-bottom:2px solid #d80546; text-align:center;}
#tv-wrapper .tv-footer {display:inline-block; width:100%; padding-bottom:30px;}
#tv-wrapper .tv-footer p {float:right;}
#tv-wrapper .tv-footer .form-select {width:300px; height:40px;}

.tv-container {width:100%; margin:25px 0 15px 0; border-bottom:2px solid #ddd;}
.tv-content {width:894px; margin:0 auto;}
.tv-content .tv-tit-h2 {font-family:'LGSB'; font-weight:bold; letter-spacing:-2px; font-size:40px; margin-bottom:20px;}
.tv-content .tv-explain-h2 {font-size:20px; font-family:'LGSB'; font-weight:bold;}

.tv-content .tv-form-wrap {display:inline-block; width:854px; margin:30px 20px 0 20px;}
.tv-content .tv-form-wrap dl {float:left; width:100%; padding-bottom:25px;}
.tv-content .tv-form-wrap dl dt {float:left; display:block; width:300px;}
.tv-content .tv-form-wrap dl dd {float:left; display:block;}
.tv-content .tv-form-wrap dl dd .form-select {width:300px; height:40px; line-height:40px; border-color:#bbb;}
.tv-content .tv-form-wrap dl dd select {line-height:38px; color:#333;}
.tv-content .tv-form-wrap dl dd select:disabled {background-color:rgba(0,0,0,0.1)}
.tv-content .tv-form-wrap dl dd input {width:300px; height:40px; border:1px solid #bbb;}
.tv-content .tv-form-wrap dl dd input:disabled {background-color:rgba(0,0,0,0.1);}
.tv-content .tv-form-wrap dl dd input.side_input {width:200px; margin-left:20px;}

.tv-content .tv-btn-wrap {display:inline-block; width:854px; margin:20px 20px 25px 20px;}
.tv-content .tv-btn-wrap ul {width:440px; margin:0 auto;}
.tv-content .tv-btn-wrap ul li {float:left; margin:0 10px;}
.tv-content .tv-btn-wrap ul li a {width:200px; padding:15px 0; font-size:20px; font-family:'LGB';display:block; cursor:pointer; text-align:center;}
.tv-content .tv-btn-wrap ul li a.tv_send {background:#e11157; color:#fff;}
.tv-content .tv-btn-wrap ul li a.tv_cancel {background:#bcb9b9; color:#fff;}

.tv-content .bul-remote {display:table; width:100%; font-size:20px; font-family:'LGR'; height:40px; line-height:40px;;}
.tv-content .bul-remote:before {content:''; display:table-cell; width:40px; height:11px; background:url(/img/support/tv_bul_dot.png) no-repeat center center;}

span.selectbox_um {display:block; text-align:center; padding-right:30px; border:1px solid #bbb;background:#FFF url(/img/support/tv_arw_select.gif) no-repeat right center;}
span.selectbox_um strong{display:block; width:100%; height:40px; line-height:40px; font-weight:normal;font-size:16px;color:#767676; word-break:break-all;}
span.selectbox_um_focus {border-color:#BEBEBC;}
span.selectbox_um_focus strong {color:#000;}
span.selectbox_um_disabled {background-color:#EEE;}
span.selectbox_um_disabled strong {color:#818181;}

div.selectbox_um_option{width:278px !important; border:1px solid #bbb; background:#FFF; overflow:hidden;}
div.selectbox_um_option li {list-style:none;}
div.selectbox_um_option a {font-size:12px; color:#818181; word-break:break-all; line-height:1.5; text-decoration:none; padding:5px 10px; display:block; overflow:hidden;}
div.selectbox_um_option a.on,div.selectbox_option a:hover {color:#818181;background:#EEE;}

/* 아랍어 */
#tv-wrapper.lang-ar {text-align:right;}
#tv-wrapper.lang-ar .tv-header h1 {float:right;}
#tv-wrapper.lang-ar .tv-footer p {float:left;}
.lang-ar .tv-content .tv-form-wrap dl,
.lang-ar .tv-content .tv-form-wrap dl dt,
.lang-ar .tv-content .tv-form-wrap dl dd {float:right;}
.lang-ar .tv-content .bul-remote:before {display:none;}
.lang-ar .tv-content .bul-remote:after {content:''; display:table-cell; width:40px; height:11px; background:url(/img/support/tv_bul_dot.png) no-repeat center center;}
.lang-ar .tv-content .tv-form-wrap dl dd input.side_input {margin-left:0; margin-right:20px;}
.lang-ar .tv-content .tv-btn-wrap {text-align:center;}
.lang-ar .tv-content .tv-btn-wrap ul {display:inline-block;}
.lang-ar .tv-content .tv-btn-wrap ul:after {content:''; display:block; clear:both;}
.lang-ar .tv-content .tv-btn-wrap ul li {float:right;}

/*-------------------------------------------------------------------
    ## LG Closing Service
-------------------------------------------------------------------*/
.fade_out .in_sec {padding:0 30px;}
#closing_wrapper {width:100%; background:url('/img/cmn/bg_service_top_line.png') top left repeat-x;}
#closing_header {width:100%; height:300px; padding:90px 0 0 0; background:url('/img/cmn/bg_service_top.png') center no-repeat; border-bottom:0;}
#closing_header .header_wrap {max-width:910px; margin:0 auto; position:relative;}
#closing_header .header_wrap h1 {position:absolute; top:-58px; left:10px; width:130px;}
/*body.fade_out #header .header_wrap h1 a {display:block; width:100%; height:31px; background:url('../../../../images/common/common/h1_logo.png') center no-repeat; font-size:0; text-indent:-9999px;}*/
.fade_out #closing_header .header_wrap p {font-size:20px; line-height:34px; padding:0 0 25px 0; text-align:center; color:#000000;}
.fade_out #closing_header .header_wrap p span.date {color:#a50034;}

.fade_out_message {max-width:910px; width:100%; margin:auto; line-height:24px; background:#ffffff;}
.fade_out_message .message_point {width:100%; padding:50px 0; margin:0 auto 30px;}
.fade_out_message .message_point .table_list, .fade_out_message .message_point .table_list th, .fade_out_message .message_point .table_list td {border:none}
.fade_out_message .message_point .table_list {width:100%; border-top:solid 2px #3a3a3a; table-layout:fixed; }
.fade_out_message .message_point .table_list th {color:#2e2e2e; padding:12px 0; font-size:15px; border-top:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; background:#f7f7f7; text-align:center;}
.fade_out_message .message_point .table_list th:first-child {border-left:solid 1px #dcdcdc;}
.fade_out_message .message_point .table_list td {color:#000000; padding:30px 10px; font-size:17px; border-bottom:solid 1px #dcdcdc; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; text-align:center;}
.fade_out_message .message_point .table_list td:first-child {border-left:solid 1px #dcdcdc;}
.fade_out_message .message_point ul {display:inline-block; width:100%; margin:15px 0 0 0;}
.fade_out_message .message_point ul li {padding:3px 0 3px 25px; font-size:14px; line-height:21px; color:#a50034; word-wrap:break-word; word-break:keep-all; background:url('/img/icons/icon_check_list.gif') 0 5px no-repeat;}

.fade_out_comment {width:100%; padding:30px 0 20px 0; background:#f7f7f7;}
.fade_out_comment .fade_out_comment_wrap {max-width:910px; margin:0 auto;}
.fade_out_comment .fade_out_comment_wrap p {padding:0 0 15px 0; font-size:15px; color:#767676; line-height:24px;}
.fade_out_comment .fade_out_comment_wrap p a {text-decoration:underline; color:#a50034;}
.fade_out_comment .fade_out_comment_wrap p.point {color:#2e2e2e; background:url('/img/icons/icon_check.png') 0 14px no-repeat; padding:10px 0 25px 24px;}
.fade_out_comment .fade_out_comment_wrap p.point:after {content:''; display:block; clear:both;}
.fade_out_comment .fade_out_comment_wrap p.point .item {float:left;}
.fade_out_comment .fade_out_comment_wrap p.point .split {float:left;}
.fade_out_comment .fade_out_comment_wrap p.point .split:after {content:'>';}
.fade_out_comment .fade_out_comment_wrap p.point span {padding:0 5px;}
.fade_out .copyright {width:100%; padding:25px 0 25px 0; text-align:center;}

.fade_out.lang-ar .fade_out_message .message_point ul {text-align:right;}
.fade_out.lang-ar .fade_out_message .message_point ul li {padding:3px 25px 3px 0; background-position:right 5px;}
.fade_out.lang-ar .fade_out_comment .fade_out_comment_wrap p {text-align:right;}
.fade_out.lang-ar .fade_out_comment .fade_out_comment_wrap p.point {padding:10px 24px 25px 0; background-position:right 14px;}
.fade_out.lang-ar .fade_out_comment .fade_out_comment_wrap p.point .item {float:right;}
.fade_out.lang-ar .fade_out_comment .fade_out_comment_wrap p.point .split {float:right;}
.fade_out.lang-ar .fade_out_comment .fade_out_comment_wrap p.point .split:after {content:'>';}

/* S : 2020.06.23 Del */
/*#popupGA, #popupGA .popup-type1 {width:900px; max-width:900px; min-width:20rem;}*/
/*.gaTermsContent {overflow:auto; max-height:400px;}*/
/*.gaTermsContent ul {display:inline-block; width:100%;}*/
/*.gaTermsContent ul li {float:left; width:100%; padding:0 0 10px 14px; text-indent: -14px;}*/
/*.gaTermsContent ul li:last-child {padding:0 0 10px 0; text-indent:inherit;} !* 2020.03.04 Add *!*/
/*@media screen and (max-width:959px ) {*/
	/*#popupGA, #popupGA .popup-type1 {width:auto; max-width:900px; min-width:20rem;}*/
/*}*/
/* E : 2020.06.23 Del */

/* S : 2020.06.23 Add */
.gaInfo {position: relative; width: 128.4rem; margin-left: auto; margin-right: auto;}
.gaInfo h3 {font-family: 'LGSB'; font-size:2.2rem; margin-bottom: 3.4rem;}
.gaInfo .gaTermsContent {}
.gaInfo .gaTermsContent ul {display: inline-block; width:100%;}
.gaInfo .gaTermsContent ul li {float:left; width:100%; font-size:1.6rem; line-height: 2.6rem; padding: 0 0 2rem 1.6rem; text-indent: -1.6rem;}
@media screen and (max-width:959px ) {
	.gaInfo {width:100%; padding:0 1.5rem 4rem 1.5rem;}
	.gaInfo h3 {font-size:1.8rem; margin-bottom: 2.2rem;}
	.gaInfo .gaTermsContent ul li {font-size:1.3rem; line-height: 2.6rem; padding: 0 0 1.2rem 1.6rem; text-indent: -1.4rem;}
}
/* E : 2020.06.23 Add */

@media screen and (max-width:959px ) {
    .popup .btn-popup-close {top:0.2rem;} /* 2020.03.04 Add */
}

/* S : 2021.03.18 Add */
.lgChannelCsBtn {display:inline-block;}
.lgChannelCsBtn button {min-width:140px; background: #767676; margin-left:5px;} /* 2021.04.14 Mod */
.lgChannelCsBtn button:hover {background: #333;}
@media screen and (max-width:1283px) {
	.lgChannelCsBtn {margin-top:10px;}
}
@media screen and (max-width:959px) {
	.lgChannelCsBtn {margin-top:10px; width:100%;}
	.lgChannelCsBtn button {min-width: 49.5%; margin-left:1%; float:left;}
	.lgChannelCsBtn button:first-child {margin:0;}
}
/* E : 2021.03.18 Add */

/* S : 2021.07.23 Add - TV 앱 검색 */
.tvapp-search-cont .sub-visual-bg {background-image: url(../img/cnt/visual_tvapp2.jpg);}

.tv-model-search {padding:0 0 6rem 0; text-align: center;}
.tv-model-search-wrap {position: relative; width: 128.4rem; margin-left: auto; margin-right: auto;}
.tv-model-search-wrap .tv-model-search-info {line-height: 2.2rem; font-size:1.5rem;}
.tv-model-search-btnArea {display: inline-block; width:100%; text-align: center; margin-top:1.5rem;}
.tv-model-search-btnArea .btn-type10 {display: inline-block; padding:0 1rem; line-height:2.2rem; border-radius: 0.3rem; font-size:1.3rem; background-color: #767676; vertical-align: top; color:#fff; margin:0.4rem 0.2rem;}
.tv-model-search-btnArea .btn-type10:hover {background-color: #333;}
.search-select-detail {display:inline-block; width:100%; margin-top:3rem;}
.search-select-detail div {display:inline-block; position: relative; vertical-align: top;}
.search-select-detail div.country-choice {width:20%;}
.search-select-detail div.model-name-input {width:40%; margin-left:0.5rem;}
.search-select-detail div label {position: absolute; top:-25px; left:0px; line-height: 2rem; display: none;}
.search-select-detail div input[type=text] {width:100%;}
.search-select-detail div.model-name-input .tv-model-search-btn {position: absolute; top:0; right:0; width:4.4rem; height:4.4rem; background: url(../img/cmn/ico_search1.png) center no-repeat; background-size: 2rem; font-size:0; color:transparent;}

.tv-model-search-message {padding: 4rem 0; line-height: 2rem; background-color: #f6f6f6;} /* 2021.08.05 Mod */
.tv-model-search-message-wrap {width:128.4rem; text-align: center; margin:0 auto;} /* 2021.08.05 Mod */
.tv-model-search-message-wrap span {font-family: 'LGSB'; font-size:1.5rem; color: #a40033;}

.popup-type10 {width:80rem; min-width:80rem;}
.searchInfoContent {margin:1.4rem 0 2.4rem 0;}
.searchInfoContent dl {margin-top:1rem; display:inline-block;}
.searchInfoContent dl dt {font-family: 'LGSB'; padding-left:1.4rem; position: relative;}
.searchInfoContent dl dt:before {content: ''; position: absolute; top:50%; left:0; width:0.6rem; height: 0.6rem; border-radius: 1rem; margin-top: -0.3rem; background-color: #000;}
.searchInfoContentTitle {font-family: 'LGSB'; color:#a40033;}

/* S : 2021.08.05 Add - TV 앱 검색 */
.app-detail-search {width:100%; margin:6rem auto;}
.app-detail-search .app-detail-search-wrap {position: relative; width:42.3rem; margin:1.2rem auto 0;}
.app-detail-search .app-detail-search-wrap .app-Search {width: 100%;}
.app-detail-search .app-detail-search-wrap a.app-detail-search-btn {position: absolute; top:0; right:0; width:4.4rem; height:4.4rem; background: url(../img/cmn/ico_search1.png) center no-repeat; background-size: 2rem; font-size:0; color:transparent;}
/* E : 2021.08.05 Add - TV 앱 검색 */

@media all and (max-width:959px){
	.tvapp-search-cont .sub-visual-bg {background-position: 25% 0%;}
	.tv-model-search {padding: 0 2rem; border:0; margin:2.5rem 0 3.5rem 0;}
	.tv-model-search-wrap {width:100%; margin:0;}
	.tv-model-search-btnArea {margin-top:1rem;}
	.search-select-detail {margin-top:1rem;}
	.search-select-detail div.country-choice,
	.search-select-detail div.product-choice,
	.search-select-detail div.model-name-input {width:100%; margin:0; margin-top:1rem;}

	.tv-model-search-message {padding:4rem 2rem; margin-bottom:0;}
	.tv-model-search-message-wrap {width:100%; line-height: 2rem;} /* 2021.08.05 Add */

	.popup-type10 {width:100%; min-width:100%;}

	.tvapp-search-cont .content-body {margin-bottom:10rem;}

	.app-detail-search {padding:0 2rem; margin:0 0 4rem 0; padding-top:4rem;} /* 2021.08.05 Add */
	.app-detail-search .app-Search {width:100%;} /* 2021.08.05 Add */
	.app-detail-search .app-detail-search-wrap {width:100%;}
	.app-detail-search .app-detail-search-btn-area {top:0;} /* 2021.08.05 Add */
}
/* E : 2021.07.23 Add - TV 앱 검색 */

/* S : 2021.08.05 Add - 환불사이트 서비스 종료 건 */
div.rfBG {background:#f5f5f5; margin-top:-105px; margin-bottom: -232px;} /* 2021.09.01 Mod 홍병기C */
.refundSite-fadeOut {border-top:0.5rem solid #a50034;}
.refundSite-fadeOut .copyright {width:100%; font-size:12px; color:#696969; padding:4rem 0 5rem 0; line-height: 2rem; text-align: center; border-top:1px solid #dcdcdc;}
.refundSite-fadeOut-title {width:100%; text-align: center; padding:10rem 0; font-size: 2.8rem; font-family: 'LGSB'; color:#000; background:url('../img/cmn/bg_service_top.png') #f7f7f7 center no-repeat; border-bottom:1px solid #f5f5f5;}
.refundSite-fadeOut-content {background-color: #ffffff; width:100%; padding:5rem 0 7rem 0;}
.refundSite-fadeOut-content-wrap {max-width: 91rem; margin:0 auto;}
.refundSite-fadeOut-content-wrap .table_list, .refundSite-fadeOut-content-wrap .table_list th, .refundSite-fadeOut-content-wrap .table_list td {border:none}
.refundSite-fadeOut-content-wrap .table_list {width:100%; border-top:solid 2px #3a3a3a; table-layout:fixed; text-align:center; margin-bottom:3rem;}
.refundSite-fadeOut-content-wrap .table_list th {color:#2e2e2e; padding:1.2rem 0; font-size:1.5rem; border:solid 1px #dcdcdc; background:#f7f7f7; font-family: 'LGSB';}
.refundSite-fadeOut-content-wrap .table_list td {color:#000000; padding:3rem 1rem; font-size:1.6rem; border:solid 1px #dcdcdc; border-top:solid 1px #ffffff; font-family: 'LGSB';}
.refundSite-fadeOut-content-wrap .message {font-size:1.5rem; line-height: 2.2rem;}
.refundSite-fadeOut-content-wrap .message p {display:inline-block; width:100%; margin:1rem 0;}
.refundSite-fadeOut-content-wrap .message p span {color:#a50034; font-family: 'LGSB';}
.refundSite-fadeOut-content-wrap .message .notice-message {display:inline-block; width: 100%; margin:1rem 0; padding:2rem; border:1px solid #eee;
	background-color: #f7f7f7; box-sizing: border-box; font-size:1.3rem; color:#000;}
.refundSite-fadeOut-content-wrap .message .notice-message .notice-title {color:#a50034; font-family: 'LGSB'; padding:0 0 1rem 0;}
.refundSite-fadeOut-content-wrap .message .notice-message ul {}
.refundSite-fadeOut-content-wrap .message .notice-message ul li {position: relative; padding:0.5rem 0 0 1.5rem;}
.refundSite-fadeOut-content-wrap .message .notice-message ul li:before {content: '-'; position: absolute; top:0.5rem; left:0.3rem;}
.refundSite-fadeOut-content-wrap .message .notice-message ul li div {font-family: 'LGSB';}
@media all and (max-width:959px){
	div.rfBG {margin-top:-43px;} /* 2021.09.01 Add 홍병기C */
	.refundSite-fadeOut-title {padding:7rem 2rem; font-size:2.2rem; background:#f5f5f5;}
	.refundSite-fadeOut-content {padding:2.5rem 2rem 5rem; font-size:1.3rem;}
	.refundSite-fadeOut-content-wrap .table_list {margin-bottom:1.5rem;}
	.refundSite-fadeOut-content-wrap .table_list th {font-size:1.35rem;}
	.refundSite-fadeOut-content-wrap .table_list td {font-size:1.4rem padding:2.4rem 1rem;}
	.refundSite-fadeOut-content-wrap .message {font-size: 1.4rem;}
	html[lang=ja] .rfBG {word-break:break-word;} /* 2021.09.01 Add 홍병기C */
}
/* E : 2021.08.05 Add - 환불사이트 서비스 종료 건 */

.textareaTermsText {padding: 15px; margin:10px 0 0 0; color:#767676; background:#f8f8f8; border-radius: 5px;  line-height: 2rem;} /* 2022.08.30 Add 홍병기C */

/* 2023.02.14 Add =s*/
@media all and (max-width:1279px ) {
	.view-appstar { padding: 8rem 7rem 7.5rem 4rem;}
}

@media all and (max-width:1023px ) {
	.view-app-wrap .view-header .tbl-wrap .tbl-type2 { width: calc(100% - 90px); padding-left: 3rem;}
	.starRating-cate { align-items: center;}
	.view-app-wrap .view-header .tbl-wrap { width: 77%;}
	.tbl-type2 table { width: 105%; left: -2.5%;}
	.tbl-type2 table td .tb_ctxt { padding: 0.4rem 0.5rem;}
	.view-appstar { padding: 8rem 8rem 7.5rem 8rem;}
	.swiper-screenshots .swiper-button-prev { left: 2rem;}
	.swiper-screenshots .swiper-button-next { right: 2rem;}
	.starRating-cate { padding: 0;}

	.view-starating::after { display: none;}
}

@media all and (max-width:959px ) {
	.view-app-wrap .view-header.pc { display: none;}
	.view-app-wrap .view-header.mob { display: block;}
	.view-app-wrap .view-header.mob .tbl-wrap { width: 100%; align-items: flex-end; padding: 20px 0 30px 0;}
	.view-app-wrap .view-header.mob .tbl-wrap .tbl-type2 { padding-left: 2rem;}
	.view-app-wrap .view-header.mob .tbl-wrap .tbl-type2 .section-header { height: auto; padding: 0; border-bottom: 0; min-height:initial;} /* 2023.07.11 Mod */
	.view-app-wrap .view-header.mob .tbl-wrap .tbl-type2 .section-header .tvappTitle { height: auto; min-height: 6.7rem; padding: 0; font-size: 2rem; font-family: "LGB";}
	.view-appstar { padding: 4rem 4rem; justify-content: normal; flex-direction: column; align-items: center;}
	.view-appinfo { width: 100%; margin-bottom: 6rem;}

	.view-app-wrap .view-header.mob .view-table { position: relative; width: 100%; height: auto; padding: 20px 0; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC;}
	/* .view-app-wrap .view-header.mob .view-table table { position: relative; width: 108%; left: -4%; text-align: center;} */
	.view-app-wrap .view-header.mob .view-table table { position: relative; width: 100%; text-align: center;} /* 2023.07.11 Mod */
	.view-app-wrap .view-header.mob .view-table table th,
	.view-app-wrap .view-header.mob .view-table table td { padding: 0 0.5rem;}
	.view-app-wrap .view-header.mob .view-table table th { font-size: 1.4rem; font-family: "LGR"; color: #999999; padding-bottom: 1.6rem;}
	.view-app-wrap .view-header.mob .view-table table td .tb_ctxt { font-size: 1.4rem; font-family: "LGR"; color: #000000;}
	/* .view-app-wrap .view-header.mob .view-table table td .tb_ctxt.mb { display: inline-block; width: 5rem; height: auto; color: #FFFFFF; background-color: #D5D5D5; padding: 1.1rem; border-radius: 0.4rem;} */ /* 2023.07.11 Del */
	.view-app-wrap .view-header.mob .view-table table td .tb_ctxt.mb { display: inline-block; width: 100%; max-width:6rem; height: auto; color: #FFFFFF; background-color: #D5D5D5; padding: 1.1rem; border-radius: 0.4rem;} /* 2023.07.11 Add */

	.iconbox { display: flex; justify-content: flex-end; align-items: center; position: relative; margin-bottom: 1.4rem;}
	.iconbox .ico { margin-left: 1.0rem;}
	.view-app-wrap .view-header .thumbnail { width: 12rem;}

	.starRating-cate { display: block; width: 100%;}
	.starRating-cate .starRating-label .rating {display: block; width: 100px;}
	.starRating-cate .starRating-label .rating .rating-max { background-size: 100px; background-position: left center;}
	.starRating-cate .starRating-label .rating .rating-now { background-size: 100px; background-position: left center;}

	.view-app-wrap .view-body .view-section { padding: 3rem 1.5rem 0 1.5rem;}

	.swiper-screenshots .swiper-slide { width: 80%;}

	.view-app-wrap .view-body .tab-header { padding: 0;}
	.view-app-wrap .view-body .tab-headerTxtbox { border-top: 0; padding: 0 1.5rem 0 1.5rem;}

	.view-app-wrap .view-body .view-section + .view-section { margin-top: 0;}
	.view-app-wrap .view-body .view-section .data-content { padding-bottom: 3.0rem;}

	.view-starating { width: 100%; height: auto; background-color: #fff; padding: 6rem 5.2rem;}
	.rating-boxwrap { margin: 2rem 0 4rem 0;}
	.view-appstar { padding: 0;}
	.view-appwrap { width: 100% !important; height: auto; background-color: #F8F8F8; padding: 4.0rem 1.5rem;} /* 2023.07.11 Mod */
	.view-appinfo { background-color: #fff; padding: 3rem 2rem 1rem 2rem; margin-bottom: 0;}
	.view-appinfo .appinfo-tit { padding-left: 0;}
	.view-appinfo .appinfo-tit::before { display: none;}
	.view-appinfo .applist { align-items: flex-start; justify-content: space-between; margin-bottom: 0; border-bottom: 1px solid #ECECEC; padding: 1.4rem 0;}
	.view-appinfo .applist:last-child { border-bottom: 0;}
	.view-appinfo .appinfo-txt { text-align: right;}

	.view-app-wrap .view-body .view-section .data-content.acodion { position: relative; _height: 7.5rem; overflow: hidden; padding-bottom: 0; margin-bottom: 4rem;}

	.view-event { padding-top: 2rem;}
	.view-eventContents { width: 100%; margin: 1.0rem 0 0 0;}

	.swiper-eventContents .swiper-button-prev {width:4.4rem; height:4.4rem; left: 1rem; transform:translateY(-15%);}
	.swiper-eventContents .swiper-button-next {width:4.4rem; height:4.4rem; right: 1rem; transform:translateY(-15%)}

	.acodionBtn { right: 1.5rem;}
	.acodionWrap.Active { height: 120px;}
}

@media all and (max-width:757px ) {
	.swiper-screenshots .swiper-slide { width: 90%;}
	.view-app-wrap .view-body .tit-h4 { font-size: 2.8rem; margin-bottom: 3.0rem;}

	.view-app-wrap .view-body .tab-headerTxt { font-size: 1.2rem;}

	.starRating-cate .starRating-label .rating {display: block; width: 74px;}
	.starRating-cate .starRating-label .rating .rating-max { background-size: 74px; background-position: left center;}
	.starRating-cate .starRating-label .rating .rating-now { background-size: 74px; background-position: left center;}

	.swiper-eventContents .swiper-button-prev {width:3.3rem; height:3.3rem; left: 1rem; transform:translateY(10%);}
	.swiper-eventContents .swiper-button-next {width:3.3rem; height:3.3rem; right: 1rem; transform:translateY(10%)}
}

@media all and (max-width:479px ) {
	.acodionWrap.Active { height: 9.6rem;}
}
/* 2023.02.14 Add =e*/