body {}
.contBody {max-width:1100px; margin:auto;}
.contBody:after {content:""; display:block; clear:both;}

#wrapper {position:relative; min-width:768px;}
#header {position:fixed; padding:0 30px; width:100%; height:82px; background:#fff; z-index:100;}
#header .contBody {position:relative; max-width:100%; margin:0; padding:0;}
#header h1 {position:relative; display:inline-block; padding:23px 0 0 5px; z-index:80;}
#header #btnGnbOpen {display:none; position:absolute; right:0; top:0; width:70px; height:60px; z-index:55;}
#header #btnGnbOpen span {display:block; position:absolute; left:50%; top:50%; width:26px; height:4px; margin-top:-10px; margin-left:-13px; border-radius:2px; background:#333; text-align:left; text-indent:-3000em;}
#header #btnGnbOpen span:before,
#header #btnGnbOpen span:after {content:""; position:absolute; right:0; bottom:-9px; display:block; width:21px; height:4px; border-radius:2px; background:#333; font-size:0; line-height:0;}
#header #btnGnbOpen span:before {}
#header #btnGnbOpen span:after {bottom:-18px; top:auto; width:15px;}

#header #btnGnbOpen.on span {margin-top:-2px; background:none; transform:rotate(45deg)} 
#header #btnGnbOpen.on span:before,
#header #btnGnbOpen.on span:after {content:""; position:absolute; right:0; bottom:0; display:block; width:26px; height:4px; border-radius:2px; background:#333; font-size:0; line-height:0;}
#header #btnGnbOpen.on span:before {}
#header #btnGnbOpen.on span:after {bottom:-11px; right:50%; top:auto; height:26px; width:4px; margin-right:-2px;}


#header #gnbArea {position:absolute; width:100%; left:0; top:0; z-index:50;}
#header #gnbArea #gnbList {padding:22px 0 20px 150px;}  
#header #gnbArea #gnbList:after {content:""; display:block; clear:both;}
#header #gnbArea #gnbList > li {float:left; margin:0 20px;} 
#header #gnbArea #gnbList > li > a {position:relative; display:block; padding:10px 0; font-weight:400; font-size:18px; line-height:20px; transition:all 0.2s ease-in-out;} 
#header #gnbArea #gnbList > li > a:after {content:""; position:absolute; left:0; bottom:-21px; display:block; width:0; height:6px; background:#e72410; overflow:hidden; opacity:0; transition:all 0.2s ease-in-out;}
#header #gnbArea .subGnb {position:absolute; left:0; top:82px; width:100%; height:0; padding-left:170px; background:#fff; overflow:hidden; transition:height 0.2s ease-in-out;}
#header #gnbArea .subGnb:after {content:""; display:block; clear:both;}
#header #gnbArea .subGnb strong {position:absolute; left:170px; top:0; display:inline-block; padding:10px 40px 10px 0; color:#e72410; vertical-align:top; font-weight:500; line-height:22px;}
#header #gnbArea .subGnb strong:after {content:""; position:absolute; right:0; top:50%; display:block; height:1px; width:12px; background:#c3c3c3;}
#header #gnbArea .subGnb > ul {padding:7px 0; vertical-align:top;}
#header #gnbArea .gnbPrograms .subGnb > ul {padding-left:140px; }
#header #gnbArea .gnbGlobalEvent .subGnb > ul {padding-left:170px; }
#header #gnbArea .gnbResources .subGnb > ul {padding-left:140px; } 
#header #gnbArea .subGnb > ul:after {content:""; display:block; clear:both;} 
#header #gnbArea .subGnb li {float:left; line-height:22px; padding:3px 0;}
#header #gnbArea .subGnb li.globalEventIntro {display:none;} 
#header #gnbArea .subGnb li a {display:inline-block; padding:0 20px; font-size:15px; line-height:22px; color:#333;}

