@charset "utf-8";
/*-------------------------------------------------------------------
    파일정의 :UI Modules
	작성날짜 :YYYY-MM-DD 홍길동
	참고사항 :공통 범위를 최소화하고, 컨텐츠 스타일로 구분한다.
    분류순서 :Element > Block > Layout > Plugin
    속성순서 :표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    ##Vue Transitions
-------------------------------------------------------------------*/
/* Fade */
.fade-enter-active, .fade-leave-active {opacity:1 !important; transition:opacity 0.3s;}
.fade-enter, .fade-leave-to {opacity:0 !important;}

/*-------------------------------------------------------------------
    ##Form
-------------------------------------------------------------------*/
/* Default */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#767676; font-family:inherit;}/* IE 10 + */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#767676; font-family:inherit;}/* Webkit Browser */
input:-moz-placeholder, textarea:-moz-placeholder {color:#767676; font-family:inherit;}/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder, textarea::-moz-placeholder {color:#767676; font-family:inherit;}/* Mozilla Firefox 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent;}/* IE 10 + */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;}/* Webkit Browser */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:transparent;}/* Mozilla Firefox 4 to 18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent;}/* Mozilla Firefox 19+ */
input {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:0px; vertical-align:middle;}
input[type=checkbox], input[type=radio] {position:absolute; /*clip:rect(0,0,0,0);*/ pointer-events:none;} /* 2020.06.10 Mod 홍병기C(웹접근성) */
input[type=text], input[type=tel], input[type=number], input[type=email], textarea {-webkit-appearance:none; -webkit-border-radius:0;}
textarea {width:100%; vertical-align:middle; resize:none;}
select {appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;}
select::-ms-expand {display:none;}
:root select {padding:0px 30px 0px 5px;}
.ie9 select {padding:5px 35px 4px 5px;background:none;}
.ie9 :root select {padding:0; font-size:0;}

/* Form Common */
.grid-form {display:table; table-layout:fixed; width:100%;}
.grid-form > .col {display:table-cell; padding-left:0.5rem; padding-right:0.5rem;}
.grid-form > .col:first-child {padding-left:0;}
.grid-form > .col:last-child {padding-right:0;}
.grid-form > .col > input[type=text],
.grid-form > .col > .form-text,
.grid-form > .col > .form-select {width:100%;}
.grid-form > .col > .btn {width:100%;}
.grid-form.type-file > .col-btn {width:10.4rem;}
/* S : 2021.02.25 Add 홍병기C */
.grid-form > .col > .form-text.ac-keyword {width:25rem; margin-right: 2rem;}
.grid-form > .col > .appnameKeyword {display:inline;}
.grid-form > .col > .appnameKeyword button {color:#a40033; padding:0 0.5rem 0 0;}
.grid-form > .col > .appnameKeyword button:hover {text-decoration: underline;}
.grid-form > .col > .appnameKeyword button:focus {outline:;} /* 2021.06.24 Mod 홍병기C(웹접근성) */
#cookiescript_maintabs {background:#767676 !important;} /* 2021.06.24 Add 홍병기C(웹접근성) */
@media (max-width: 1024px) {
	.grid-form > .col > .form-text.ac-keyword {width:240px;}
	.grid-form > .col > .appnameKeyword {display: inline-block; width:100%; margin-top:10px;}
}
@media (max-width: 959px) {
	.grid-form > .col > .form-text.ac-keyword {width:100%;}
	.grid-form > .col > .appnameKeyword {display: inline-block; width:100%; margin-top:10px;}
}
/* E : 2021.02.25 Add 홍병기C */

/* Form Controls - Basic */
.form-text {height:4.4rem; padding:0 1.5rem 0 1.5rem; line-height:4.2rem; border:1px solid #ccc; background-color:#fff; vertical-align:middle; border-radius:0; box-shadow:none;}
.form-text[disabled] {background-color:#cccccc;}
.form-textarea {width:100%; height:10rem; padding:1.6rem; line-height:2rem; border:1px solid #ccc; background-color:#fff; vertical-align:middle; border-radius:0; box-shadow:none;}
.form-textarea:focus {border-color:#333;}
.form-textarea[disabled] {background-color:#eee;}
.form-select {display:inline-block; position:relative; height:4.4rem; line-height:4.2rem; border:1px solid #cccccc; background-color:#fff; vertical-align:middle;}
.form-select:after {content:''; display:inline-block; position:absolute; z-index:0; right:2rem; top:50%; width:1.2rem; height:0.7rem; background:url(/img/cmn/arw_select.png) no-repeat 0 0; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.form-select select {position:relative; z-index:1; width:100%; height:100%; padding:0 5rem 0 1.5rem; color:#666; background-color:transparent; vertical-align:top;}
.form-select2 {display:inline-block; position:relative; height:4.4rem; line-height:4.2rem; border:1px solid #a4a4a4; background-color:#fff; vertical-align:middle;}
.form-select2:after {content:''; display:inline-block; position:absolute; right:2rem; top:50%; width:1.2rem; height:0.7rem; background:url(/img/cmn/arw_select.png) no-repeat 0 0; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.form-select2 select {width:100%; height:100%; padding:0 5rem 0 1.5rem; background-color:#fff; color:#666; vertical-align:top;}
.form-select:after, .form-select2:after {width:1.6rem; height:0.8rem; background-image:url(/img/cmn/arw_select_mo.png); background-size:100% 100%;}
.form-file {display:table; position:relative; margin-bottom:1rem;}
.form-file input[type="file"] {position:absolute; width:0; height:0; overflow:hidden;}
.form-file input[type="text"] {display:inline-table; border:0;}
.form-file .form-static {display:inline-block; color:#666; margin-left:1.5rem;}
.form-file .form-static[hidden] {display:none;}
.form-file .btn {display:inline-block; margin-left:-1px;}

/* 첨부목록 */
.attach-list-wrap {overflow:hidden; line-height:2.3rem;}
.attach-list {position:relative; padding:1.6rem 2.4rem; border:1px solid #cecece;}
.attach-list .item:after {content:''; display:block; clear:both;}
.attach-list .item + .item {margin-top:2rem;}
.attach-list .item .item-label {float:left;}
.attach-list .item .item-size {float:right;}
.attach-list .item .item-label .txt {margin:0 1rem 0 1.5rem;}

/* 첨부상세 */
.attach-view-wrap {overflow:hidden; line-height:2rem;}
.attach-view {position:relative; padding:1rem 0rem;}
.attach-view .item:after {content:''; display:block; clear:both;}
.attach-view .item + .item {margin-top:2rem;}
.attach-view .item .item-label {float:left;}
.attach-view .item .item-size {float:right;}
.attach-view .item .item-label .txt {margin:0 1rem 0 1.5rem;}

/* Form Radio*/
.form-radio {display:inline-block; position:relative; margin:0.5rem 0; line-height:1; vertical-align:middle;}
.form-radio label {display:inline-block; position:relative; min-width:2rem; min-height:2rem; line-height:2rem; word-break:keep-all;}
html[lang=zh] .form-radio label,
html[lang=ja] .form-radio label {word-break:normal;}
.form-radio label > span {display:inline-block; padding-left:2.8rem;}
.form-radio label:before, .form-radio label:after {content:''; position:absolute; width:2rem; height:2rem; left:0; top:-1px; border-radius:50%;}
.form-radio label:before {width:2rem; height:2rem; border:1px solid #9c9c9c; background:#fff;}
.form-radio > input {position:absolute; left:0; top:0; width:2rem; height:2rem;}
.form-radio + .form-radio {margin-left:1rem;}
/* Checked */
.form-radio > input[type="radio"]:checked + label:before {border-color:#9c9c9c; background-color:transparent; border-color:#a40033; z-index:1;}
.form-radio > input[type="radio"]:checked + label:after {left:0rem; top:-1px; border:0.4rem solid #fff; background:#a40033;}
/* Focused 접근성 */
.form-radio > input[type="radio"]:focus + label:before {box-shadow:0 0 0 3px rgba(164,0,51,0.2);}
.form-radio > input[type="radio"]:checked:focus + label:before {box-shadow:0 0 0 3px rgba(164,0,51,0.2);}
/*
.form-radio-vertical {overflow:hidden;}
.form-radio-vertical {margin:-1rem 0;}
*/
.form-radio-vertical .form-radio {display:block; margin:1rem 0;}

/* Form Check */
.form-check {display:inline-block; position:relative; margin:0.5rem 0; line-height:1; vertical-align:middle;}
.form-check label {display:inline-block; position:relative; min-width:2.4rem; min-height:2.4rem; line-height:2.4rem;}
.form-check label > span {display:inline-block; padding-left:3.2rem;}
.form-check label:before, .form-check label:after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.form-check label:before {width:2.4rem; height:2.4rem; border:1px solid #9c9c9c; background:#fff;}
.form-check > input {position:absolute; left:-1px; top:-1px; width:2.6rem; height:2.6rem;} /* 2020.06.10 Mod 홍병기C(웹접근성) */
.form-check + .form-check {margin-left:10px;}
/* Checked */
.form-check > input:checked + label:before {border-color:#9c9c9c;}
.form-check > input:checked + label:after {left:5px;}
.form-check > input[type="checkbox"] + label:before {border:2px solid #a40033;}
.form-check > input[type="checkbox"]:checked + label:before {background:#a40033;}
.form-check > input[type="checkbox"]:checked + label:after {width:2.4rem; height:2.4rem; left:0; background:url(/img/cmn/ico_checkbox.png) no-repeat center center;}

/* Form Controls - Types */
.form-text-search1 {}
.form-text-search3 {height:4rem; padding:0 1rem 1px 1rem; line-height:3.7rem; border:1px solid #ddd; background-color:#fff; vertical-align:middle;}

/* Form Labels, Texts */
.form-label, .form-static {display:inline-block; padding:1.1rem 0 0.9rem 0; line-height:2.4rem; vertical-align:middle; word-break:keep-all; word-wrap:break-word;}
html[lang=ja] .form-label, html[lang=ja] .form-static,
html[lang=zh] .form-label, html[lang=zh] .form-static {word-break:normal;}
.form-split {display:inline-block; width:2rem; text-align:center;}
@media all and (max-width:640px){
	.form-split {width:3rem;}
}

/* Form Size, Gutter */
.form-size-md {min-width:250px;}
.form-size-lg {min-width:537px;}
.form-size-fluid {display:block;}
@media all and (max-width:1024px){
	.form-size-lg {min-width:100%;}
	.form-size-md {min-width:240px;}
}
@media all and (max-width:959px){
	.form-size-md {min-width:100%;}
}

/*-------------------------------------------------------------------
    ##Button
-------------------------------------------------------------------*/
/* Default */
button {overflow:hidden; padding:0px; border:0px; font-weight:normal; background-color:transparent; cursor:pointer;}
button::-moz-focus-inner {border:0px; padding:0px;}
.btn {position:relative; display:inline-block; vertical-align:middle; text-align:center; cursor:pointer;}
.btn > span {display:inline-block; position:relative; width:100%; height:100%;}
.btn:focus,.btn:hover {transition-property:background-color, color, opacity; transition-duration:0.5s; transition-timing-function:ease-out;}
.btn-ico {position:relative; display:inline-block; text-align:center; font-size:1.2rem; line-height:1;}
.btn-ico span {position:relative; display:block;}

/* Types */
.btn-type1 {height:6rem; line-height:6rem; padding:0 4.6rem; background:#6b6b6b; color:#fff; font-size:2rem; border-radius:0.3rem; transition:all 0.2s;} /* 게시판 버튼 */
.btn-type1.btn-primary {background-color:#a40033 !important;}
.btn-type1:hover,.btn-type1:focus {background-color:#333333;}
.btn-type1.btn-lg {padding:0 2rem; height:7.2rem; line-height:7.2rem; font-size:2.4rem; background:#333;} /* 1:1문의 */
.btn-type1.btn-lg:hover, .btn-type1.btn-lg:focus {background:#111;}
.btn-type1.btn-primary:hover,.btn-type1.btn-primary:focus {background-color:#760027;}
.btn-type2 {height:2.6rem; min-width:6rem; line-height:2.3rem; padding:0.1rem 1rem 0 1rem; border:1px solid #c11445; background:#fff; color:#c11445; font-size:1.4rem; word-break:keep-all;} /* 모달확인 버튼 */
.btn-type2.btn-primary {border:1px solid #a40033; background-color:#c11445; color:#fff;}
.btn-type2.btn-secondary {border:1px solid #c11445; color:#a40033;}
html[lang=ja] .btn-type2, html[lang=zh] .btn-type2 {word-break:normal;}
.btn-type3 {line-height:4.2rem; padding:0 2.4rem 0 2.4rem; border:1px solid #d5d5d5; border-radius:0.3rem; font-family:'LGR'; font-size:1.6rem; color:#333333;} /* 인라인폼 버튼 */
.btn-type3 span:before {content:'↑'; margin-right:0.4rem;}
.btn-type4 {min-width:5.6rem; line-height:2.3rem; padding:0.1rem 1.5rem 0rem 1.5rem; border:1px solid #c11445; color:#a40033; font-size:1.4rem;} /* 메세지 확인 버튼 (예/아니오) */
.btn-type4.btn-primary {border:1px solid #a40033; background-color:#c11445; color:#fff;}
.btn-type5 {padding:0.5rem 1rem; line-height:2rem; color:#fff; background-color:#333; border-radius:0.3rem;} /* 인라인 버튼 */
.btn-type5.btn-primary {background-color:#a40033;}
.btn-type6 {height:4rem; min-width:15rem; padding:0.1rem 0.6rem 0; line-height:3.5rem; color:#a40033; background-color:#fff; border:2px solid #dddddd; border-radius:0.3rem; font-size:1.2rem;} /* QR 버튼 */ /* 2019.07.09 Mod 홍병기K (C20190711_39467 반영) */
.btn-type7 {height:4.4rem; padding:0 2rem; line-height:4.2rem; background-color:#fff; color:#333333; font-size:1.6rem; border:1px solid #d5d5d5; border-radius:0.3rem; font-size:1.6rem;} /* 자막닫기 */
.btn-type7 .ico {position:relative; top:-0.1rem; margin-right:0.6rem;}
.btn-type8 {height:4.4rem; padding:0 3.4rem; line-height:4.4rem; color:#fff; background-color:#a40033; border-radius:0.3rem; font-size:1.6rem; font-family:'LGR';} /* 인라인 버튼 */
.btn-type9 {padding:0 10rem; background-color:#333333; height:7.2rem; line-height:7.2rem; color:#cccccc; font-size:2.4rem;} /* TV앱 더보기 버튼 */
.btn-type9:hover, .btn-type9:focus {background-color:#181818;}
.btn-type9 .ico {position:relative; top:-0.2rem; margin:0 2rem;}
@media all and (max-width:959px){
	.btn-type4 {min-width: 8rem; border-radius: 50rem;} /* 2022.02.15 Add */
	.btn-type1.btn-lg, .btn-type9 {height:6rem; line-height:6rem; font-size:2rem;}
	.btn-type1.btn-lg {width:100%; min-width:1px;}
}
@media all and (max-width:757px){
	.btn-type1 {height:5rem; line-height:5rem;}
	.btn-type9 {width:100%; padding:0;}
}
.btn-search2 {height:4rem; width:6rem; padding-bottom:1px; line-height:3.7rem; border:1px solid #ddd; background-color:#fff; vertical-align:middle;}
.btn-search3 {height:4rem; width:6rem; padding-bottom:1px; line-height:3.7rem; border:1px solid #ddd; background-color:#fff; vertical-align:middle;}


/*-------------------------------------------------------------------
    ##ICON, ##Arrow (최소25px 단위의 Sprite Image)
-------------------------------------------------------------------*/
/* Common */
.ico {display:inline-block; background:no-repeat 0 0; background-size:100% 100%; vertical-align:middle; text-indent:-9999px; overflow:hidden; white-space:nowrap; color:transparent;}
.arw {display:inline-block; background:no-repeat 0 0; background-size:100% 100%; vertical-align:middle; text-indent:-9999px; overflow:hidden; white-space:nowrap; color:transparent;}

/* Icon */
.ico-user		{width:1.5rem; height:1.8rem; background-image:url(/img/cmn/ico_user.png);}			/* 공통 PC User */
.ico-user2		{width:2.7rem; height:2.7rem; background-image:url(/img/cmn/ico_user2.png);}		/* 공통 Aside User */
.ico-user3		{width:1.35rem; height:1.5rem; background-image:url(/img/cmn/ico_user3.png);}		/* 공통 마이페이지 */
.ico-user4		{width:1.4rem; height:1.3rem; background-image:url(/img/cmn/ico_user4.png);}		/* 공통 로그인 */
.ico-search1	{width:1.8rem; height:1.8rem; background-image:url(/img/cmn/ico_search1.png);}		/* 공통검색 */
.ico-search2	{width:2.0rem; height:2.0rem; background-image:url(/img/cmn/ico_search2.png);}		/* 페이지검색 */
.ico-page-first {width:1.4rem; height:1.2rem; background-image:url(/img/cmn/ico_page_first.png);}	/* 페이지네이션 처음 */
.ico-page-prev	{width:0.7rem; height:1.2rem; background-image:url(/img/cmn/ico_page_prev.png);}	/* 페이지네이션 이전 */
.ico-page-next	{width:0.7rem; height:1.2rem; background-image:url(/img/cmn/ico_page_next.png);}	/* 페이지네이션 다음 */
.ico-page-last	{width:1.4rem; height:1.2rem; background-image:url(/img/cmn/ico_page_last.png);}	/* 페이지네이션 마지막 */
.ico-close1		{width:1.8rem; height:1.8rem; background-image:url(/img/cmn/ico_close1.png);}		/* 통합검색 닫기 */
.ico-close2		{width:1.9rem; height:1.9rem; background-image:url(/img/cmn/ico_close2.png);}		/* 팝업 닫기 */
.ico-close3		{width:1.4rem; height:1.4rem; background-image:url(/img/cmn/ico_close3.png);}		/* 전체메뉴 닫기 */
.ico-close5		{width:2.8rem; height:2.8rem; background-image:url(/img/cmn/ico_close5.png);}		/* 필름클로징 닫기 */
.ico-quesmark	{width:7.4rem; height:7.4rem; background-image:url(/img/cnt/ico_quesmark.png);}		/* 1:1문의 물음표 */
.ico-faq		{width:11.4rem; height:11.4rem; background-image:url(/img/cnt/ico_faq.png);}		/* 문의안내목록 - FAQ */
.ico-selftest	{width:11.4rem; height:11.4rem; background-image:url(/img/cnt/ico_selftest.png);}	/* 문의안내목록 - 자가진단 */
.ico-ques		{width:11.4rem; height:11.4rem; background-image:url(/img/cnt/ico_ques.png);}		/* 문의안내목록 - 1:1문의 */
.ico-mobile		{width:11.4rem; height:11.4rem; background-image:url(/img/cnt/ico_mobile.png);}		/* 문의안내목록 - Smartworld */
.ico-seller		{width:11.4rem; height:11.4rem; background-image:url(/img/cnt/ico_seller.png);}		/* 문의안내목록 - Seller */
.ico-developer	{width:11.4rem; height:11.4rem; background-image:url(/img/cnt/ico_developer.png);}	/* 문의안내목록 - Develover */
.ico-lgmain		{width:11.4rem; height:11.4rem; background-image:url(/img/cnt/ico_lgmain.png);}		/* 문의안내목록 - LG대표사이트 */
.ico-more		{width:2.5rem; height:2.5rem; background-image:url(/img/cnt/ico_more.png);}			/* 목록 더보기 */
.ico-play-visual{width:1.5rem; height:1.6rem; background-image:url(/img/cnt/ico_play_visual.png);}	/* 메인비주얼 재생 */
.ico-pause-visual{width:1.4rem; height:1.6rem; background-image:url(/img/cnt/ico_pause_visual.png);}/* 메인비주얼 정지 */
.ico-play-notice{width:1.2rem; height:1.3rem; background-image:url(/img/cnt/ico_play_notice.png);}	/* 공지사항 재생 */
.ico-pause-notice{width:1.0rem; height:1.2rem; background-image:url(/img/cnt/ico_pause_notice.png);}/* 공지사항 정지 */
.ico-chatbot	{width:5.8rem; height:5.8rem; background-image:url(/img/cmn/ico_chatbot.png);}		/* 챗봇 */ /* 2022.02.15 Mod */
.ico-file		{width:2.1rem; height:2.3rem; background-image:url(/img/cnt/ico_file.png);}			/* 챗봇 */
.ico-del		{width:2.3rem; height:2.3rem; background-image:url(/img/cnt/ico_del.png);}			/* 첨부파일 삭제 */
.ico-del2		{width:2.2rem; height:2.2rem; background-image:url(/img/cmn/ico_del2.png);}			/* 검색어 삭제 */
.ico-location	{width:1.5rem; height:1.5rem; background-image:url(/img/cmn/ico_location.png);}		/* 국가변경 */
.ico-logout		{width:1.4rem; height:1.4rem; background-image:url(/img/cmn/ico_logout.png);}		/* 로그아웃 */
.ico-logout2	{width:1.9rem; height:2rem; background-image:url(/img/cmn/ico_logout2.png); background-position:0 1px;} /* 로그아웃2 */
.ico-qrImg1		{position:relative; width:12.5rem; height:8.8rem; background-image:url(/img/cnt/ico_qrImg1.png);}		/* QR코드가이드1 */
.ico-qrImg2		{position:relative; width:12.5rem; height:8.8rem; background-image:url(/img/cnt/ico_qrImg2.png);}		/* QR코드가이드2 */
.ico-qrImg3		{position:relative; width:12.5rem; height:8.8rem; background-image:url(/img/cnt/ico_qrImg3.png);}		/* QR코드가이드3 */
.ico-qrImg4		{position:relative; width:12.5rem; height:8.8rem; background-image:url();}								/* QR코드가이드4 */
.ico-qrImg2:after {content:''; position:absolute; top:2.9rem; left:6.3rem; display:block; width:4rem; height:6.4rem; background:url(/img/cnt/ico_qrImg2_1.png) no-repeat; background-size:100% auto;}
.ico-qrImg3:after {content:''; position:absolute; top:1.5rem; left:3.7rem; display:block; width:5rem; height:8.1rem; background:url(/img/cnt/ico_qrImg3_1.png) no-repeat; background-size:100% auto;}
.ico-qrImg4:after {content:''; position:absolute; top:-0.3rem; left:3.7rem; display:block; width:6.2rem; height:10rem; background:url(/img/cnt/ico_qrImg4_1.png) no-repeat; background-size:100% auto;}
.ico-play-youtube{width:8.9rem; height:8.9rem; background-image:url(/img/cnt/ico_play_youtube.png);}/* Yutube Player */
.ico-close-media{width:1.5rem; height:0.8rem; background-image:url(/img/cnt/ico_close_media.png);}	/* 자막닫기 */
.ico-open-media{width:1.5rem; height:0.8rem; background-image:url(/img/cnt/ico_open_media.png);}	/* 자막보기 */
.ico-more-cate	{width:2.5rem; height:2.5rem; background-image:url(/img/cnt/ico_more_cate.png);}	/* 카테고리 */
.ico-list1		{width:32px; height:32px; background-image:url(/img/cnt/ico_list1_off.png);}	/* 스토어목록 이미지로보기 OFF */
.ico-list2		{width:32px; height:32px; background-image:url(/img/cnt/ico_list2_off.png);}	/* 스토어목록 리스트로보기 OFF */
.is-on .ico-list1{width:32px; height:32px; background-image:url(/img/cnt/ico_list1_on.png);}	/* 스토어목록 이미지로보기 ON */
.is-on .ico-list2{width:32px; height:32px; background-image:url(/img/cnt/ico_list2_on.png);}	/* 스토어목록 리스트로보기 ON */
.ico-more-tvapp	{width:3.2rem; height:3.2rem; background-image:url(/img/cnt/ico_more_tvapp.png);}	/* 스토어목록 더보기 */
.ico-waring2	{width:8.4rem; height:7.2rem; background-image:url(/img/cmn/ico_waring_gray.png);}	/* 게시판 - 미등록 */
.ico-sd-1		{width:9.2rem; height:9.2rem; background-image:url(/img/cnt/ico_sd_1.png);}			/* 앱상세 호환기기1 */
.ico-sd-2		{width:9.2rem; height:9.2rem; background-image:url(/img/cnt/ico_sd_2.png);}			/* 앱상세 호환기기2 */
.ico-sd-3		{width:9.2rem; height:9.2rem; background-image:url(/img/cnt/ico_sd_3.png);}			/* 앱상세 호환기기3 */
.ico-sd-4		{width:9.2rem; height:9.2rem; background-image:url(/img/cnt/ico_sd_4.png);}			/* 앱상세 호환기기4 */
.ico-sd-5		{width:9.2rem; height:9.2rem; background-image:url(/img/cnt/ico_sd_5.png);}			/* 앱상세 호환기기5 */
.ico-mypage1	{width:1.2rem; height:1.6rem; background-image:url(/img/cmn/ico_mypage01.png);}		/* 마이페이지 셀렉트1 */
.ico-mypage2	{width:1.5rem; height:1.8rem; background-image:url(/img/cmn/ico_mypage02.png);}		/* 마이페이지 셀렉트2 */
.ico-more-tab   {width:2rem; height:1rem; background-image:url(/img/cmn/ico_more_tab.png);}			/* 탭 더보기 */
.ico-close-zommer{width:5.2rem; height:5.2rem; background-image:url(../img/icons/btnExit.svg);}/* 확대보기 닫기 */ /* 2023.02.14 Mod */
/* 마이페이지 목록아이콘 on/off 처리시
.ico-checkDrop	{position:relative; width:2.1rem; height:2.1rem;overflow:hidden;}
.ico-checkDrop:before{content:''; position:absolute; left:0; top:0; z-index:1; display:inline-block; width:100%; height:100%; background:url(/img/cmn/ico_checkdrop_off.png) no-repeat 0 0;}
.ico-checkDrop:after{content:''; position:absolute; left:0; top:0; z-index:0; display:inline-block; width:100%; height:100%; background:url(/img/cmn/ico_checkdrop_on.png) no-repeat 0 0;}
*/
.ico-category1	{width:3.8rem; height:3.7rem; background-image:url(/img/cnt/ico_category1.png);}	/* 앱 카테고리 게임 */
.ico-category2	{width:3.8rem; height:3.7rem; background-image:url(/img/cnt/ico_category2.png);}	/* 앱 카테고리 엔터테인먼트 */
.ico-category3	{width:3.8rem; height:3.7rem; background-image:url(/img/cnt/ico_category3.png);}	/* 앱 카테고리 생활 */
.ico-category4	{width:3.8rem; height:3.7rem; background-image:url(/img/cnt/ico_category4.png);}	/* 앱 카테고리 어학교육 */
.ico-category5	{width:3.8rem; height:3.7rem; background-image:url(/img/cnt/ico_category5.png);}	/* 앱 카테고리 뉴스정보 */
@media all and (max-width:959px){
	.ico-qrBg		{width:7.8rem; height:10rem; background-image:url(/img/cnt/ico_qrBg.png);}			/* QR코드스캔 */
	.ico-search1	{width:2rem; height:2rem;}
	.ico-del2		{width:1.6rem; height:1.6rem; background-image:url(/img/cmn/ico_del2.png);}
	.ico-more		{width:1.75rem; height:1.75rem;}
	.ico-quesmark	{width:5rem; height:5rem;}
	.ico-play-youtube{width:7rem; height:7rem;}
	.ico-list1 {width: 4rem; height: 4rem; background-image: url(/img/cmn/ico_sort_image.svg);}
    .is-on .ico-list1 {background-image: url(/img/cmn/ico_sort_image_on.svg);}
    .ico-list2 {width: 4rem; height: 4rem; background-image: url(/img/cmn/ico_sort_list.svg);}
    .is-on .ico-list2 {background-image: url(/img/cmn/ico_sort_list_on.svg);}
}

/* Arrow  */
.arw-toggle		{width:2.2rem; height:1.2rem; background-image:url(/img/cmn/arw_toggle.png);}		/* FAQ 아코디언 토글 */
.arw-toggle2	{width:1rem; height:0.5rem; background-image:url(/img/cmn/arw_toggle2.png);}		/* 패밀리사이트 드롭다운 토글(PC) */
.arw-toggle3	{width:0.9rem; height:0.5rem; background-image:url(/img/cmn/arw_toggle3.png);}		/* 언어변경 드롭다운 토글 */
.arw-toggle4	{width:1.4rem; height:0.8rem; background-image:url(/img/cmn/arw_toggle4.png);}		/* 검색결과 폴더 토글 */
.arw-toggle5	{width:0.8rem; height:0.45rem; background-image:url(/img/cmn/arw_toggle5.png);}		/* 언어변경 드롭다운 토글(모바일) */
.arw-toggle6	{width:1.8rem; height:1.0rem; background-image:url(/img/cmn/arw_toggle6.png);}		/* 추천검색어 토글 */
.arw-toggle7	{width:1.8rem; height:1.0rem; background-image:url(/img/cmn/arw_toggle7.png);}		/* 추천검색어 토글 */
.arw-right		{width:1.5rem; height:0.9rem; background-image:url(/img/cmn/arw_right.png);}		/* 컨텐츠 화살표 */
.arw-up			{width:0.9rem; height:1.5rem; background-image:url(/img/cmn/arw_up.png);}			/* TOP */
.arw-dropup		{width:1.5rem; height:0.9rem; background-image:url(/img/cmn/arw_dropup.png);}		/* Mypage Dropdown */
.arw-pager-prev	{width:1.1rem; height:0.6rem; background-image:url(/img/cnt/arw_pager_prev.png);}	/* Pager Prev */
.arw-pager-next	{width:1.1rem; height:0.6rem; background-image:url(/img/cnt/arw_pager_next.png);}	/* Pager Next */
.arw-next2		{width:0.6rem; height:1.1rem; background-image:url(/img/cnt/arw_next2.png);}		/* 모바일 공지사항 링크 */
@media all and (max-width:959px){
.arw-toggle		{width:1.4rem; height:0.8rem;}
.arw-next		{width:0.45rem; height:0.8rem; background-image:url(/img/cmn/arw_next.png);}		/* Aside LG계정 */
}
.ico-lg {font-family:"LGI";}
.ico-lg:before {font-family:"LGI"; font-variant:normal !important; text-transform:none !important; speak:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.ico-global-country:before {content:"\f153"; color:#b6305a;}

/*-------------------------------------------------------------------
    ##Label (이름표 자신의 스타일만 적용, 여백은 관여하지 않는다.)
-------------------------------------------------------------------*/
/* 게시물구분 (공지사항) */
.label-type1 {display:inline-block; color:#a40033;}
.label-type1:before {content:'[';}
.label-type1:after {content:']';}
.board-pager .label-type1 {color:#333333;}

/* 조회수 (공통탭) */
.label-type2 {display:inline-block; min-width:2rem; padding:0 0.5rem 0.2rem 0.5rem; background-color:#c11445; border-radius:1rem; color:#fff; line-height:1.8rem; font-size:1.4rem; font-family:'NSL';}
.tab-nav .is-active .label-type2 {background-color:#000;}

/* 신규게시물 (공지사항) - type2와 비슷하지만 구분함 */
.label-type3 {display:inline-block; position:relative; top:-1px; min-width:2rem; padding:0 0.5rem 0 0.5rem; background-color:#a40033; border-radius:1rem; color:#fff; line-height:1.9rem; font-size:1.2rem; font-family:'NSL';}
@media all and (max-width:640px){
	.label-type3 {padding-bottom:0.1rem; line-height:1.8rem;}
}
.board-list .label-type3 {margin-right:1rem;}
.main-notice .label-type3 {margin-right:1rem;}

/* 통합검색 */
.label-type4 {display:inline-block; min-width:2rem; padding:0.2rem 0.5rem 0rem 0.5rem; background-color:#fff; border:1px solid #ccc; border-radius:2rem; line-height:2.2rem; font-size:1.8rem; color:#333;}

/* N20190710_04315-PC 웹사이트 1:1문의 화면 이슈(QR코드문구 추가:별표 2019년 이후 출시 모델만 지원 됩니다.) 2019.07.11 김남중 */
.label-type5 {display:inline-block; color:#a40033;}
html[lang=ja] .label-type5 {word-break:break-word;} /* 2019.07.25 Add 홍병기K */

/* 태그검색어 */
.selftest-lists .tag-type1 {display:inline-table; margin:0.5rem 0.6rem; border-bottom:1px solid transparent; font-size:1.2rem; line-height:1; color:#666; border-bottom:1px solid #666;}
@media all and (max-width:640px){
	.selftest-lists .tag-type1 {font-size:1.4rem;}
}

/* 태그검색어 */
.faq-accordion .tag-wrap {margin:-0.1rem; margin-top:1.6rem; margin-bottom:3rem;}
.board-view .tag-wrap {margin-top:0;}
.board-view .tag-type1,
.faq-accordion .tag-type1 {display:inline-block; margin:0.1rem; padding:0.5rem 1rem; font-size:1.2rem; line-height:1; background-color:#666; color:#fff; border-radius:0.3rem;}
@media all and (max-width:640px){
	.board-view .tag-type1,
	.faq-accordion .tag-type1 {font-size:1.4rem;}
}

/* 마이페이지 1:1문의안내 (유형별로 변화를 줄 수 있도록 넘버링처리함) */
@media all and (min-width:961px){
	[class*=label-state] {display:inline-block;}
	.label-state1 {color:#a40033;}
}
@media all and (max-width:959px){
	[class*=label-state] {display:inline-block; padding:0.5rem 1rem; font-size:1.2rem; line-height:1; background-color:#666; color:#fff; border-radius:0.3rem;}
	.label-state1 {background-color:#a40033;}
}

/* 링크라벨 */
.link-type1 {display:inline-block; padding-bottom:0.1rem; color:#a40033; border-bottom:1px solid #a40033;}
.link-type1.not-link {border-bottom-color:transparent;}

/* 관련검색 라벨 */
.tag-wrap {margin-bottom:3rem;}

/*-------------------------------------------------------------------
    ##Bullet
-------------------------------------------------------------------*/
/* Default */
.bul > li, .bul > p, .bul-dt > dt, .bul-dd > dd {display:table; line-height:2.2rem; word-break:keep-all;}
html[lang=zh] .bul > li, html[lang=zh] .bul > p, html[lang=zh] .bul-dt > dt, html[lang=zh] .bul-dd > dd,
html[lang=ja] .bul > li, html[lang=ja] .bul > p, html[lang=ja] .bul-dt > dt, html[lang=ja] .bul-dd > dd {word-break:normal;}
.bul > li::before, .bul > p::before, .bul-dt > dt::before, .bul-dd > dd::before {content:''; display:table-cell; position:relative; padding-right:5px; background:url() no-repeat 999em 999em;}
.bul > li[data-bul]::before {content:attr(data-bul) !important;}/* (사용자정의 목록) data-bul속성 사용하는 경우 우선순위로 적용 */
.bul-dt.bul-dot > dt:before,.bul-dd.bul-dot > dd:before,.bul-dot > li::before,
.bul-dt.bul-circle > dt:before,.bul-dd.bul-circle > dd::before,.bul-circle > li::before,
.bul-dt.bul-square > dt:before,.bul-dd.bul-square > dd:before,.bul-square > li::before {display:inline-block; padding-right:0;}

/* 숫자목록 :1. (1) 1) ① */
.bul-num1 {counter-reset:num1;} .bul-num1 > li::before {counter-increment:num1; content:counter(num1, decimal) ".";}
.bul-num2 {counter-reset:num2;} .bul-num2 > li::before {counter-increment:num2; content:"(" counter(num2, decimal) ")";}
.bul-num3 {counter-reset:num3;} .bul-num3 > li::before {counter-increment:num3; content:counter(num3, decimal) ")";}
.bul-num4 > li::before {content:'①';} .bul-num4 > li+li::before {content:'②';} .bul-num4 > li+li+li::before {content:'③';} .bul-num4 > li+li+li+li::before {content:'④';} .bul-num4 > li+li+li+li+li::before {content:'⑤';} .bul-num4 > li+li+li+li+li+li::before {content:'⑥';} .bul-num4 > li+li+li+li+li+li+li::before {content:'⑦';} .bul-num4 > li+li+li+li+li+li+li+li::before {content:'⑧';} .bul-num4 > li+li+li+li+li+li+li+li+li::before {content:'⑨';} .bul-num4 > li+li+li+li+li+li+li+li+li+li::before {content:'⑩';}

/* 순서없는목록 디자인 */
.bul-dot > li {padding-left:1.5rem;}
.bul-dot > li::before {top:-0.3rem; margin-left:-1.5rem; margin-right:1rem; width:0.4rem; height:0.4rem; background-color:#222;} .dv-ie ul.bul-dot > li::before {top:-0.4rem;}
.bul-dot.bul-primary > li::before {background-color:#a40033;}

/* 정의목록 디자인 */
.bul-dt.bul-dot > dt {padding-left:2rem;} .bul-dt.bul-dot > dt::before {top:-0.4rem; margin-left:-2rem; margin-right:1.6rem; width:0.4rem; height:0.4rem; background-color:#222;} .dv-ie dl.bul-dot > dt::before {top:-0.4rem;}
.bul-dt.bul-circle > dt {padding-left:4rem;} .bul-dt.bul-circle > dt::before {top:0; margin-right:2.6rem; margin-left:-4rem; width:1.2rem; height:1.2rem; background:url(/img/cmn/bul_circle.png) no-repeat 0 0; background-size:100% 100%;} .dv-ie dl.bul-dt.bul-circle > dt::before {top:0;}
.bul-dt.bul-dot.bul-primary > dt::before {background-color:#a40033;}
@media all and (max-width:640px){
	.bul-dt.bul-circle > dt {padding-left:2rem;}
	.bul-dt.bul-circle > dt::before {top:0.1rem; margin-right:1rem; margin-left:-2rem;}
	.dv-ie dl.bul-dt.bul-circle > dt::before {top:0.1rem;}
}

/* 특수문자 */
.bul-bill > li::before, .bul-bill > p::before {content:'※';}
.bul-star > li::before, .bul-star > p::before {content:'*'; top:0.4rem; display:none;} /* 번역내에서 별표처리됨 */
.bul-star > li, .bul-star > p {text-indent:-1rem; margin-left:1rem;}

/*-------------------------------------------------------------------
    ##Divider
-------------------------------------------------------------------*/
.divider-type1:before {content:''; display:block; height:0.5rem; background-color:#fbfbfb; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}

/*-------------------------------------------------------------------
    ##Box
-------------------------------------------------------------------*/
/* 메세지박스 */
.msg-wrap {width:100%; padding:1.4rem 2.6rem; background:#fff;}
.msg-wrap .txt-area {display:inline-block; position:relative; padding-left:3.4rem; line-height:2.8rem; vertical-align:middle; color:#333;}
.msg-wrap .txt-area .arw {position:absolute; left:0; top:50%; margin-top:-0.5rem;}
.msg-wrap .btn-area {display:inline-block; margin-left:5rem;}
.msg-wrap .btn-area  .btn + .btn {margin-left:0.6rem;}
@media all and (max-width:959px){
	.msg-wrap .btn-area {display:block; margin-top:0.4rem; margin-left:0; text-align:center;}
}
/*-------------------------------------------------------------------
    ##Starating
-------------------------------------------------------------------*/
/* 스토어목록 - 평점 */
.app-lists .starRating-label {position:relative;}
.app-lists .starRating-label .rating {display:inline-block; position:relative; width:75px; height:13px; vertical-align:middle;}
.app-lists .starRating-label .label {display:inline-block; margin-left:10px; vertical-align:middle;}
.app-lists .starRating-label .rating .rating-max,
.app-lists .starRating-label .rating .rating-now {display:block; position:absolute; left:0; top:0; width:0; height:100%; background:url(/img/cmn/starating_5.png) no-repeat 0 0; background-size:75px 100%} /* 리스트는 트랜지션 생략 */
.app-lists .starRating-label .rating .rating-max {width:100%; background-position:3px 0; z-index:0; background:url(/img/cmn/starating_0.png) no-repeat 0 0; background-size:75px 100%;}
.app-lists .starRating-label .rating .rating-now {background-position:0 0; z-index:1;} /* 별사이간격 6픽셀, 별사이드간격 3픽셀 부터 - Script Width 퍼센트 처리 */

/* 스토어상세 - 평점 */
/* .starRating-cate {position:absolute !important; right:0; top:50%; transform:translateY(-50%);} */ /* 2023.02.14 Mod */
.starRating-cate { display: flex; align-items: center; padding: 0 2.0rem;} /* 2023.02.14 Mod */
.starRating-cate .starRating-label { display: flex; flex-direction: column; align-items: center;} /* 2023.02.14 Mod */
.starRating-cate .starRating-label .label-tit { padding: 0.3rem 2.1rem; text-align: center; font-size: 1.6rem; color: #fff; background-color: #000; border-radius: 1.8rem;} /* 2023.02.14 Mod */
.starRating-cate .starRating-label .rating {display:inline-block; position:relative; width:148px; height:28px; vertical-align:middle;} /* 2023.02.14 Mod */
.starRating-cate .starRating-label .label {display:inline-block; vertical-align:middle; color:#000; font-size: 72px; font-weight: 900; font-family: 'Roboto'; margin-bottom: 1.2rem;} /* 2023.02.14 Mod */
.starRating-cate .starRating-label .rating [class*=rating] {display:block; position:absolute; left:0; top:0; width:0; height:100%; background:url(../upload/grade_line.svg) no-repeat; background-size: auto 100%; transition:width 0.5s ease-out 0.5s;} /* 2023.02.14 Mod */
.starRating-cate .starRating-label .rating .rating-max {width:100%; z-index:0;}
.starRating-cate .starRating-label .rating .rating-now {z-index:1; background-image:url(../upload/grade_full.svg);} /* 별사이간격 6픽셀, 별사이드간격 3픽셀 부터 - Script Width 퍼센트 처리 */ /* 2023.02.14 Mod */
/* 2023.02.14 Mod =s*/
/* @media all and (max-width:757px){
	.starRating-cate .starRating-label .rating {width:10rem; top:0rem;}
	.starRating-cate .starRating-label .rating [class*=rating] {background-size:9.6rem;}
} */
/* 2023.02.14 Mod =e*/
@media all and (max-width:480px){
	/*.starRating-cate .starRating-label .rating {display:none;} 2022.02.15 Del */
}

/* 1:1문의 평가 */
.ratings-score .starRating-label {position:relative; top:-0.2rem; display:inline-block; width:75px; height:13px; vertical-align:middle; background:url(/img/ui/starating_lg_5.png) no-repeat 0 0; background-size:100% 100%;}
.ratings-score .starRating-label.sr-5 {background-image:url(/img/cmn/starating_5.png);}
.ratings-score .starRating-label.sr-4 {background-image:url(/img/cmn/starating_4.png);}
.ratings-score .starRating-label.sr-3 {background-image:url(/img/cmn/starating_3.png);}
.ratings-score .starRating-label.sr-2 {background-image:url(/img/cmn/starating_2.png);}
.ratings-score .starRating-label.sr-1 {background-image:url(/img/cmn/starating_1.png);}
.ratings-score .starRating-label.sr-0 {background-image:url(/img/cmn/starating_0.png);}

/*-------------------------------------------------------------------
    ##Explain
-------------------------------------------------------------------*/
.explain-header {margin-bottom:1rem;}
.explain-footer {margin-top:1rem;}

/*-------------------------------------------------------------------
    ##Thumbnail
-------------------------------------------------------------------*/
/* common */
.thumbnail {display:block; position:relative; border:1px solid #e4e4e4; border-radius:3rem; overflow:hidden;}
.thumbnail > a,
.thumbnail > a > span {display:block; height:100%; overflow:hidden;}
.thumbnail img {width:100%;}
/* position:relative !important; left:50%; top:50%; transform:translate(-50%,-50%); */

/*-------------------------------------------------------------------
    ##Table
-------------------------------------------------------------------*/
/* Common */
.tbl > table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:0;}
.tbl-centered td {text-align:center;}
.tbl-lefted td {text-align:left;}

/* Type1 - 1:1문의안내팝업 */
.tbl-wrap { position: relative; overflow:hidden;} /* 2023.02.14 Mod */
.tbl-type1 {position:relative;overflow:hidden; margin:0 -2px; border-top:1px solid #dfdfdf;}
.tbl-type1 table {border-collapse:inherit;}
.tbl-type1 table th,.tbl-type1 table td {padding:1rem 2rem; border:1px solid #dfdfdf; color:#333333; line-height:2rem; word-break:keep-all; border-left:0; border-top:0;}
html[lang=ja] .tbl-type1 table th, html[lang=ja] .tbl-type1 table td, html[lang=zh] .tbl-type1 table td, html[lang=th] .tbl-type1 table td {word-break:normal;} /* 2019.07.25 Mod 홍병기K (C20190711_39467 반영 이후 변경) */
.tbl-type1 table thead th {background-color:#f8f8f8; color:#000000; font-family:'LGR';}
.tbl-type1 table tbody .tit-cell {color:#000000; font-family:'LGR'; word-break:keep-all; word-wrap:break-word;}
html[lang=ja] .tbl-type1 table tbody .tit-cell,
html[lang=zh] .tbl-type1 table tbody .tit-cell {word-break:normal;}

@media all and (max-width:640px) {
	.tbl-type1 table td {padding:1rem 1rem; }
	.tbl-type1 table tbody .tit-cell {word-break:normal;}
}

/* Type2 - TV앱 상세 - C20190711_39467 반영 : 홍병기k */
/* .tbl-type2 {position:relative; margin:0 -2px;}
.tbl-type2 table {table-layout:fixed; width:100%; border-top:1px solid #dfdfdf; border-collapse:inherit; border-spacing:0;}
.tbl-type2 table th {width:20%; background-color:#f8f8f8; color:#000000; font-family:'LGR';}
.tbl-type2 table td {width:30%; background-color:#ffffff; color:#666666;}
.tbl-type2 table th,
.tbl-type2 table td {border:1px solid #dfdfdf; height:5.2rem; padding:1.7rem 2rem 1.5rem; line-height:2rem; text-align:left; border-left:0; border-top:0;}
@media all and (max-width:959px) {
	.tbl-type2 table th {word-break:keep-all;}
	html[lang=ja] .tbl-type2 table th,
	html[lang=zh] .tbl-type2 table th {word-break:normal;}
}
@media all and (max-width:959px) {
	.tbl-type2 table:after {content:''; display:block; clear:both;}
	.tbl-type2 table, .tbl-type2 table tbody, .tbl-type2 table tr, .tbl-type2 table th, .tbl-type2 table td {display:block; width:100%;}
	.tbl-type2 table {border-top:1px solid #dfdfdf;}
	.tbl-type2 table th,.tbl-type2 table td {float:left; height:5.4rem; line-height:2rem; border-top:0; border-left:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.tbl-type2 table th {width:37%;}
	.tbl-type2 table td {width:63%;}
}
@media all and (max-width:640px) {
	.tbl-type2 table th,.tbl-type2 table td {padding:1rem 1.5rem; height:4rem; line-height:2rem;}
	.tbl-type2 table th {width:40%;}
	.tbl-type2 table td {width:60%;}
} */
/*.tbl-type2 {position:relative; margin:0 -2px;} 2019.07.09 Del 홍병기K */
.tbl-type2 table { position: relative; width: 110%; table-layout:fixed; margin-top: 3rem; left: -5%;} /* 2023.02.14 Mod */
.tbl-type2 table th, /* 2023.02.14 Add */
.tbl-type2 table td { text-align: center; font-family:'LGR';} /* 2023.02.14 Add */
.tbl-type2 table th { font-size: 1.4rem; font-weight: 400; color: #999999;} /* 2023.02.14 Add */
.tbl-type2 table td { font-size: 1.6rem; font-weight: 400; color: #000;} /* 2023.02.14 Mod */
.tbl-type2 table td .tb_ctxt { position: relative; padding: 0.4rem 1.75rem; margin-top: 1.2rem;} /* 2023.02.14 Add */
.tbl-type2 table td .tb_ctxt.mb { display: inline-block; width: fit-content; padding: 1.2rem; background-color: #D5D5D5; border-radius: 4px; color: #fff;} /* 2023.02.14 Add */
.tbl-type2 table td .tb_ctxt.mb::after { display: none;} /* 2023.02.14 Add */
.tbl-type2 table td .tb_ctxt::after { display: block; content: ""; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #ECECEC; border-radius: 2px;} /* 2023.02.14 Add */
/*.tbl-type2 table th,
.tbl-type2 table td {border:1px solid #dfdfdf; height:5.2rem; padding:1.7rem 2rem 1.5rem; line-height:2rem; text-align:left; border-left:0; border-top:0;} 2019.07.09 Del 홍병기K */
@media all and (max-width:959px) {
	.tbl-type2 table th {word-break:keep-all;}
	html[lang=ja] .tbl-type2 table th,
	html[lang=zh] .tbl-type2 table th {word-break:normal;}
}
@media all and (max-width:959px) {
	/*.tbl-type2 table:after {content:''; display:block; clear:both;}
	.tbl-type2 table, .tbl-type2 table tbody, .tbl-type2 table tr, .tbl-type2 table th, .tbl-type2 table td {display:block; width:100%;}
	.tbl-type2 table {border-top:1px solid #dfdfdf;}*/
	.view-app-wrap .view-header .tbl-wrap { width: 80%;} /* 2023.02.14 Add */
	.tbl-type2 table th, /* 2023.02.14 Mod */
	.tbl-type2 table td {padding:1rem 0; font-size: 1.4rem;} /* 2023.02.14 Mod */
	.tbl-type2 table td .tb_ctxt { margin-top: 0;} /* 2023.02.14 Add */
}
@media all and (max-width:640px) {
	.tbl-type2 table th, .tbl-type2 table td {padding:1rem;} /* 2019.07.09 Mod 홍병기K */
	.tbl-type2 table th {width:40% !important; border-left:0;} /* 2019.07.09 Mod 홍병기K */
	.tbl-type2 table td {width:60% !important;} /* 2019.07.09 Mod 홍병기K */
}

/* 게시판 목록 */
.board-list {position:relative; overflow:hidden; border-top:2px solid #333;}
.board-list table {table-layout:fixed; border:0; border-spacing:0; border-collapse:collapse;}
.board-list table th {padding:1.8rem 2rem; background-color:#f8f8f8; font-size:1.6rem; font-family:'LGR'; color:#111111;}
.board-list table td {padding:1.6rem 2rem; border-bottom:1px solid #ddd; font-size:1.6rem; text-align:left;}
.board-list table th:first-child,
.board-list table td:first-child {border-left:0;}
.board-list table tr:first-child td {border-top:0;}
.board-list table td {text-align:center;}
.board-list table td .link-wrap {display:block; line-height:2.6rem;}
.board-list table td .label-type1 {margin-right:0.5rem;}
.board-list table td .link-text {color:#000000; font-family:'NSR';}
.board-list table td .link-text:focus,
.board-list table td .link-text:hover {color:#a40033;}
html[lang=ja] .board-list table td .link-text, html[lang=th] .board-list table td .link-text {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
.board-list table td .link-state {display:none !important;}
.board-list table td .link-wrap .arw {display:none; right:0;}
.board-list table td.tbl-noData {text-align:center;}
.board-list table td .txt-state1 {color:#a40033;} /* 문의접수 */
.board-list table td .txt-state2 {color:#666666;} /* 답변완료 */
.board-list table td .txt-state3 {color:#666666;} /* 처리완료 */
#boardListNo {width:8rem;}/* 번호 */
#boardListSubject {width:auto;}/* 제목 */
#boardListDate {width:16rem;}/* 작성일자 */
#boardListState {width:16rem;}/* 작성일자 */
@media all and (max-width:959px){
	.board-list,.board-list th,.board-list td {display:block;} /* .board-list thead,.board-list tbody,.board-list tr 가 포함되면 IOS초점 접근불가 */
	.board-list table thead {display:none;}
	.board-list table td[headers=boardListNo],
	.board-list table td[headers=boardListDate],
	.board-list table td[headers=boardListState] {display:none;}
	.board-list table tr {position:relative;}
	.board-list table tr td {text-align:left;}
	.board-list table th {height:4rem;}
	.board-list table td {height:auto; padding:1rem 1rem;}
	.board-list table td .link-wrap {position:relative; padding-right:2rem;}
	.board-list table td .link-wrap .link-state {display:inline-block !important; position:relative; top:-0.2rem; margin-left:1rem;}
	.board-list table td .link-wrap .arw {display:inline-block;}
	.board-list table tr.tbl-noData-wrap {padding-left:0;}
	.board-list table tr.tbl-noData-wrap .tbl-noData {padding:2rem 0; text-align:center;}
	#boardListNo {width:auto;}/* 번호 */
	#boardListSubject {width:auto;}/* 제목 */
	#boardListDate {width:auto;}/* 작성일자 */
}

/*-------------------------------------------------------------------
    ##Pagination
-------------------------------------------------------------------*/
/* Common */
.pagination-wrap {text-align:center; margin-top:8rem;}
.pagination {display:inline-block; font-size:1.6rem; vertical-align:top;}
.pagination .btn-wrap,
.pagination .num-wrap,
.pagination .num-wrap li {float:left; vertical-align:middle;}
.pagination .num-wrap {margin:0 2rem;}
.pagination .btn-wrap .btn-page {float:left; width:4.4rem; height:4.4rem; line-height:4.2rem; margin:0 0.2rem; border:1px solid #dcdcdc; text-align:center;}
.pagination .num-wrap .btn-num {position:relative; z-index:0; float:left; width:4.4rem; height:4.4rem; line-height:4.2rem; margin:0 0.2rem; padding-top:0.1rem; border:1px solid #dcdcdc; text-align:center;}
.pagination .num-wrap .btn-num[aria-current=true] {z-index:1; background-color:#a40033; border-color:#a40033; color:#fff; font-family:'LGR';}
.pagination .btn-wrap .btn-page.is-hidden {display:none;}
@media all and (max-width:959px){
	.pagination-wrap {margin-bottom:5rem;}
	.pagination .num-wrap {margin:0 1rem;}
	.pagination .num-wrap li.dv-pc-only {display:none;}
	.pagination .btn-wrap .btn-page {margin:0; margin-left:-1px;}
	.pagination .num-wrap .btn-num {margin:0; margin-left:-1px;}
}
@media all and (max-width:320px){
	.pagination-wrap {margin-top:5rem; margin-bottom:3rem;}
	.pagination .btn-wrap .btn-page,
	.pagination .num-wrap .btn-num {width:3.6rem; height:3.6rem; line-height:3.4rem;}
}

/*-------------------------------------------------------------------
    ##NO DATA
-------------------------------------------------------------------*/
/* common */
.noData-wrap {padding:4rem 14rem; background-color:#f8f8f8;}
.noData-wrap .noData {padding:6.4rem 1rem; background-color:#fff; text-align:center;}
.noData-wrap .noData .inner {position:relative; display:inline-block;}
.noData-wrap .noData .ico {margin-right:3rem;}
.noData-wrap .noData p {color:#333333; font-size:1.6rem; font-family:'LGR';}
@media all and (max-width:959px){
	.noData-wrap {padding:4rem;}
}
@media all and (max-width:757px){
	.noData-wrap {padding:2rem;}
	.noData-wrap .noData {padding:6.4rem 1rem;}
	.noData-wrap .noData .ico {margin:0;}
	.noData-wrap .noData .noData-txt {display:block; margin-top:3rem;}
}

/*-------------------------------------------------------------------
    ##Search
-------------------------------------------------------------------*/
/* 검색공통 */
.search-form input {width:100%; height:4.8rem; padding:0 11rem 1px 2.6rem; font-size:1.6rem; line-height:4.5rem; border:1px solid #666666; background-color:#fff; vertical-align:middle;}
.search-form .btn-search {height:4.8rem; width:4.8rem; right:0;}
.search-form .search-delete {right:5.4rem; width:4.4rem; height:4.8rem;}
.is-publish .search-form .search-delete {opacity:0;}
@media all and (max-width:959px){
	.search-form input {height:4.4rem; line-height:3.7rem; padding:0 4.5rem 1px 1rem;} /* 2019.07.09 Mod 홍병기K (C20190711_39467 반영) */
	html[lang=ja] .search-form input  {font-size:1.1rem;} /* 2019.07.23 Add 홍병기K (C20190711_39467 반영) */
	.search-form .btn-search {height:4.4rem; width:4.4rem; right:0rem;}
	.search-form .search-delete {width:4.4rem; height:4.4rem; right:4.4rem;}
}

/* 검색입력 - FAQ */
.search-page {padding:3.6rem 20rem 2.6rem; border:1px solid #e4e4e4; background-color:#f8f8f8; text-align:center;}
.search-page .search-form {position:relative; width:100%; max-width:100rem; margin:auto;}
@media all and (max-width:1363px){
	.search-page {padding-right:6rem; padding-left:6rem;}
	.search-page .search-form {width:100%;}
}
@media all and (max-width:959px){
	.search-page {padding:2.5rem 3rem 2rem; border:0;}
}

/* 통합검색 레이어 */
.search-all-wrap {position:fixed; left:0; top:10.5rem; width:100%; z-index:104;}
.search-all-wrap.is-static {position:static;}
.search-all-wrap .search-page {padding-left:0; padding-right:0;}
.search-all-wrap .search-page .search-page-inner {padding-left:20rem; padding-right:20rem;}
.search-all-wrap .search-form {padding-left:0; padding-right:0; width:100%; max-width:100rem; margin:auto;}
.search-all-wrap .return-close {position:fixed; right:2rem; top:-4.5rem; width:4rem; height:4rem; overflow:hidden; color:transparent;}
@media all and (max-width:1283px){
	.search-all-wrap .search-page {padding-right:6rem; padding-left:6rem;}
	.search-all-wrap .search-page .search-page-inner {padding:0;}
	.search-all-wrap .search-form {width:100%;}
}
@media all and (max-width:959px){
	.search-all-wrap {top:4.8rem;}
	.search-all-wrap .search-page {padding-right:3rem; padding-left:3rem;}
	.search-all-wrap .search-page .search-page-inner {padding:0;}
}

/* 검색키워드 (Ver2 펼치기) */
.keyword-wrap {display:flex; position:relative; z-index:10; max-width:90%; margin:auto; margin-top:2rem; padding-bottom:2px; font-size:1.6rem;} /* 2023.06 웹접근성 보완 : table 속성 제거 flex 속성 추가*/
.keyword-wrap .keyword-tit,
.keyword-wrap .keyword {vertical-align:top; text-align:left;} /* 2023.06 웹접근성 보완 : table-cell 속성 제거 */
.keyword-wrap .keyword-tit {position:relative; width:8rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.keyword-wrap .keyword {position:relative; padding-left:3rem;}
.keyword-wrap .keyword-tit,.keyword-wrap .keyword a {line-height:2rem;}
.keyword-wrap .keyword:before {content:''; display:block; position:absolute; width:1px; left:1.2rem; top:0.3rem;; bottom:0.5rem; margin-left:0; background-color:#999;}
.keyword-wrap .keyword p {float:left; padding:0.5rem 1rem;}
.keyword-wrap .keyword a {display:inline-block; padding:0; color:#c11445; border-bottom:1px solid transparent;}
.keyword-wrap .keyword a:hover,
.keyword-wrap .keyword a:focus {border-bottom-color:#c11445;}
.keyword-wrap .keyword a:before {display:none; content:'#';}
.keyword-wrap .keyword-btn {display:none; position:absolute; right:0; top:-1.2rem; width:44px; height:44px;}
.keyword-wrap .keyword-btn button {position:absolute; left:1px; top:-1px; width:100%; height:100%; z-index:2;} /* 모바일기기가 PC모바일모드보다 내려가있음 */
.dv-pc .keyword-wrap .keyword-btn {top:-1rem;}
.dv-android .keyword-wrap .keyword-btn {top:-1.4rem;}
.keyword-wrap .keyword-btn button .arw {transform:rotate(0deg);}
/*.keyword-wrap .keyword-btn button.folder-close {left:100%;}*/
.keyword-wrap .keyword-btn button.folder-open {z-index:2;}
.keyword-wrap .keyword-btn button.folder-close {z-index:1; opacity:0;}
.keyword-wrap .keyword-btn button.folder-close .arw {transform:rotate(180deg);}
.keyword-wrap .folder-keyword {min-height:3.2rem; height:3.2rem; overflow:hidden; padding-right:5.5rem; margin:-0.5rem -1rem;}
.keyword-wrap .folder-keyword .folder-inner {min-height:3.2rem;}
.keyword-wrap .folder-keyword .folder-inner:after {content:''; display:block; clear:both;}
.keyword-wrap.is-folded {padding-left:0; padding-right:0;}
.keyword-wrap.is-folded .keyword-btn {display:block;}
/*.keyword-wrap[data-state=opened] .keyword-btn button {transform:translateX(-100%);}*/
.keyword-wrap[data-state=opened] .keyword-btn button.folder-open {z-index:1;  opacity:0;}
.keyword-wrap[data-state=opened] .keyword-btn button.folder-close {z-index:2;  opacity:1;}

.keyword-white .keyword-tit:after {background-color:#fff;}
.keyword-white .keyword-tit,
.keyword-white .keyword a {color:#ffffff;}
.keyword-white .keyword a:hover,
.keyword-white .keyword a:focus {border-bottom:1px solid #fff;}
@media all and (max-width:959px){
	.keyword-wrap .keyword-tit {width:10rem; margin-right:0; padding-right:2rem; white-space: nowrap; word-break: keep-all; text-overflow: unset; overflow: unset;} /* 2023.06 웹접근성 보완 : keyword title 사이즈 고정 */
}
@media all and (max-width:520px){
	.keyword-wrap {width:100%;}
	.keyword-wrap .keyword p {width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
}
/* Shot Text
@media all and (max-width:757px){
	.keyword-wrap .keyword p {width:100%;}
	[lang=ko] .keyword-wrap .keyword p {width:50%;}
	[lang=zh] .keyword-wrap .keyword p {width:50%;}
}
@media all and (max-width:520px){
	.keyword-wrap .keyword p {width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	[lang=ko] .keyword-wrap .keyword p {width:100%;}
	[lang=zh] .keyword-wrap .keyword p {width:100%;}
}
*/

/* Long Text*/
@media all and (max-width:757px){
	[lang=ja] .keyword-wrap .keyword-tit {display:block; width:100%;}
	[lang=ja] .keyword-wrap .keyword {display:block; width:100%; margin-top:1rem; padding-left:0;}
	[lang=ja] .keyword-wrap .keyword:before {display:none;}
	[lang=ja] .keyword-wrap .keyword-btn {top:-0.8rem;}
	[lang=ru] .keyword-wrap .keyword-tit {display:block; width:100%;}
	[lang=ru] .keyword-wrap .keyword {display:block; width:100%; margin-top:1rem; padding-left:0;}
	[lang=ru] .keyword-wrap .keyword:before {display:none;}
	[lang=ru] .keyword-wrap .keyword-btn {top:-0.8rem;}
	/*
	[lang=ja] .keyword-wrap .keyword p {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	[lang=ru] .keyword-wrap .keyword p {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	*/
}



/* 검색키워드 (Ver1 스와이프)
.keyword-wrap {margin-top:2rem; padding-bottom:2px;}
.keyword-wrap .keyword-tit,
.keyword-wrap .keyword {display:inline-block; vertical-align:middle;}
.keyword-wrap .keyword-tit:after {content:''; display:block; position:absolute; width:1px; height:1.3rem; right:-2.2rem; top:50%; margin-left:10px; background-color:#787677; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.keyword-wrap .keyword-tit {position:relative; margin-right:3.4rem;}
.keyword-wrap .keyword {}
.keyword-wrap .keyword a {color:#cc0066; border-bottom:1px solid transparent;}
.keyword-wrap .keyword a:hover,
.keyword-wrap .keyword a:focus {border-bottom:1px solid #cc0066;}

.keyword-white .keyword-tit:after {background-color:#fff;}
.keyword-white .keyword-tit,
.keyword-white .keyword a {color:#ffffff;}
.keyword-white .keyword a:hover,
.keyword-white .keyword a:focus {border-bottom:1px solid #fff;}

@media all and (min-width:641px){
	.keyword-wrap {text-align:center;}
	.keyword-wrap .keyword-tit,.keyword-wrap .keyword {vertical-align:top;}
	.keyword-wrap .keyword {max-width:80%; text-align:left; margin:0 -1rem;}
	.keyword-wrap .keyword-tit,.keyword-wrap .keyword a {line-height:2rem;}
	.keyword-wrap .keyword a {display:inline-block; margin:0 1rem;}
	.keyword-wrap .swiper-button-prev {display:none;}
 }	.keyword-wrap .swiper-button-next {display:none;}
@media all and (max-width:640px){
	.keyword-wrap {display:table; table-layout:fixed; width:100%; margin-top:1.5rem;}
	.keyword-wrap .keyword-tit {width:10rem; white-space:nowrap; overflow:hidden; margin-right:0; padding-right:2rem;}
	.keyword-wrap .keyword-tit:after {display:none;}
	.keyword-wrap .keyword-tit, .keyword-wrap .keyword {display:table-cell;}
	.keyword-wrap .keyword {position:relative;}
	.keyword-wrap .fold-keyword {padding:0.5rem 0; margin:0 4rem;}
	.keyword-wrap .fold-keyword .swiper-slide {display:inline-block; width:auto;}
	.keyword-wrap .swiper-button-prev {display:inline-block; z-index:2; left:0rem; width:2.6rem; height:2.6rem; margin-top:-1.3rem; background-image:url(/img/cnt/ico_prev_notice.png); background-size:100% 100%; opacity:1; vertical-align:middle;}
	.keyword-wrap .swiper-button-next {display:inline-block; z-index:2; right:0rem; width:2.6rem; height:2.6rem; margin-top:-1.3rem; background-image:url(/img/cnt/ico_next_notice.png); background-size:100% 100%; opacity:1; vertical-align:middle;}
	.keyword-wrap .swiper-button-prev.swiper-button-disabled,
	.keyword-wrap .swiper-button-next.swiper-button-disabled {opacity:0.8;}
}
*/

/* 통합검색_결과 */
.search-result-wrap {position:relative; margin-top:-4rem; margin-bottom:5rem; z-index:10; border-bottom:1px solid #e4e4e4; transition:border 0.3s;}
.search-result-wrap .search-result {padding-top:4rem; padding-bottom:6rem;}
.search-result-wrap .btn-fold-wrap {position:absolute; bottom:-4rem; margin:-1px 0 0 -64.2rem; text-align:right; transform:none; transition:bottom 0.3s;}
.search-result-wrap .btn-fold-wrap .btn {height:4rem; padding:0 2.2rem; line-height:4rem; background:#000; color:#fff; font-size:1.6rem;}
.search-result-wrap .btn-fold-wrap .btn:after {content:attr(data-label);}
.search-result-wrap .btn-fold-wrap .btn .arw {margin-left:0.6rem; transform:rotate(0); -webkit-transform:rotate(0); transition:transform 0.3s;}
.search-result-wrap .btn-fold-wrap .btn.is-active .arw {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.search-result-wrap .btn-fold-wrap .folder-close {display:none;}
[data-state=opened].search-result-wrap {padding-bottom:0;}
[data-state=opened].search-result-wrap .folder-open {display:none;}
[data-state=opened].search-result-wrap .folder-close {display:inline-block;}
[data-state=opened].search-result-wrap .btn-fold-wrap {bottom:0; margin:0 0 -1px -64.2rem; transform:none;}
@media all and (max-width:1283px){
	.search-result-wrap .btn-fold-wrap {width:100%; margin-left:0; left:0;}
	[data-state=opened].search-result-wrap .btn-fold-wrap {left:0; margin-left:0;}
}
@media all and (max-width:959px){
	.search-result-wrap {position:relative; margin-bottom:0; margin-top:0; border-bottom:0;}
	.search-result-wrap .search-result {padding:0 0 1rem 0;}
	.search-result-wrap .btn-fold-wrap {width:100%; padding:0;}
	[data-state=opened].search-result-wrap:after {content:''; display:block; height:0.4rem; background-color:#ebedef; border-top:1px solid #e4e4e4; box-sizing:content-box;}
	[data-state=closed].search-result-wrap {border-bottom:5rem solid #ebedef;}
}
@media all and (max-width:640px){
}

/* Table내에서의 통합검색_결과 */
.tbl-regist .tab-type1-wrap {padding:2rem 0;}

/*-------------------------------------------------------------------
    ##Data Content (DB)
-------------------------------------------------------------------*/
/* Common */
.data-content {text-align:left; line-height:2.4rem; padding-bottom: 5.0rem; border-bottom: 1px solid #ECECEC;} /* 2023.02.14 Mod */
.data-content pre,
.data-content p { min-height:2.4rem; line-height:2.4rem; font-family:'LGR';} /* 2023.02.14 Mod */
.data-content li {line-height:2.4rem; padding-left:1.4rem;}
.data-content li::before {content:''; display:inline-block; position:relative; top:-0.3rem; margin-left:-1.4rem; margin-right:1rem; width:0.4rem; height:0.4rem; background-color:#a40033;}
.dv-ie .data-content li::before {top:-0.3rem;}
.data-content {color:#333 !important; font-size:16px !important;}
.data-content pre {background-color:transparent !important; color:#333 !important; font-size:16px !important;}
.data-content p {color:#333 !important; font-size:16px !important;}
.data-content img {width:100%;}
.acodionWrap { overflow: hidden;} /* 2023.02.14 Add */
.acodionWrap.Active { height: 120px;} /* 2023.02.14 Add */
.view-app-wrap .view-body .view-section .data-content.acodion { padding-bottom: 0; margin-bottom: 5rem;} /* 2023.02.14 Add */
@media all and (max-width:757px){
	.data-content, .data-content pre, .data-content p {font-size:1.4rem !important;}
	html[lang=ja] .data-content, html[lang=ja] .data-content pre, html[lang=ja] .data-content p, html[lang=zh] .data-content, html[lang=zh] .data-content pre, html[lang=zh] .data-content p, html[lang=th] .data-content, html[lang=th] .data-content pre, html[lang=th] .data-content p {word-break:break-word;} /* 2019.07.25 Add 홍병기K */
}

/*-------------------------------------------------------------------
    ##Tabs
-------------------------------------------------------------------*/
/* Default */
.tab-nav ul::after {display:block; clear:both; content:'';}
.tab-nav li {position:relative; float:left; text-align:center;}
.tab-nav li > a {display:block; padding:10px;}
.tab-content {display:none; position:relative;}
.tab-content.is-active {display:block;}
.tab-content > div {position:relative; z-index:2;}

/* Tab Folder */
.tab-toggle {display:none;}
@media all and (max-width:757px){
	.tab-toggle {display:block; position:absolute; left:50%; bottom:-0.5rem; z-index:2; width:4.4rem; height:4.4rem; transform:translateX(-50%);}
}

/* Tab Type1 */
.search-page-wrap .tab-type1-wrap {margin-top:2rem;}
.tab-type1 ul {display:flex; display:-webkit-flex; display:-ms-flex; flex-wrap:wrap;}
.tab-type1 ul:after {display:none;}
.tab-type1 ul li a {display:table; position:relative; width:100%; height:100%; padding:1rem 2rem 1rem 2rem; background-color:#fff; border:2px solid #d5d5d5; line-height:2rem; font-size:1.6rem; color:#333; text-align:center; vertical-align:middle;}
.tab-type1 ul li a .tit {display:table-cell; height:4rem; word-break:break-all; font-family:'NSR'; vertical-align:middle;}
.tab-type1 ul li a .label-type2 {position:relative; top:-0.1rem; margin-left:1rem;}
.tab-type1 ul li.is-active a {border-color:#a40033; background-color:#a40033; color:#fff;}
.tab-type1.tab-cols-2 ul li {width:50%;} /* FAQ/자가진단 */
.tab-type1.tab-responsive ul {margin:-0.4rem;}
.tab-type1.tab-responsive ul li {width:33.3333%; float:none; padding:0.4rem;} /* TV앱, 자가진단 */
.tab-type1 + .tab-body {margin-top:4rem;}

@media all and (max-width:959px){
	.tab-type1 + .tab-body {margin-top:0rem;}
}

.tbl-regist-result .tab-type1-wrap {margin:0 -2.5rem;}
/* .tbl-regist-result .tab-type1 ul li a .tit {height:6rem; padding:1rem 2rem 1rem 2rem;} 표안에 있는경우 레이아웃 여백 재정의 */

@media all and (max-width:1283px){
	.tab-type1 ul {margin:-0.2rem;}
	.tab-type1 ul li {width:33.333%; padding:0.4rem;}
	.dv-ie9 .tab-type1 ul {display:block;}
	.dv-ie9 .tab-type1 ul:after {display:block;}
}
@media all and (max-width:959px){
	.tab-type1 {position:relative; background-color:#ebedef; padding:3rem 1.5rem; border:0;}
	.tab-type1-wrap {padding:0;}
	.tab-type1-wrap.in-sec {padding:0;}
	table .tab-type1 {padding:3rem 1.5rem;}
	.tab-type1.tab-responsive ul li {width:50%;}
	.popup-tab .tab-type1 {padding: 2rem 1.5rem;} /* 2022.02.15 Add */
    .tab-type1.tab-folder {padding:1.5rem 2.5rem 1.5rem 2.5rem;} /* 2022.02.15 Add */
}
@media all and (max-width:757px){
	.tab-type1.tab-cols-2 ul li,
	.tab-type1.tab-responsive ul li {width:100%;}
	.tab-type1 ul li {display:none;} /* 모바일모드 비활성탭 숨김 */
	.popup-tab .tab-type1 ul li, /* 셀렉트팝업 모바일모드 비활성탭 노출 */
	.tab-type1.tab-cols-2 ul li, /* 탭목록 2개는 무조건 노출 */
	.tab-type1 ul li.is-active {display:block; width: 90%;} /* 2022.02.15 Mod */
	.tab-type1 ul li a .tit {height:auto;}
	.tab-type1 ul li a {min-height:4.6rem;}
	.tab-type1 button.tab-toggle {left: auto; right: 1rem; top: 50%; transform: translateY(-50%);} /* 2022.02.15 Add */
	.tab-type1 ul li.is-active a {background-color: transparent; border: 0; color: #a40033; padding: 0; border: 0; font-size: 2rem; text-align: left;} /* 2022.02.15 Add */
    .tab-type1 ul li.is-active a .tit {font-family:'NSB';} /* 2022.02.15 Add */
    .quse-result-wrap .tab-type1 ul li.is-active a .tit {font-family:'NSR'; font-size: 1.6rem;} /* 2022.02.15 Add */
	[lang=ko] .tab-type1.tab-cols-2 ul li {width:50%;}
	.tab-type1.tab-cols-2 ul li.is-active a {width: 100%; border-color: #a40033; background-color: #a40033; color: #fff; padding: 1rem 2rem 1rem 2rem; text-align: center;} /* 2022.02.15 Add */
	.tab-type1.tab-folder {padding:1.5rem 2.5rem 1.5rem 2.5rem;} /* 2022.02.15 Mod */
	 /* S : 2022.02.15 Add */
	 .popup-tab .tab-type1 ul li {width: 100%; padding:0.4rem;}
	 .popup-tab .tab-type1 ul li a {border: 1px solid #d5d5d5; border-radius: 50rem; text-align: left; padding: 1rem 3rem; min-height: auto;}
	 .popup-tab .tab-type1 ul li.is-active a {width: 100%; background-color: #a40033; border-color: #a40033; color: #fff; padding: 1rem 3rem; font-size: 1.6rem; text-align: left;}
	 .popup-tab .tab-type1 ul li.is-active a .tit {font-family:'NSR';}
	 .popup-tab .tab-type1 ul li a .label-type2 {top: -0.1rem; float: right; margin: 0; padding: 0.2rem 0.7rem; border-radius: 2rem;}
	 /* E : 2022.02.15 Add */
}

/* Tab Type2 - 메인 탭 */
.tab-type2 ul {display:table; margin:auto;}
.tab-type2 ul li {display:inline-table; position:relative;}
.tab-type2 ul li + li {margin-left:1.8rem; padding-left:1.8rem;}
.tab-type2 ul li + li:before {content:''; position:absolute; left:0; top:0.6rem; width:1px; height:1.2rem; background-color:#e4e4e4;}
.tab-type2 ul li a {display:inline-block; padding:0; border-bottom:2px solid transparent; line-height:2.2rem; font-size:1.8rem; font-family:'NSB'; color:#666666;}
.tab-type2 ul li.is-active a {color:#a40033; border-color:#a40033;}
@media all and (max-width:560px){
	.tab-type2 ul li + li {margin-left:1.6rem; padding-left:1.6rem;}
	.tab-type2 ul li + li:before {content: inherit;} /*  2022.02.15 Add*/
	.tab-type2 ul li a {font-size:1.6rem;}
	.tab-type2 ul li a {font-size:1.5rem;}
}

/* Tab Type3 - 상품상세 */
/* .tab-type3 ul {border-bottom:2px solid #333333;} */ /* 2023.02.14 Mod */
.tab-type3 ul:after {content:''; display:block; clear:both;}
.tab-type3 ul li {float:left;}
.tab-type3 ul li a {display:block; padding: 0.5rem 1rem; font-size: 1.4rem; font-family:'LGR'; background-color:#666; color:#fff; border-radius: 4px;} /* 2023.02.14 Mod */
.tab-type3 ul li.is-active a { background-color:#A50034;} /* 2023.02.14 Mod */
@media all and (max-width:959px){
	.tab-type3 ul {display:table; width:100%; table-layout:fixed;}
	.tab-type3 ul:after {display:none}
	.tab-type3 ul li {display:table-cell; float:none;}
}
@media all and (max-width:640px){
	.tab-type3 ul {display:table; width:100%; table-layout:fixed;}
	.tab-type3 ul:after {display:none}
	.tab-type3 ul li {display:block; float:none;}
}

/* Tab Type4 - 약관동의 탭 */
.tab-type4 ul {display:flex; display:-webkit-flex; display:-ms-flex; flex-wrap:wrap;}
.tab-type4 ul:after {display:none;}
.tab-type4 ul {margin:-0.4rem;}
.tab-type4 ul li {width:33.333%; float:none; padding:0.4rem;}
.tab-type4 ul li a {display:table; position:relative; width:100%; height:1rem; padding:1rem 2rem 1rem 2rem; background-color:#7c7c7c; line-height:2rem; font-size:1.6rem; color:#fff; text-align:center; vertical-align:middle;} /* 2020.06.10 Mod 홍병기C(웹접근성) */
.tab-type4 ul li a .tit {display:table-cell; height:4rem; word-break:break-all; font-family:'NSR'; vertical-align:middle;}
.tab-type4 ul li a .label-type2 {position:absolute; right:1.5rem; top:50%; transform:translateY(-50%);}
.tab-type4 ul li.is-active a {background-color:#a40033; color:#fff;}
.tab-type4 ul li .tab-content {display: block !important;} /* 2020.06.10 Add 홍병기C(웹접근성) */
@media all and (max-width:1283px){
	.dv-ie9 .tab-type4 ul {display:block;}
	.dv-ie9 .tab-type4 ul:after {display:block;}
}
@media all and (max-width:959px){
	.tab-type4 {position:relative; background-color:#ebedef; padding:3rem 1.5rem; border:0;}
	.tab-type4 ul li {width:100%;} /* 2020.06.10 Mod 홍병기C(웹접근성) */
	.tab-type4 ul li .tab-content {display: none !important;} /* 2020.06.10 Add 홍병기C(웹접근성) */
	.tab-type4 ul li.is-active .tab-content {display: block !important;} /* 2020.06.10 Add 홍병기C(웹접근성) */
}
@media all and (max-width:757px){
	.tab-type4 ul li {width:100%;} /* 2020.06.10 Mod 홍병기C(웹접근성) */
	.tab-type4 ul li .tab-content {display: none !important;} /* 2020.06.10 Add 홍병기C(웹접근성) */
	.tab-type4 ul li.is-active .tab-content {display: block !important;} /* 2020.06.10 Add 홍병기C(웹접근성) */
}
@media all and (max-width:480px){
	.tab-type4 ul li {width:100%;}
	.tab-type4 ul li .tab-content {display: none !important;} /* 2020.06.10 Add 홍병기C(웹접근성) */
	.tab-type4 ul li.is-active .tab-content {display: block !important;} /* 2020.06.10 Add 홍병기C(웹접근성) */
}

/* Tab Type5 - 약관동의 탭 */

.terms-cont .tab-type5 {margin-top:3.6rem; margin-bottom:4.6rem;}
.tab-type5 ul:after {display:none;}
.tab-type5 li {float:none; padding-top:0.6rem; text-align:left; width:100% !important;} /* 2020.06.10 Mod 홍병기C(웹접근성) */
.tab-type5 li a {position:relative; display:block; padding:0 0 0 5rem !important; background-color: transparent !important; text-align: left !important;} /* 2020.06.10 Mod 홍병기C(웹접근성) */
.tab-type5 li a .tit {min-height:3.4rem; padding:0.6rem 0 0.4rem; font-size:1.8rem; font-family:'LGR'; color:#333333; line-height:2.4rem; height: 3.4rem !important;} /* 2020.06.10 Mod 홍병기C(웹접근성) */
.tab-type5 li a .tit, .tab-type5 li a:before {display:inline-block; vertical-align:middle;}
.tab-type5 li a:before {position:absolute; left:0; top:0; content:''; width:3.4rem; height:3.4rem; padding-top:1px; line-height:calc(3.4rem - 4px); font-size:1.6rem; font-weight:bold; background-color:#fff; border:1px solid #666; color:#666; text-align:center; vertical-align:top;}
.tab-type5 li.is-active a:before {background-color:#a40033; border-color:#a40033; color:#fff;}
.tab-type5 li.is-active a .tit,
.tab-type5 li a:hover .tit,
.tab-type5 li a:focus .tit {color:#a40033;}
@media all and (min-width:960px){
	.tab-type5-wrap {display:flex; display:-webkit-flex; display:-ms-flex; flex-wrap:wrap; margin:-0.5rem -0.4rem;}
	.tab-type5-wrap .tab-col {width:33.3333%; padding:0.5rem 0.4rem; text-align:left;}
	.tab-type5-wrap .tab-content {display:block;}
}
@media all and (max-width:959px){
	.tab-type5 {padding:0 3rem;}
	.tab-type5 ul {display:flex; display:-webkit-flex; display:-ms-flex; flex-wrap:wrap;}
	.tab-type5 ul:after {display:none;}
	.tab-type5 li {float:none; width:33.3333%; text-align:left;}
	.tab-type5 li {width:100%;}
	.tab-type5 li a {padding-left:5rem;}
	.terms-cont .tab-type5 {margin-top:2.4rem; margin-bottom:2.4rem;}
}

/* Tab Type5 - Number List */
.tab-type5 li a:before {content:'01';}
.tab-type5 li + li a:before {content:'02';}
.tab-type5 li + li + li a:before {content:'03';}
.tab-type5 li + li + li + li a:before {content:'04';}
.tab-type5 li + li + li + li + li a:before {content:'05';}
.tab-type5 li + li + li + li + li + li a:before {content:'06';}
.tab-type5 li + li + li + li + li + li + li a:before {content:'07';}
.tab-type5 li + li + li + li + li + li + li + li a:before {content:'08';}
.tab-type5 li + li + li + li + li + li + li + li + li a:before {content:'09';}
.tab-type5 li + li + li + li + li + li + li + li + li + li a:before {content:'10';}

/* S : 2020.09.22 Add 홍병기 : Tab Type6 - 약관 탭 */
.tab-type6 ul {display:flex; display:-webkit-flex; display:-ms-flex; flex-wrap:wrap;}
.tab-type6 ul:after {display:none;}
.tab-type6 ul {margin:-0.4rem;}
.tab-type6 ul li {width:50%; float:none; padding:0.4rem;}
.tab-type6 ul li a {display:table; position:relative; width:100%; height:1rem; padding:1rem 2rem 1rem 2rem; background-color:#7c7c7c; line-height:2rem; font-size:1.6rem; color:#fff; text-align:center; vertical-align:middle;} /* 2020.06.10 Mod 홍병기C(웹접근성) */
.tab-type6 ul li a .tit {display:table-cell; height:4rem; word-break:break-all; font-family:'NSR'; vertical-align:middle;}
.tab-type6 ul li.is-active a {background-color:#a40033; color:#fff;}
.tab-type6 ul li .tab-content {display: block !important;}
/* E : 2020.09.22 Add 홍병기 : Tab Type6 - 약관 탭 */

/* S : 2021.04.26 Add 홍병기 : 약관 Tab SelectBox */
.stTermsSelect {margin:10px 0; text-align: right;}
/* E : 2021.04.26 Add 홍병기 : 약관 Tab SelectBox */

/*-------------------------------------------------------------------
    ##Dropdown
-------------------------------------------------------------------*/
/* Default */
.dropdown-wrap {display:inline-block;}
.dropdown-wrap, .dropdown-toggle {display:block; position:relative;}
.dropdown-toggle .arw {position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(0); -webkit-transform:translateY(-50%) rotate(0); transition:all 0.3s;}
.dropdown-toggle.is-active .arw {transform:translateY(-50%) rotate(180deg); -webkit-transform:translateY(-50%) rotate(180deg);}
.dropdown {display:none; position:absolute;}
.dropdown .dropdown-menu {position:relative; z-index:1;}
.dropdown.is-active {display:block;}


/*-------------------------------------------------------------------
    ##Tooltip
-------------------------------------------------------------------*/
/* Default */
.tooltip {display:none;}
.tooltip.is-active {display:block;}

/*-------------------------------------------------------------------
    ##Popup
-------------------------------------------------------------------*/
/* Default */
.popup-wrap {display:none; position:fixed; left:50%; top:50%; z-index:1001; min-width:280px; opacity:0; transition:opacity 0.3s;}
.popup-wrap.is-visible {display:inline-block; opacity:1;}
.popup-wrapp {display:none; position:fixed; left:50%; top:50%; z-index:2001; min-width:280px; opacity:1; transition:opacity 0.3s;}
.popup-wrapp.is-visibled {display:inline-block; opacity:1;}
.popup, .popup-container {position:relative; z-index:10;}
.popup .btn-popup-close {position:absolute; right:0.6rem; top:0.7rem; width:4rem; height:4rem; z-index:11;}
.popup .popup-footer .btn + .btn {margin-left:0.5rem;}
@media all and (min-width:758px){
	.popup-wrap {transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);}
	.popup-wrapp {transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);}
}
@media all and (max-width:757px){
	.popup-wrap {left:0; width:100%; padding:1rem; transform:translate(0, 0); -webkit-transform:translate(0, 0);} /* 2019.07.09 Mod 홍병기K (C20190711_39467 반영) */
	.popup-wrapp {left:0; width:100%; padding:1rem; transform:translate(0, 0); -webkit-transform:translate(0, 0);}
}

/* Common : popup-select */
@media all and (min-width:758px){
	.popup-wrap.popup-select,
	.popup-wrap.popup-select .popup {display:none;}
}
@media all and (max-width:757px){
	.popup-wrap.popup-select {left:0; top:auto; bottom:0; width:100%; padding:0; opacity:1; transform:translate(0, 100%); -webkit-transform:translate(0, 100%); transition:all 0.3s;}
	.popup-wrap.popup-select.is-visible {left:0; top:auto; bottom:0; width:100%; padding:0; transform:translate(0, 0); -webkit-transform:translate(0, 0);}
	.popup-wrap.popup-select .btn-close-select {position:absolute; right:0; bottom:100%; width:4.4rem; height:4.4rem;}
}


/* Design Types : type1 */
.popup-type1 {width:60rem; min-width:48rem; max-width:60rem;}
.popup-type1 .popup-container {position:relative; padding:0 1.6rem; border:1px solid #e4e4e4; background-color:#f8f8f8;}
.popup-type1 .popup-header {position:relative; margin:-1px calc(-1.6rem - 1px); padding:0 1.6rem; background-color:#a40033;}
.popup-type1 .popup-header .tit-h3 {position:relative; padding:1.5rem 4rem 1.5rem 1.8rem; font-size:1.8rem; line-height:2.6rem; color:#fff; font-family:'LGSB'; word-break:keep-all; word-wrap:break-word;}
.popup-type1 .popup-header .tit-h3:before {content:''; display:block; position:absolute; left:0; top:2.5rem; width:4px; height:4px; background-color:#c11445;}
.popup-type1 .popup-body {margin-top:1rem; min-height:10rem; padding:2rem 2rem 3rem; border-top:1px solid #d5d5d5; background-color:#fff;}
.popup-type1 .popup-scroll {max-height:60vh; overflow-y:auto;}
.popup-type1 .popup-footer {position:relative; height:auto; min-height:6rem; padding:1.4rem;}
.popup-type1 .popup-footer .btn-wrap {text-align:center;}
.popup-type1 .para-wrap {line-height:2.4rem;}
.popup-type1 .para-wrap p {color:#000000; word-break:keep-all;}
.popup-type1 .para-wrap p.pd10 {padding:1rem 0 0 0;} /* 2019.09.09 Add 홍병기K */
html[lang=zh] .popup-type1 .para-wrap p,
html[lang=ja] .popup-type1 .para-wrap p {word-break:normal;}
@media all and (max-width:757px){
	.popup-type1 {width:100%; max-width:100%; min-width:1px;}
	.popup-type1 .btn-footer {margin:-0.2rem;}
	.popup-type1 .btn-type2 {height:auto; min-height:2.6rem; line-height:2rem; padding-top:0.3rem; padding-bottom:0.3rem; margin:0.2rem;} /* 1:1문의등록 팝업확인 */
	 /* S : 2019.07.09 Add 홍병기K (C20190711_39467 반영) */
	.popup-type1 .popup-container {padding:0 1rem;}
	.popup-type1 .popup-header {margin:-1px calc(-1rem - 1px); padding:0 1rem;}
	.popup-type1 .popup-body {padding:2rem 1rem;}
	/* E : 2019.07.09 Add 홍병기K */
}

/* CameraZone Popup (Ver1) */
.cameraZone-wrap {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; height:100%; opacity:0;}
.cameraZone-wrap.is-visible {display:inline-block;}

/* CameraZone Page (Ver2) */
.cameraZone-page {position:fixed; top:0; right:0; bottom:0; left:0;}

/* CameraZone Frame */
.cameraZone {height:100%;}
.cameraZone .btn-popup-close {position:absolute; right:0.6rem; top:0.9rem; width:40px; height:40px; z-index:11;}
.cameraZone .frame {display:table; width:100%; height:100%; table-layout:auto;}
.cameraZone .frame .bg {background:rgba(0,0,0,0.76);}
.cameraZone .frame .row {display:table-row;}
.cameraZone .frame .col {display:table-cell; word-break:keep-all;}
[lang=ja] .cameraZone .frame .col {word-break:normal;}

/* CameraZone Design */
.cameraZone .canvas {position:relative; width:30rem; height:30rem;}
.cameraZone .canvas canvas {width:100%; height:100%;}
.cameraZone .canvas:before,
.cameraZone .canvas:after {content:''; display:block; position:absolute; left:0; width:100%; height:1.8rem; border:6px solid #fff;}
.cameraZone .canvas:before {top:0; border-bottom:0;}
.cameraZone .canvas:after {bottom:0; border-top:0;}
.cameraZone .content {padding-top:2rem; line-height:2.4rem; color:#fff; text-align:center; font-size:2rem; font-family:'LGR'; vertical-align:top;}

/*-------------------------------------------------------------------
    ##Zommer
-------------------------------------------------------------------*/
.zommer-wrap {display:none; position:fixed; z-index:1001; left:0; top:0; right:0; bottom:0; opacity:0; transform:scale(0.5);}
.zommer-wrap .zommer-body {display:block; position:absolute; left:50%; top:50%; width:60%; height:auto; transform:translate(-50%, -50%);}
.zommer-wrap .zommer-body .btn-close {position:absolute; right: 1.0rem; top: 1.0rem; width:7rem; height:7rem; background-color:rgba(255,255,255); opacity: 0.5; border-radius: 100%;} /* 2023.02.14 Mod */
.zommer-wrap .zommer-body .btn-close .ico {position:absolute; left:50%; top:50%; width:4rem; height:4rem; transform:translate(-50%, -50%); }
.zommer-wrap .zommer-body .btn-close:hover { opacity: 1;} /* 2023.02.14 Add */
.zommer-wrap img {width:100%; max-height:80vh;}
@media all and (max-width:960px){
	.zommer-wrap .zommer-body {width:85%;}
	.zommer-wrap .zommer-body .btn-close { width:4.4rem; height:4.4rem; max-width:44px; max-height:44px;} /* 2023.02.14 Mod */
	.zommer-wrap .zommer-body .btn-close .ico {width:70%; height:70%;}
}
@media all and (max-width:757px){
	.zommer-wrap .zommer-body .btn-close .ico {width:50%; height:50%;}
}

/*-------------------------------------------------------------------
    ##Loading
    - N20190710_04315-PC 웹사이트 1:1문의 화면 이슈(1:1문의확인팝업 dim처리로 zindex 10001->999 변경) 2019.07.11 김남중
-------------------------------------------------------------------*/
/* Layout */
.loadingDim-wrap {display:none; position:fixed; left:50%; top:50%;}
.loadingDim-wrap.is-visible {display:block; z-index:999; transform:translate(-50%, -50%);}
.loadingDim-wrap .loading img {display:none;}

.loading-wrap {display:table; width:100%; height:30rem;}
.loading-wrap .loading {display:table-cell; text-align:center; vertical-align:middle;}
.loading-wrap .loading img {animation:loading 1.5s infinite linear;  -webkit-animation:loading 1.5s infinite linear;}
@keyframes loading {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(359deg);}
}

/*-------------------------------------------------------------------
    ##Dimmer
    - N20190710_04315-PC 웹사이트 1:1문의 화면 이슈(1:1문의확인팝업 dim처리로 zindex 10000->998 변경, 아래 예외처리 동일) 2019.07.11 김남중
-------------------------------------------------------------------*/
/* Default */
.dimmer {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:998; opacity:0; background:rgba(0,0,0,0.75);}
.dimmer.is-visible {display:block;}

/* Types */
.dimmer-aside {z-index:103;}
.dimmer-search {z-index:101;}

/* 예외처리 */
.dimmer-loading {position:fixed; top:0; right:0; bottom:0; left:0; z-index:998; opacity:0; background:rgba(0,0,0,0.75); background-color:transparent; cursor:wait;}

/*-------------------------------------------------------------------
    ##AutoComplete
-------------------------------------------------------------------*/
/* 자동완성 */
.ac-form-wrap {position:relative;}
.ac-form {position:absolute; left:0; right:0; top:100%; z-index:200; margin-top:0;}
.ac-form ul {background-color:#fff; border:1px solid #cccccc; border-radius:0 0 0.3rem 0.3rem; text-align:left;}
.ac-form ul li .ui-menu-item-wrapper {padding:0 3rem; line-height:4.8rem; font-size:1.6rem;}
.ac-form ul li .ui-menu-item-wrapper.ui-state-active,
.ac-form ul li:focus .ui-menu-item-wrapper,
.ac-form ul li:hover .ui-menu-item-wrapper {background-color:#fafafa; color:#000; color:#a40033; letter-spacing:2px; font-family:'LGR';}
.ui-helper-hidden-accessible {position:absolute; width:1px; border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0;}

/*-------------------------------------------------------------------
    ##Swiper
-------------------------------------------------------------------*/
.swiper-button-prev, .swiper-button-next {overflow:hidden; text-indent:-9999px;}
.swiper-pagination-bullet {overflow:hidden; text-indent:-9999px;}

/* 2023.02.14 Add =s*/
@media all and (max-width:959px ) {
	.starRating-cate .starRating-label .label { font-size: 3.6rem; margin-bottom: 0.5rem;}
}

@media all and (max-width:757px ) {
	.starRating-cate .starRating-label .label { font-size: 2.4rem; margin-bottom: 0.5rem;}
}
/* 2023.02.14 Add =e*/