/*@charset "utf-8";
@font-face{font-family:KiaB;font-weight:normal;font-style:normal;src:url('/content/dam/kwcms/gt/en/font/kia_bold.eot');src:url('/content/dam/kwcms/gt/en/font/kia_bold.eot?#iefix') format('embedded-opentype'),url('/content/dam/kwcms/gt/en/font/kia_bold.woff') format('woff')}
@font-face{font-family:KiaM;font-weight:normal;font-style:normal;src:url('/content/dam/kwcms/gt/en/font/kia_medium.eot');src:url('/content/dam/kwcms/gt/en/font/kia_medium.eot?#iefix') format('embedded-opentype'),url('/content/dam/kwcms/gt/en/font/kia_medium.woff') format('woff')}
*/

#container{overflow: hidden;}
.pip_gallery_new{padding-top:50px; box-sizing: border-box;}
.pip_gallery_new .con_tit2{position:relative; font-size:36px;color:#000;line-height:60px; text-align: center;}
.pip_gallery_new .con_tit2:after{display:block; position:absolute; top:0; left:50%; margin-left:-35px; width:70px;height:4px;background:#bb162b; content:'';}
.pip_gallery_new .tab_nav{display:table; margin:20px auto 40px;}
.pip_gallery_new .tab_nav li{float:left; margin:0 25px;}
.pip_gallery_new .tab_nav li button{position:relative; font-family: KiaM; font-size:23px; line-height: 40px; color:#8e8e8e; transition: 0.3s; outline: 0; text-transform: none;} /* 2018.05.18 outline:0; 추가 */
.pip_gallery_new .tab_nav li button:after{position:absolute; bottom:0; left:50%; width:0; height:2px; background:#bb162b; content:''; transition: 0.3s;}
.pip_gallery_new .tab_nav li button:hover, .pip_gallery_new .tab_nav li button.active{color:#bb162b;transition: 0.3s;}
.pip_gallery_new .tab_nav li button:hover:after, .pip_gallery_new .tab_nav li button.active:after{width:100%; left:0; transition: 0.3s;}

.pip_gallery_new .thum_list_con{position:relative; height:265px; width:5000%; margin-bottom:20px; overflow: hidden;}
.pip_gallery_new .thum_list{position:absolute;display: inline-block;}
.pip_gallery_new .thum_list li{position:relative; float:left; width:400px; height:265px; margin:0 10px; overflow: hidden; transition: 0.3s}
.pip_gallery_new .thum_list li.first{margin-left:0;}
.pip_gallery_new .thum_list li.last{margin-right:0;}
.pip_gallery_new .thum_list li>a{display: block;}
.pip_gallery_new .thum_list li>a>img{position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); width:100%; transition: 0.3s;}
.pip_gallery_new .thum_list li>a:hover img{width:110%; transition: 0.3s;}
.pip_gallery_new .thum_list li.type_videos>a:after{position:absolute; display: block; top:50%; left:50%; z-index:1; width:50px; height:50px; background:url('/content/dam/kwcms/au/en/images/showroom/gallery/btn_play.png') no-repeat center center; content:''; transform: translateX(-50%) translateY(-50%);}

.pip_gallery_new .slider_con{position:relative; margin:25px auto 80px; width:90%; height:28px; max-width:660px;}
.pip_gallery_new .slider_con:before{ position: absolute; width: 100%; height:3px; top: 50%; background:#8e8e8e; border-radius: 2px; content: "";}
.pip_gallery_new .slider_con button	{position:absolute; top:0; left:0; z-index:1; width:69px; height:30px; background:url('/content/dam/kwcms/au/en/images/showroom/gallery/ico_scroll.png') no-repeat center center; font:0/0 a;}

#gallery_pop{position:fixed; display: none; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.8); z-index:1999 }/* 2018.08.03 z-index 수정 */
#gallery_pop .btn_prev{position:absolute; top:50%; left:10px; z-index:1; width:30px; height:44px; margin-top:-22px; opacity:0.6; transition: 0.3s; background:url('/content/dam/kwcms/au/en/images/showroom/gallery/btn_gallery_prev.png') no-repeat center center; font:0/0 a;}
#gallery_pop .btn_next{position:absolute; top:50%; right:10px; z-index:1; width:30px; height:44px; margin-top:-22px; opacity:0.6; transition: 0.3s; background:url('/content/dam/kwcms/au/en/images/showroom/gallery/btn_gallery_next.png') no-repeat center center; font:0/0 a;}
#gallery_pop .btn_close{position:absolute; right:-18px; top:-18px; z-index:1; width:36px; height:36px; background:url('/content/dam/kwcms/au/en/images/showroom/gallery/btn_close_popup.png') no-repeat center center; font:0/0 a;}
#gallery_pop button:hover{opacity:1; transition: 0.3s;}
#gallery_pop .gallery_content{position:absolute; width:80%; min-height: 400px; max-width:1300px; top:50%; left:50%; transform: translateX(-50%) translateY(-50%);}
#gallery_pop .player{display: none;}
#gallery_pop .images{display: none;}
#gallery_pop .player iframe{width:100%; display:inline-block; border:0;}
#gallery_pop .images img{width:100%;}
@media screen and (max-width:1023px) {
	.pip_gallery_new .thum_list_con{height:236px;}
	.pip_gallery_new .thum_list li{width:370px; height: 236px;}
}

@media screen and (max-width:767px) {
	.pip_gallery {overflow: hidden !important; }
	.pip_gallery_new{padding-top:25px;}
	.pip_gallery_new .con_tit2{font-size:15px;line-height:30px;}
	.pip_gallery_new .con_tit2:after{display:block; position:absolute; top:0; left:50%; margin-left:-17px; width:35px;height:2px;background:#bb162b; content:'';}
	.pip_gallery_new .tab_nav{display:table; margin:10px auto 20px;}
	.pip_gallery_new .tab_nav li{ margin:0 15px;}
	.pip_gallery_new .tab_nav li button{font-size:14px; line-height: 32px; }

	.pip_gallery_new .thum_list_con{height:142px; margin-bottom:10px;}
	.pip_gallery_new .thum_list li{width:240px; height: 142px; margin:0 5px;}


	.pip_gallery_new .slider_con{margin-bottom:40px;}
	.pip_gallery_new .slider_con button{background:url('/content/dam/kwcms/au/en/images/showroom/gallery/ico_scroll_m.png') no-repeat center center; background-size:69px 30px;font:0/0 a;}
	#gallery_pop .btn_prev{left:10px; width:15px; height:22px; margin-top:-11px;  background-size: 15px 22px;}
	#gallery_pop .btn_next{right:10px; width:15px; height:22px; margin-top:-11px;  background-size: 15px 22px;}
	#gallery_pop .btn_close{right:-9px; top:-9px; width:18px; height:18px;  background-size: 18px 18px;}

	#gallery_pop .gallery_content{min-height: 200px;}
}

/* 2020.07.28 #48601 GT gallery popup 개선 S */

.gallery_content {position:relative;box-sizing:border-box;}
.pop_title_box {position:absolute;bottom:0;left:0;width:100%;color:#fff;text-align:right;background:rgba(0,0,0,.7);padding:30px 20px 25px 20px;box-sizing:border-box;}
.pop_title_box .pop_title {display:inline-block;position:relative;font-size:26px;font-family:"kiaB";}
.pop_title_box .pop_title:after {display:block;content:"";position:absolute;top:-10px;right:0;width:60px;height:2px;background:#fff;}

@media (max-width:1024px) {
.pop_title_box .pop_title {font-size:22px;}
}

@media (max-width:767px) {
.pop_title_box {padding:10px;text-align:center;}
.pop_title_box .pop_title {font-size:16px;}
.pop_title_box .pop_title:after {display:none;}
.fe_pip_wrap  #gallery_pop .gallery_content {min-height:auto;}
}
/* 2020.07.28 #48601 GT gallery popup 개선 E */

/* 2020.08.14 #49257 gallery popup dam 추가 S */
#gallery_pop .dam_pop .dam_video_bg {width:100%;height:auto;}
/* 2020.08.14 #49257 gallery popup dam 추가 E */