#header #gnbArea #gnbList > li.active > a {color:#000;}
#header #gnbArea #gnbList > li.active > a:after {width:100%; opacity:1;}

#header #gnbArea #gnbList > li.on > a {color:#000;}
#header #gnbArea #gnbList > li.on > a:after {width:100%; opacity:1;}
#header #gnbArea li.on .subGnb {height:auto; border-top:1px solid #bcbcbc;  border-bottom:1px solid #bcbcbc;}
 
#header #gnbFMenu {display:none; padding-top:10px;}
#header #gnbFMenu li {position:relative; margin:0; padding:5px 0 5px 10px; }
#header #gnbFMenu li:before {content:""; position:absolute; left:0; top:50%; display:block; width:2px; height:12px; margin-top:-6px; background:#939393; font-size:0; line-height:0;}
#header #gnbFMenu li a {display:inline-block; font-size:13px; line-height:20px; text-transform:uppercase;}
#header #gnbFMenu li a b {font-weight:700; color:#000;}
 
#header .util {position:relative; float:right; height:82px; padding-right:30px; z-index:50;}
#header .util .snsArea {position:relative; float:left; padding-top:25px; padding-right:3vw; z-index:5;}
#header .util .snsArea li {float:left; margin:0 .58vw;}
#header .util .snsArea li a {display:block; width:30px; height:30px; background-image:url(/images/btn/sns.png); text-indent:-3000em;}
#header .util .snsArea li.facebook a {background-position:0 0;}
#header .util .snsArea li.instargram a {background-position:-30px 0;}
#header .util .snsArea li.youtube a {background-position:-60px 0;} 
#header .util .snsArea li.weibo a {background-position:-90px 0;}
#header .util .snsArea li.wechat {position:relative;} 
#header .util .snsArea li.wechat a { background-position:-120px 0;}
#header .util .snsArea li.wechat ul {display:none; position:absolute; right:-155px; top:58px; min-height:200px; width:340px; border:1px solid #bcbcbc; background:#fff;}
#header .util .snsArea li.wechat ul:before {content:""; position:absolute; left:50%; top:-12px; display:block; width:22px; height:12px; margin-left:-11px; background:url(/images/blt/arrow_layer.png) no-repeat 0 0;}
#header .util .snsArea li.wechat ul:after {content:""; display:block; clear:both;} 
#header .util .snsArea li.wechat ul li {float:left; width:50%; margin:0; padding-top:7px; text-align:center;} 
#header .util .snsArea li.wechat ul li p {font-size:14px; color:#333;} 
#header .util .btnFindCenter {position:relative; float:left; width:10vw; max-width:160px; height:96px; padding:62px 5px 0; background:#fabe00; text-align:center; font-weight:500; color:#000; font-size:15px; line-height:15px;}
#header .util .btnFindCenter:before {display:block; content:""; position:absolute; left:50%; top:17px; width:33px; height:36px; margin-left:-17px; background:url(/images/icon/location.png) no-repeat 0 0;}

#contatiner {min-height:calc(100vh - 121px); padding:0 30px; padding-top:83px;}
 
