@charset "utf-8";

/************************************************
project : 연합뉴스 다국어 데스크탑
commnet : 공통 레이아웃, 특집, 배너 등 운영
*************************************************/

/* 2019북미 정상회담 배너 2019-02-21 */
.bnr-wrap01{position:relative;height:65px;margin:0 0 15px;background:url(/ad/img/2019/sprite_summit2019_global_web05.png) 0 -300px no-repeat;}
.bnr-wrap01 .con a{display:block;position:relative;height:100%;}
.bnr-wrap01 .con .txt{overflow:hidden;position:absolute;z-index:1;top:8px;left:50%;height:50px;background:url(/ad/img/2019/sprite_summit2019_global_web05.png) 0 50% no-repeat;text-indent:-9999px;}
html.en .bnr-wrap01 .con a{width:285px;}
html.en .bnr-wrap01 .con .txt{width:260px;left:24px;background-position:0 0;}
html.zh .bnr-wrap01 .con .txt{width:242px;margin-left:-121px;background-position:0 -50px;}
html.ja .bnr-wrap01 .con .txt{width:370px;margin-left:-185px;background-position:0 -100px;}
html.ar .bnr-wrap01 .con .txt{width:376px;margin-left:-188px;background-position:0 -150px;}
html.es .bnr-wrap01 .con .txt{width:428px;margin-left:-214px;background-position:0 -200px;}
html.fr .bnr-wrap01 .con .txt{width:410px;margin-left:-205px;background-position:0 -250px;}

.lang-select01 .txt{padding-left:3px;color:#fff;}
.lang-select01 .txt i{position:absolute;top:6px;right:2px;width:10px;height:10px;margin:0 0 3px 10px;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:118px;top:15px;right:20px;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:0;top:28px;width:118px;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 20px 6px;text-align:left;}
.lang-select01 ul li a{display:inline-block;width:100% !important;padding:2px 4px;box-sizing:border-box;font-size:13px;color:#fff;letter-spacing:0;}
.lang-select01 ul li.fr{float:none !important;}
.lang-select01:hover ul{height:235px;padding:21px 0 7px;}