/*	@media only screen and (max-width : 640px) {*/
@media only screen and (max-width : 640px) {
	.wh_topic_page .wh_header{
		margin-bottom: 11px;
	}
		body header.wh_header{
		min-height: 53px !important;
	}
	.wh_tiles .wh_tile {
		min-height: 35px;
		height: unset;
		padding: 0;
	}
	.wh_topic_content figure > img{
		/* width: 70%; */
		width: 100%;
	}
	.header-left .kia-logo > img{
		width: 50px;
	}

	body .model_info{
		font-size: 12px;
		/* margin: 0 1.6em 0.3em; */
		text-align: right;
		display: flex;
		justify-content: space-between;
        margin-bottom: 0.6em;
	}
	.wh_header .wh_search_input .qrg_title{
		font-size: 1.2em;
	}
	.header-right .btn_nav img{   
		width: 25px;
	    height: 25px;
	}
	.model_info .lang{
		font-size: 8px;
		margin-top: 2px;
	}
}
.kia-logo > img{
		width: 100px;
	}
/*numbering */
*[class ~= "topic/topic"] *[class ~= "topic/title"]::before{
    content: counter(callout-counter) ".";
    counter-increment: callout-counter; 
    display: inline-block;
    color: #000;
	padding-right: 5px;
}
*[class ~= "topic/section"] .imagecenter{
	opacity: unset !important;
}
*[class ~= "topic/topic"] {
	padding-bottom: 1.5em;
}


/*lsu 가로스크롤 테스트_20241203 */
/* 
*[class ~= "topic/body"] > *[class ~= "topic/section"].images{
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
} 
  */
*[class ~= "topic/section"].images div.imagecenter {
  	/*margin-right: 15px;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height:100%;
	/*
	padding-left: calc( 13% - 2px );
	transition: none !important;
	align-items: unset !important;
	margin-bottom: 20px;
	*/
}
*[class ~= "topic/section"].images::-webkit-scrollbar {
	display: none;
}
*[class ~= "topic/section"].image::-webkit-scrollbar-thumb {
    background: #05141F; 
    border-radius: 10px; 
}
*[class ~= "topic/section"].image::-webkit-scrollbar-track {
    background: #b2b2b2; 
}

.wh_header .qrg_title{
    margin: 0.2em auto 0 auto;
    font-weight: bold;
}

/* qrg 타이틀  */
/* *[class ~= "topic/topic"] > *[class ~= "topic/title"] { */
*[class ~= "topic/title"]{ 
	/*position: sticky;*/
	top: -0.4em;
	padding: 0;
	margin: 0;
    z-index: 101;
}
img.image.zoom:not(img[usemap]):hover{
	opacity: unset;
}
#wh_topic_body .wh_child_links {
	display: none !important;
}
.wh_topic_page .wh_content_area {
	padding-bottom: 0px !important;
}
#wh_topic_body{
	padding-bottom: 0px !important;
}
.wh_topic_page .container-fluid{
	overflow-y: hidden;
}
.csh_naviation_links{
	display: none !important;
}
.wh_navigation_links span.navprev,
.wh_navigation_links span.navnext{
	opacity: 10%;
}
/* breadcrumb 1lv 만 */
.wh_breadcrumb .d-print-none li:not(:first-child){
	display: none;
}

/* 
.wh_breadcrumb .d-print-none li:nth-child(3):last-child{
	display: none;
} 
*/

.wh_breadcrumb ol.d-print-none .title{
	font-size: 1.5em;
	font-weight: bold;
}
.wh_search_input, .breadcrumb-sticky > nav {
	padding-inline-start: 14px !important;
    padding-inline-end: 0px !important;
}
h1.topictitle1{
	display: none;
}
*[class ~= "topic/section"] {
	margin-top: 0;
}
.topictitle2, .topictitle1.level2, .sectiontitle {
    font-size: 1.2em;
    margin-bottom: 17px;
}
/*페이지 이동 버튼 변경*/
.wh_navigation_links .navheader{
	display: flex;
	flex-direction: column;
	align-content: flex-end;
    flex-wrap: wrap;
	margin-inline-end: 5%;
}

.qrg-main-top-message1,
.qrg-main-top-message2 {
	font-size: 12px;
	margin-inline-start: 1%;
}

.model_info{
	font-size: 1.2em;
	/*margin: 0.8em 1.5em 0.3em;*/
	/*padding-left: calc( 50% - 530px)!important;
	padding-right: calc( 50% - 530px)!important;*/
	text-align: right;
	margin-bottom: 7px;
	padding-inline-start: 14px !important;
    padding-inline-end: 14px !important;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
    max-width: 1024px;
}	
.wh_header .qrg_title{
	font-size: 1.4em;
}
.btn_nav img{
	width: 35px;
	height: 35px;
}
/* qrg image : round border */
figure > img{
	width: 80%;
	border-radius : 3%;
}
.wh_breadcrumb .title a{
	pointer-events: none;
}
.wh_topic_content figure {
	text-align: center;
}