/* 쿠키&폴리시 시작 */
#footer {position: relative; background:#f4f4f4; z-index: 100; } 
#footer .footBody {position:relative; padding:25px 30px 25px 30px;}
#footer .footerSection.first { margin-bottom:25px;}
#footer .footerSection.first:after {content:""; display:block; clear:both;}
#footer .nav,
#footer .fbtnSide a, 
#footer .CountryLanguageSelect {display:inline-block; vertical-align:middle; width:auto;} 
#footer .tel {}
#footer .tel dt {display:inline-block; margin-right:4px;}
#footer .tel dd {display:inline-block; font-size:16px; line-height:16px; color:#333; font-weight:500;}
#footer .copyright {text-align: left; margin: 0 10px; font-size:13px; color:#7c7c7c; line-height:16px; font-weight:300;} 
#footer .nav {margin-right:25px;}
#footer .nav li {display:inline-block; min-height: 30px; margin:0 10px;}
#footer .nav li a {font-weight:400; color:#333; font-size:13px; text-transform:uppercase;}
#footer .nav li a b {color:#333; font-weight:700;}
#footer .fbtnSide {display:inline-block; vertical-align:middle;} 
#footer .fbtnSide a {color:#fabe00; font-size:13px; font-weight:400; line-height:inherit;}
#footer .fbtnSide a.btnLanguage {margin-left:20px; color:#333;}
#footer .btnFranchise {position:relative; margin-left:20px;  line-height:18px; /* margin-right:50px;  margin-right:3.24vw; */} 
#footer .CountryLanguageSelect {/* position:absolute; right:0; top:25px; */ height:30px; padding:0 25px 0 5px; border:0; border-bottom:2px solid #434343; color:#7c7c7c; font-size:12px; font-weight:300; background:transparent url(/images/blt/blt.png) no-repeat 98% 57%;}
#footer .CountryLanguageSelect option {color:#7c7c7c; font-size:12px; font-weight:300;}
/* 쿠키&폴리시 끝 */

html[lang=zh-Hans] #header #gnbArea .gnbPrograms .subGnb > ul {padding-left:82px;}
html[lang=zh-Hans] #header #gnbArea .gnbGlobalEvent .subGnb > ul {padding-left:116px;}
html[lang=zh-Hans] #header #gnbArea .gnbResources .subGnb > ul {padding-left:82px;}

html[lang=zh-Hant] #header #gnbArea .gnbPrograms .subGnb > ul {padding-left:82px;}
html[lang=zh-Hant] #header #gnbArea .gnbGlobalEvent .subGnb > ul {padding-left:116px;}
html[lang=zh-Hant] #header #gnbArea .gnbResources .subGnb > ul {padding-left:82px;}

html[lang=id-ID] #header #gnbArea .gnbPrograms .subGnb > ul {padding-left:140px; }
html[lang=id-ID] #header #gnbArea .gnbGlobalEvent .subGnb > ul {padding-left:170px; }
html[lang=id-ID] #header #gnbArea .gnbResources .subGnb > ul {padding-left:195px;} 

html[lang=ms-MY] #header #gnbArea .gnbPrograms .subGnb > ul {padding-left:126px; }
html[lang=ms-MY] #header #gnbArea .gnbGlobalEvent .subGnb > ul {padding-left:170px; }
html[lang=ms-MY] #header #gnbArea .gnbResources .subGnb > ul {padding-left:110px;}  

html[lang=fr-CA] #header #gnbArea .gnbPrograms .subGnb > ul {padding-left:154px; }
html[lang=fr-CA] #header #gnbArea .gnbGlobalEvent .subGnb > ul {padding-left:235px; }
html[lang=fr-CA] #header #gnbArea .gnbResources .subGnb > ul {padding-left:140px;}  

html[lang=vi-VN] #header #gnbArea .gnbPrograms .subGnb > ul {padding-left:172px; }
html[lang=vi-VN] #header #gnbArea .gnbGlobalEvent .subGnb > ul {padding-left:200px; }
html[lang=vi-VN] #header #gnbArea .gnbResources .subGnb > ul {padding-left:140px;}  


@media (max-width:1600px){
	html[lang=fr-CA] #header .util {padding-right:0;}
	html[lang=fr-CA] #header #gnbArea #gnbList > li {margin:0 8px;}
	html[lang=fr-CA] #header #gnbArea #gnbList > li a {font-size:17px;}
	html[lang=fr-CA] #header .util .snsArea {padding-right:20px;}
	html[lang=fr-CA] #header .util .snsArea li {margin:0 5px;}
	/* 
	html[lang=fr-CA] #footer .copyright {padding-top:25px;} 
	html[lang=fr-CA] #footer .nav {position:absolute; left:20px; top:20px;}
	html[lang=fr-CA] #footer .fbtnSide {padding-top:20px;} 
	*/
}

