/*------------------*/
@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700,900");

@font-face {
	font-family: 'Gotham-Book';
	src:url(' /font/Gotham-Book.woff')    format('woff');
}
@font-face {
	font-family: 'Gotham-Medium';
	src:url(' /font/Gotham-Medium.woff')    format('woff');
}
@font-face {
	font-family: 'Gotham-Bold';
	src:url(' /font/Gotham-Bold.woff')    format('woff');
}
@font-face {
	font-family: 'Gotham-Black';
	src:url(' /font/Gotham-Black.woff')    format('woff');
}
@font-face {
	font-family: 'Helvetica';
	src:url('/font/Helvetica-01.woff')    format('woff'),
	url(' /font/Helvetica-Bold-02.woff')     format('woff'),
	url(' /font/Helvetica-BoldOblique-04.woff')     format('woff'),
	url(' /font/Helvetica-Light-05.woff')     format('woff'),
	url(' /font/Helvetica-LightOblique-06.woff')     format('woff'),
	url(' /font/Helvetica-Oblique-03.woff')  format('woff');
}

/*------------ vt ------------*/
@font-face {
	font-family: 'Arial';
	src:url('/font/Arial.woff')    format('woff');
}

@font-face {
	font-family: 'Arial-Italic';
	src:url('/font/Arial-Italic.woff')     format('woff');
}

@font-face {
	font-family: 'Arial-Bold';
	src:url('/font/Arial-Bold.woff')     format('woff');
}

@font-face {
	font-family: 'Arial-BoldItalic';
	src:url('/font/Arial-BoldItalic.woff')     format('woff');
}


/*------------ cn ------------*/
@font-face {
	font-family: 'PingFang';
	src:url('/font/PingFang.woff')    format('woff');
}

@font-face {
	font-family: 'PingFang-Bold';
	src:url('/font/PingFang-Bold.woff')     format('woff');
}

@font-face {
	font-family: 'PingFang-Black';
	src:url('/font/PingFang-Black.woff')     format('woff');
}


/*------------ kr ------------*/
@font-face {
	font-family: 'AppleSDGothicNeo';
	src:url('/font/AppleSDGothicNeo.woff')    format('woff');
}

@font-face {
	font-family: 'AppleSDGothicNeo-Bold';
	src:url('/font/AppleSDGothicNeo-Bold.woff')    format('woff');
}

@font-face {
	font-family: 'AppleSDGothicNeo-Black';
	src:url('/font/AppleSDGothicNeo-Black.woff')    format('woff');
}



/*-----all size-----*/
body, div:not(.hamburger):not(.language), a, i, img, p, h1, h2, h3, h4, button, form, label, input, textarea {
	-o-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

body {
	background-color:#ffffff;
	color:#1e1e1e;
	font-size:1.8rem;
	font-family:Open Sans,sans-serif;
	padding:0;
	margin: 0;
	width:100%;
	height:100%;
	line-height:1.7;
	letter-spacing:0.5px;
}
* { box-sizing: border-box; }

[class*="col-"] {
	float: left;
	padding: 0 0 25px 0;
}

svg:not(:root){overflow:hidden}

img {
	width:100%;
	border:0;
}

.columnBg{
	background-color: #fff;
	position: relative;
	padding: 0 10% 3% 10%;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.columnBg li { 
	font-family:Open Sans,sans-serif;
	font-size: 1.2em; 
	color:#333; 
	LINE-HEIGHT:150%; 
	LETTER-SPACING:0.5pt;
	text-align:left;
}

.columnBg li li { 
	font-size: 1em;
}

.rwd-break { display: none; }

.row-break-10px {
	clear: both;
	height:10px;
}

.row-break-30px {
	clear: both;
	height:30px;
}

/*-----font-----*/
h1 {
	font-family:Open Sans,sans-serif;
	font-size:6rem;
	margin:.67em 0;
	font-weight: 700;
	color:#333333;
	line-height:1.3;
}
h2 {
	font-family:Open Sans,sans-serif;
	font-size:2.3em; 
	color:#1ab65b;
	margin-bottom:1em;
	line-height: 150%;
	font-weight: 700;
	text-align:left;
}

h3{
	font-size: 1.5em; 
	font-family: Tahoma;
	color:#333;
	margin:0;
	padding:0;
	line-height:200%;
	text-align:left;
}

h4{
	font-family:Open Sans,sans-serif;
	font-size:1.8rem;
}

p { 
	font-family:Open Sans,sans-serif;
	font-size: 1.166em; 
	color:#333; 
	LINE-HEIGHT:150%; 
	LETTER-SPACING:0.5pt;
	text-align:left;
}

input:focus, textarea:focus {
	outline:none;
	border-color:#1ab65b;
}

a {
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

a:link {font-family:Open Sans,sans-serif; text-decoration:none; color:#00528a; }
a:visited { text-decoration:none; color:#00528a; }
a:active { text-decoration:none; color:#00528a; }
a:hover { text-decoration:none; color:#ED2024; }

/*----- campaigns.html(v2) -----*/
.columnBg_v2{
	background-color: #fff;
	position: relative;
	padding: 0 10% 3% 10%;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.columnBg_v2 *{ letter-spacing: 0; }

#font-en p, a, span, #font-sp p, a, span { font-family: Gotham-Book; }
#font-en button, #font-sp button { font-family: Gotham-Bold; }
#font-en h3, #font-sp h3 { font-family: Gotham-Black; }
#font-en b, 
#font-sp b, 
#font-en .popup-bottom h3, 
#font-sp .popup-bottom h3 { font-family: Gotham-Medium; }

#font-vt p, a, span { font-family: Arial; }
#font-vt h3, #font-vt b, #font-vt button { font-family: Arial-Bold; }

#font-cn p, a, span{ font-family: PingFang; }
#font-cn h3 { font-family: PingFang-Black; }
#font-cn b, #font-cn button { font-family: PingFang-Bold; }

#font-kr p, a, span{ font-family: AppleSDGothicNeo; }
#font-kr h3 { font-family: AppleSDGothicNeo-Black; }
#font-kr b, #font-kr button { font-family: AppleSDGothicNeo-Bold; }

/*-----different size-----*/


/*-----L-----*/
@media screen and (min-width:871px){
    body {
        
    }
    #L-only {}
    #L-M-only {}
    #M-only { display: none; }
    #S-M-only { display: none; }
    #S-only { display: none; }
}

@media screen and (min-width: 871px) and (max-width: 1345px){
	/*----- campaigns.html(v2) -----*/
	.columnBg_v2{
		background-color: #fff;
		position: relative;
		padding: 0 5% 3% 5%;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
}
/*-----M-----*/
@media screen and (min-width: 501px) and (max-width: 870px){
    body {

    }
    #L-only { display: none; }
    #L-M-only {}
    #M-only {}
    #S-M-only {}
    #S-only { display: none; }
	
	.columnBg_v2{
		padding: 0 5% 3% 5%;
	}
}

/*-----S-----*/
@media screen and (max-width:500px){
    body {

    }   
    #L-only { display: none; }
    #L-M-only { display: none; }
    #M-only { display: none; }
    #S-M-only {}
    #S-only {}

	.columnBg_v2{
		padding: 0 10px 3% 10px;
	}

}