.clear::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.grey-but{background: #999;color: #fff;border-radius: 2px;margin-left: 3px;border: 1px solid transparent;}
.selection-box{padding: 15px 34px;margin-top: 10px;background: #fff;border: 1px solid #ccc;}
.selection-box > ul{margin-left: -10px;}
.selection-box > ul > li{float: left;display: table;width: 276px;height: 32px;padding: 0 10px 0 8px;margin-left: 10px;box-sizing: border-box;border: 1px solid #d3d3cc;}
.selection-box > ul > li > a{position: relative;display: table-cell;vertical-align: middle;color: #333;background: url('../images/sub/sub4_bgoff.gif') no-repeat right center;}
.selection-box > ul > li > a.on{background: url('../images/sub/sub4_bgon.gif') no-repeat right center;}
.selection-box > ul > li > a.on::after{position: absolute;bottom: -22px;left: 50%;z-index: 999;width: 20px;height: 12px;margin-left: -10px;background: url('../images/sub/sub4_bg1.gif') no-repeat;content: "";}
.selection-implicit{display: none;position: relative;overflow: hidden;margin: 20px 0 4px;background: #f7f7f7;border: 1px solid #ccc;}
.selection-implicit::after{position: absolute;bottom: -5px;left: -1px;background: #f7f7f7;height: 4px;width: calc(100% + 2px);content: "";}
.selection-implicit > div{float: left;height: 146px;padding: 18px 0 0 18px;overflow-y: auto;box-sizing: border-box;text-align: left;}
.selection-implicit > div+div{border-left: 1px solid #ccc;}
.selection-implicit > div.left{width: 334px;}
.selection-implicit > div.left > ul > li{float: left;width: 50%;}
.selection-implicit > div.right{width: 514px;}
.selection-implicit > div.right > ul > li{float: left;width: calc(100% / 3);}

.many-choice{margin-top: -15px;}
.many-choice > li{margin-top: 15px;}
.many-choice > li:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.many-choice > li > *{float: left;}
.many-choice > li > input{opacity: 0;width: 0;height: 0;}
.many-choice > li > label{display: inline-block;color: #777;font-size: 13px;line-height: 17px;padding-left: 25px;vertical-align: top;background: url('../images/sub/sub4_bg2.gif') no-repeat left top;}
.many-choice > li > input:checked + label{color: #b18b65;background: url('../images/sub/sub4_bg2_on.gif') no-repeat left top;}

.pages-title{color: #333;font-size: 13px;margin: 20px 0;}
.pages-title > span{color: #ff6600;}
.pages-title2{color: #333;font-size: 13px;margin: 20px 0;}
.picture-list{overflow: hidden;padding-top: 20px;margin-top: 20px;border-top: 1px solid #666;}
.picture-list > ul{margin: -25px 0 0 -25px;}
.picture-list > ul > li{float: left;width: 290px;padding: 0 10px 10px;margin: 25px 0 0 25px;box-sizing: border-box;border: 2px solid #f3f3f3;}
.picture-list > ul > li > div.top{position: relative;margin-top:20px;height:80px;overflow:hidden;}
.picture-list > ul > li > div.top > a{color: #333;font-size: 15px; min-height: 19px;display: inline-block;overflow: hidden;width:225px;}
.picture-list > ul > li > div.top > span.span-abso{position: absolute;top: 0;right: 0;background: #efe8e0;color: #b18b65;font-weight: bold;width: 38px;height: 38px;line-height: 38px;text-align: center;border-radius: 100%;}
.picture-list > ul > li div.span-bg{margin-bottom: 6px;}
.picture-list > ul > li div.span-bg > span{float: left;color: #333;font-size: 13px;margin-left: 12px;padding-left: 15px;background: url('../images/sub/sub4_bg4.gif') no-repeat left center;}
.picture-list > ul > li div.span-bg > span:first-child{margin-left: 0;padding-left: 0;background: none;}
.picture-list > ul > li > a.img{position: relative;display: block;height: 220px;line-height: 220px;text-align: center;overflow: hidden;}
.picture-list > ul > li > a.img > img{max-height: 100%;max-width: 100%;vertical-align: middle;}
.picture-list > ul > li > a.img > .on-fonts{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 220px;color: #fff;text-align: left;background: rgba(167, 133, 99, 0.8);}
.picture-list > ul > li > a.img > .on-fonts > *{display: table-cell;vertical-align: middle;padding: 18px;}
.picture-list > ul > li > a.img::before{display:none;position: absolute;top: 50%;left: 50%;z-index: 1;width: 56px;height: 56px;background: url('../images/sub4_bg3.png');content:"";transform: translate(-50%, -50%);}/* 20191029 */
.picture-list > ul > li > a.img:hover > .on-fonts{display: table;transition: all 1s ease;}
.picture-list > ul > li > a.img:hover::before{display: block;}/* 20191021 */
.choice-list{border: 1px solid #ccc;margin-bottom: 20px;}
.choice-list > ul{}
.choice-list > ul > li{float: left;}
.choice-list > ul > li+li{border-left: 1px solid #ccc;}
.choice-list > ul > li.li01{width: 168px;}
.choice-list > ul > li.li02{width: 339px;}
.choice-list > ul > li.li03{width: 409px;}
.choice-list > ul > li > h4{background: #8a817b;color: #fff;font-size: 13px;font-weight: bold;height: 35px;line-height: 35px;text-align: center;}
.choice-list > ul > li > div{height: 146px;padding: 18px 18px 0 18px;overflow-y: auto;box-sizing: border-box;}
.choice-list > ul > li > div > ul.clear > li{float: left;width: 50%;}
.tap-list{margin-bottom: 20px;}
.tap-list > ul{padding: 1px 0 0 1px;}
.tap-list > ul > li{float: left;display: table;width: 307px;height: 44px;margin: -1px 0 0 -1px;text-align: center;box-sizing: border-box;border: 1px solid #ccc;}
.tap-list > ul > li > a{display: table-cell;vertical-align: middle;color: #777;font-size: 14px;font-weight: bold;}
.tap-list > ul > li > a.on{background: #333;color: #fff;}


.blue-but{display: inline-block;color: #1883c1;font-size: 12px;font-weight: bold;padding: 0 8px;min-width: 64px;height: 24px;line-height: 22px;text-align: center;border-radius: 2px;box-sizing: border-box;border: 1px solid #1883c1;}
.blue-but.bg{background: #1883c1;color: #fff;}
.middle-padig{padding: 0 10px;}
.red-color{color: #b60303;}
.blue-color{color: #005789;}
.gray-color{color: #777;}

/*20190808*/
.floor-img{margin: 40px 0;}
.floor-img > img {width:100%;}
.picture-list.next-bg > ul > li{position: relative;}
.picture-list.next-bg > ul > li::after{position: absolute;top: 50%;left: -23px;width: 17px;height: 55px;margin-top: -27px;background: url('../images/sub/sub4_img8.gif');content:"";}
.picture-popup-box{display: none;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background:rgba(76, 76, 76, 0.7);}
/* .picture-popup{position: absolute;top: 50%;left: 50%;background: #fff;width: 920px;height: 620px;margin: -310px 0 0 -460px;} */
.picture-popup{position: absolute;top: 50%;left: 50%;background: #fff;width: 920px; min-height:620px; max-height:100%; margin: -310px 0 0 -460px;}
.picture-popup-close{position: absolute;top: -50px;right: 0;}
.popup-center{padding: 50px 92px 0;}
.popup-center p{color: #333;font-size: 14px;}
.popup-center .item > a > p {max-height:95px;overflow-y:auto;}
.images-fonts{width: 736px;height: 350px;margin-bottom: 30px;border-bottom: 1px solid #e1e0dc;}/*20191025 추가*/
.images-fonts > .images{float: left;width: 300px;height: 300px;position: relative;display: block;height: 300px;line-height: 300px;text-align: center;overflow: hidden;}
.images-fonts > .images > img{max-height: 100%;max-width: 100%;vertical-align: middle;}

.images-fonts > .fonts{float: right;width: 410px;padding-top: 10px;}
.images-fonts > .fonts > h4{margin-bottom: 20px;}
.images-fonts > .fonts > h4 > span{display: inline-block;color: #333;font-size: 20px;font-weight: 900;line-height: 20px;margin: 9px 0 9px 15px;}
.images-fonts > .fonts > h4 > strong{display: inline-block;color: #b18b65;font-size: 12px;width: 38px;height: 38px;line-height: 38px;text-align: center;background: #efe8e0;border-radius: 100%;}
.images-fonts > .fonts > div{}
.images-fonts > .fonts > div > p{position:relative;min-height:18px;color: #333;font-size: 14px;line-height: 18px;padding-left: 127px;margin-top: 20px;background: url('../images/sub/sub4_img10.gif') no-repeat left 4px;}
.images-fonts > .fonts > div > p:first-child{margin-top: 0;}
.images-fonts > .fonts > div > p > strong{display: inline-block;width: 112px;font-weight: 900;position:absolute;top:0;left:15px;}
.popup-center .banner .item{overflow: hidden;}

.popup-center ul.banner {overflow:hidden;}
.popup-center ul.banner > li {float:left; width:736px; text-align: left;}
.popup-center .outerWrap { position:relative; overflow:hidden; }
.popup-center .outerWrap ul.banner { position:relative; width:40000em;}
.popup-center .outerWrap ul.banner a{display:inline-block;}
.picture-popup .popup-center ul.controlArea li a{display:block;height:55px;}


/*20190808*/
.popup_wrap{display:none}
.picture-popup .popup-center ul.controlArea { position: relative;width:100%; left: 0; top: 275px; z-index: 99; padding-left:0}
.picture-popup .popup-center ul.controlArea li{position: absolute;top: 50%;display: block;width: 17px;height: 55px;margin-top: -27px;font-size: 0;}
.picture-popup .popup-center ul.controlArea li.controlPrev{left: -45px;background: url('../images/sub/sub4_img12.gif') no-repeat;}
.picture-popup .popup-center ul.controlArea li.controlNext{right: -45px;background: url('../images/sub/sub4_img13.gif') no-repeat;}

/*20191031*/
.selected_text{color:#b18b65;}
/*20200221_Vietnam*/

@font-face {
  font-family:'Montserrat';
  font-weight:300;
  src: url('../font/Montserrat-Regular.ttf');
}
@font-face {
  font-family:'Montserrat';
  font-weight:400;
  src: url('../font/Montserrat-Medium.ttf');
}
@font-face {
  font-family:'Montserrat';
  font-weight:500;
  src: url('../font/Montserrat-SemiBold.ttf');
}

#vietnam_size {width: 920px;}
.vietnam_font{font-family:'Montserrat'!important;}
.vietnam_font #subtop .pTitle h3{font-family:'Montserrat'!important;}
.vietnam_font #subtop h2{font-family:'Montserrat'!important;}
.picture-list > ul > li div.span-bg > span{float: left;color: #333;font-size: 13px;margin-left: 6px;padding-left: 10px;background: url('../img/sub4_bg4.gif') no-repeat left center;}
.picture-list > ul > li > div.vietnam_set {letter-spacing: -0.055em; ;margin-top:0px;height:110px;padding-top: 15px}
.picture-list > ul > li > div.vietnam_set > div {font-size: 13px; width: 220px; padding-bottom: 5px;}
.picture-list > ul > li > div.vietnam_set > a{color: #333;font-size: 16px; min-height: 19px;display: inline-block;overflow: hidden;width:230px; font-weight: 600;}
.picture-list > ul > li > div.vietnam_set > span.span-abso{position: absolute;top: 10px;right: 0;background: #efe8e0;color: #b18b65;font-weight: bold;width: 38px;height: 38px;line-height: 38px;text-align: center;border-radius: 100%;}
.picture-list > ul > li > a.img::before{display:none;position: absolute;top: 50%;left: 50%;z-index: 1;width: 56px;height: 56px;background: url('../img/sub4_bg3.png');content:"";transform: translate(-50%, -50%);}
.picture-list.next-bg > ul > li::after{position: absolute;
top: 50%;
left: -23px;
width: 17px;
height: 55px;
margin-top: -27px;
background: url('../img/sub4_img8.gif');
content:"";
}

#vietnam_popup .images-fonts{
	width: 100%;
	height: 340px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e1e0dc;
								
}

#vietnam_popup .popup-center ul.banner {overflow:auto;
}
#vietnam_popup .popup-center .banner .item{overflow: auto;
}

#vietnam_popup .fonts > div > p{  position:relative;
								  min-height:18px;
								  color: #333;
	     					      font-size: 12px;
								  line-height: 18px;
								  padding-left: 160px;
								  margin-top: 15px;
							      background: url('../img/sub4_img10.gif') no-repeat left 4px;
}
#vietnam_popup .fonts > div > p .ad_pl{  
	width: 100%;
	outline: none;
}
#vietnam_popup .images-fonts > .fonts > div > p > strong{
	display: inline-block;
	font-size: 13px;
	width: 140px;
	font-weight: 600;
	position:absolute;
	top:0;
	left:15px;
	letter-spacing: -0.05em;
	
}

#vietnam_popup .images-fonts > .fonts {
	float: right;
	width: 480px;
	padding-top: 0;
	
}

#vietnam_popup {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	width: 930px;
	min-height: 580px;
	max-height: 100%;
	margin: -310px 0 0 -460px;
}

#vietnam_popup .popup-center {
	padding: 50px 50px 50px;
}

#vietnam_popup .popup-center ul.banner > li {
	float: left;
	width: 820px;
	text-align: left;
}


.images-fonts > .fonts > h4 > span {
	display: inline-block;
	color: #333;
	font-size: 20px;
	line-height: 20px;
	margin: 9px 0 9px 15px;
	font-family:'Montserrat'!important;
	font-weight: 700;
}