@media (max-width:1500px){
	html[lang=vi-VN] #header .util {padding-right:0;} 
	html[lang=vi-VN] #header #gnbArea #gnbList > li {margin:0 8px;}
	html[lang=vi-VN] #header #gnbArea #gnbList > li a {font-size:17px;}
	html[lang=vi-VN] #header .util .snsArea {padding-right:20px;}
	html[lang=vi-VN] #header .util .snsArea li {margin:0 5px;}
	
	html[lang=vi-VN] #footer .copyright {padding-top:25px;} 
	html[lang=vi-VN] #footer .nav {position:absolute; left:20px; top:20px;}
	html[lang=vi-VN] #footer .fbtnSide {padding-top:20px;}
	
	
	html[lang=id-ID] #header .util {padding-right:0;} 
	html[lang=id-ID] #header #gnbArea #gnbList > li {margin:0 8px;}
	html[lang=id-ID] #header #gnbArea #gnbList > li a {font-size:17px;}
	html[lang=id-ID] #header .util .snsArea {padding-right:20px;}
	html[lang=id-ID] #header .util .snsArea li {margin:0 5px;}	
}



@media (max-width:1340px){
	#header #gnbArea #gnbList > li {margin:0 10px;}
	#header #gnbArea .subGnb {padding-left:160px;}	
	#header .util .snsArea {padding-right:20px;}
	#header .util .snsArea li {margin:0 5px;}
}


@media (max-width:1300px){
	html[lang=fr-CA] #header {height:60px; padding:0 20px;} 
	html[lang=fr-CA] #header h1 {padding-top:11px;}
	html[lang=fr-CA] #header #gnbArea {display:none; position:fixed; width:100%; height:100%; left:auto; right:0; top:60px; padding:0 30px; background:rgba(0,0,0,.4); border-top:1px solid #434343;}
	html[lang=fr-CA] #header #gnbArea.gnbOpen {display:block;}
	html[lang=fr-CA] #header #gnbArea .gnbAreaBody {position:absolute; right:0; top:0; width:360px; height:100%; padding:20px 30px; background:#fff; overflow:auto;}
	html[lang=fr-CA] #header #gnbArea #gnbList {position:relative; padding:0;}
	html[lang=fr-CA] #header #gnbArea #gnbList:after {content:""; display:block; clear:both;} 
	html[lang=fr-CA] #header #gnbArea #gnbList > li {float:none; margin:0 0;}
	html[lang=fr-CA] #header #gnbArea #gnbList > li.hasSub {background:url(/images/blt/arrow_down.png) no-repeat 100% 15px;}
	html[lang=fr-CA] #header #gnbArea #gnbList > li > a {}
	html[lang=fr-CA] #header #gnbArea #gnbList > li > a:after {bottom:0; height:4px;}
	html[lang=fr-CA] #header #gnbArea .subGnb {position:relative; left:0; top:0; width:100%; height:0; padding-left:0; background:#fff; overflow:hidden; transition:height 0.2s ease-in-out;}
	html[lang=fr-CA] #header #gnbArea .subGnb:after {content:""; display:block; clear:both;}
	html[lang=fr-CA] #header #gnbArea .subGnb strong {display:none;}
	html[lang=fr-CA] #header #gnbArea .subGnb strong:after {display:none; }
	html[lang=fr-CA] #header #gnbArea .subGnb > ul {padding:0 !important;}
	html[lang=fr-CA] #header #gnbArea .subGnb > ul:after {content:""; display:block; clear:both;} 
	html[lang=fr-CA] #header #gnbArea .subGnb li {position:relative; float:none; margin:12px 0; padding:0 0 0 10px; line-height:22px;}
	html[lang=fr-CA] #header #gnbArea .subGnb li:before {content:""; position:absolute; left:10px; top:-3px; display:block; width:20px; height:2px; background:#e72410; font-size:0; line-height:0;}
	html[lang=fr-CA] #header #gnbArea .subGnb li a { display:inline-block; padding:0; font-size:15px; line-height:22px; color:#333;}
	html[lang=fr-CA] #header #gnbArea #gnbList > li.hasSub.active,
	html[lang=fr-CA] #header #gnbArea #gnbList > li.hasSub.on {background:url(/images/blt/arrow_up.png) no-repeat 100% 15px;} 
	html[lang=fr-CA] #header #gnbArea #gnbList > li.active > a,
	html[lang=fr-CA] #header #gnbArea #gnbList > li.on > a {color:#000;}
	html[lang=fr-CA] #header #gnbArea #gnbList > li.active > a:after,
	html[lang=fr-CA] #header #gnbArea #gnbList > li.on > a:after {display:none;}
	html[lang=fr-CA] #header #gnbArea li.active .subGnb,
	html[lang=fr-CA] #header #gnbArea li.on .subGnb {height:auto; border-top:none;  border-bottom:none;}
	
	html[lang=fr-CA] #header #gnbFMenu {display:block;}
	
	html[lang=fr-CA] #header #btnGnbOpen {display:block;}
	html[lang=fr-CA] #header .util {height:60px; padding-right:70px;}	 
	html[lang=fr-CA] #header .util .snsArea {padding-top:16px; padding-right:20px;}
	html[lang=fr-CA] #header .util .snsArea li {margin:0 5px;}
	html[lang=fr-CA] #header .util .btnFindCenter {width:70px; height:70px; text-align:left; text-indent:-3000em;} 
	html[lang=fr-CA] #header .util .btnFindCenter:before {top:15px;} 
}


