@charset "utf-8";

/************************************************
project : 연합뉴스 다국어 모바일
commnet : 배너, 특집운용 공통 ui 통합
*************************************************/

/* 2019북미 정상회담 배너 2019-02-21 */
.bnr-wrap01{position:relative;height:44px;margin:10px 15px 5px;background:url(/ad/img/2019/bnr_summit2019_global_mob01.png) center no-repeat;background-size:cover;}
.bnr-wrap01 .con{display:block;height:100%;}
.bnr-wrap01 .con a{display:block;position:relative;height:100%;}
.bnr-wrap01 .con .txt{overflow:hidden;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;text-indent:-9999px;background:url(/ad/img/2019/sprite_summit2019_global_mob04.png) no-repeat;background-size:300px auto;}
html.en .bnr-wrap01 .con > a{width:200px;}

html.en .bnr-wrap01 .con .txt{width:180px;left:15px;background-position:0 6px;}
html.zh .bnr-wrap01 .con .txt{background-position:50% -27px;}
html.ja .bnr-wrap01 .con .txt{background-position:50% -62px;}
html.ar .bnr-wrap01 .con .txt{background-position:50% -95px;}
html.es .bnr-wrap01 .con .txt{background-position:50% -128px;}
html.fr .bnr-wrap01 .con .txt{background-position:50% -160px;}

.lang-select01 .txt{font-size:11px;color:#fff;}
.lang-select01 .txt i{position:absolute;top:2px;right:2px;width:6px;height:6px;margin:0 0 3px 6px;box-sizing:border-box;border-right:1px solid #fff;border-bottom:1px solid #fff;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
transition:all 0.2s ease;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}
.lang-select01{position:absolute;z-index:10;width:66px;top:15px;right:5px;padding-bottom:4px;border-bottom:1px solid #fff;color:#fff;}
.lang-select01.active .txt i{margin:0 0 0 10px;
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
transform:rotate(-135deg)}
.lang-select01 ul{overflow:hidden;position:absolute;left:-4px;top:28px;width:75px;height:0;background:#8fbee1;
-webkit-transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);}
.lang-select01 ul li{margin:0 8px 4px;text-align:left;}
.lang-select01 ul li a{display:inline-block;width:100% !important;padding:2px 4px;box-sizing:border-box;font-size:11px;color:#fff;letter-spacing:0;}
.lang-select01 ul li.fr{float:none !important;}
.lang-select01.active ul{height:165px;padding:11px 0 5px;}