@media (max-width:1230px){
	#header {height:60px; padding:0 20px;} 
	#header h1 {padding-top:11px;}
	#header #gnbArea {display:none; position:fixed; width:100%; height:100%; left:auto; right:0; top:60px; padding:0 30px; background:rgba(0,0,0,.4); border-top:1px solid #434343;}
	#header #gnbArea.gnbOpen {display:block;}
	#header #gnbArea .gnbAreaBody {position:absolute; right:0; top:0; width:360px; height:100%; padding:20px 30px; background:#fff; overflow:auto;}
	#header #gnbArea #gnbList {position:relative; padding:0;}
	#header #gnbArea #gnbList:after {content:""; display:block; clear:both;} 
	#header #gnbArea #gnbList > li {float:none; margin:0 0;}
	#header #gnbArea #gnbList > li.hasSub {background:url(/images/blt/arrow_down.png) no-repeat 100% 15px;}
	#header #gnbArea #gnbList > li > a {}
	#header #gnbArea #gnbList > li > a:after {bottom:0; height:4px;}
	#header #gnbArea .subGnb {position:relative; left:0; top:0; width:100%; height:0; padding-left:0; background:#fff; overflow:hidden; transition:height 0.2s ease-in-out;}
	#header #gnbArea .subGnb:after {content:""; display:block; clear:both;}
	#header #gnbArea .subGnb strong {display:none;}
	#header #gnbArea .subGnb strong:after {display:none; }
	#header #gnbArea .subGnb > ul {padding:0 !important;}
	#header #gnbArea .subGnb > ul:after {content:""; display:block; clear:both;} 
	#header #gnbArea .subGnb li {position:relative; float:none; margin:12px 0; padding:0 0 0 10px; line-height:22px;}
	#header #gnbArea .subGnb li:before {content:""; position:absolute; left:10px; top:-3px; display:block; width:20px; height:2px; background:#e72410; font-size:0; line-height:0;}
	#header #gnbArea .subGnb li a { display:inline-block; padding:0; font-size:15px; line-height:22px; color:#333;}
	#header #gnbArea #gnbList > li.hasSub.active,
	#header #gnbArea #gnbList > li.hasSub.on {background:url(/images/blt/arrow_up.png) no-repeat 100% 15px;} 
	#header #gnbArea #gnbList > li.active > a,
	#header #gnbArea #gnbList > li.on > a {color:#000;}
	#header #gnbArea #gnbList > li.active > a:after,
	#header #gnbArea #gnbList > li.on > a:after {display:none;}
	#header #gnbArea li.active .subGnb,
	#header #gnbArea li.on .subGnb {height:auto; border-top:none;  border-bottom:none;}
	
	#header #gnbFMenu {display:block;}
	
	#header #btnGnbOpen {display:block;}
	#header .util {height:60px; padding-right:70px !important;}	
	#header .util .snsArea {padding-top:16px; padding-right:20px;}
	#header .util .snsArea li {margin:0 5px;}
	#header .util .btnFindCenter {width:70px; height:70px; text-align:left; text-indent:-3000em;} 
	#header .util .btnFindCenter:before {top:15px;}
	
	#contatiner {padding:0 20px; padding-top:61px;} 
	
	#footer .footBody {padding-left:20px !important; padding-right:20px !important;}
	#footer .fr .nav, #footer .fbtnSide { display: none}
}

@media (max-width:999px){
	#header {margin-right:0; padding-left:20px;}
	#header #gnbArea .subGnb li.globalEventIntro {display:block;}  
	#footer .fbtnSide {padding-top:3px !important;}
}

/* 쿠키&폴리시 시작 */
#footer .fbtnSide {line-height:1.6em; min-height:30px;}
#footer .fbtnSide a {color:#333; font-weight:700;}

#header .util .fbtnSide {position: relative; float:left; margin:22px 0 20px; padding-right:50px;}
#header .util .fbtnSide a {display:block; padding:10px 0; line-height:20px; color:#e72410; font-weight:bold; font-size:18px;}

#footer .snsArea {overflow:hidden; display:inline-block; vertical-align: middle;}
#footer .snsArea li {float:left; margin:0 .50vw;}
#footer .snsArea li:first-child {margin-left:40px;}
#footer .snsArea li a {display:block; width:30px; height:30px; background-image:url(/images/btn/sns.png); text-indent:-3000em;}
#footer .snsArea li.facebook a {background-position:0 0;}
#footer .snsArea li.instargram a {background-position:-30px 0;}
#footer .snsArea li.youtube a {background-position:-60px 0;} 
#footer .snsArea li.weibo a {background-position:-90px 0;}
#footer .snsArea li.weibo a {background-position:-90px 0;}
#footer .snsArea li.wechat {position:relative;} 
#footer .snsArea li.wechat a { background-position:-120px 0;}
#footer .snsArea li.wechat ul {display:none; position:absolute; right:-155px; top:58px; min-height:200px; width:340px; border:1px solid #bcbcbc; background:#fff;}
#footer .snsArea li.wechat ul:before {content:""; position:absolute; left:50%; top:-12px; display:block; width:22px; height:12px; margin-left:-11px; background:url(/images/blt/arrow_layer.png) no-repeat 0 0;}
#footer .snsArea li.wechat ul:after {content:""; display:block; clear:both;} 
#footer .snsArea li.wechat ul li {float:left; width:50%; margin:0; padding-top:7px; text-align:center;} 
#footer .snsArea li.wechat ul li p {font-size:14px; color:#333;} 
/* 쿠키&폴리시 끝 */

@media (max-width: 1490px) {
	#header #gnbArea #gnbList > li {margin:0 10px;}
	#header .util .fbtnSide {padding-right:10px;}
}
@media (max-width: 1340px) {
	#header .util .fbtnSide a {font-size:15px;}
}
@media (max-width: 999px) {
	#header .util .fbtnSide {padding-right:5px;}
}