/*
2021.08.17 JAEILS
.ab_chat	{max-width:580px;margin:0 10px;padding:27px 22px 0 13px;line-height:20px;font-size:15px;border:1px solid #d6d6d6;}
.ab_chatbox:before, .ab_chatbox:after{display:table;content:" ";}
.ab_chatbox:after{clear:both;}

.ab_chatbox{margin-bottom:24px;}
.ab_chatbox dl	{position:relative;}
.ab_chatbox dt	{position:absolute;top:0;bottom:0;}
.ab_chatbox dt:after{content:'';position:absolute;top:0;left:0;width:46px;height:46px;border:1px solid rgba(0,0,0,0.08);border-radius:48px;}
.ab_chatbox dt img	{width:48px;height:48px;border-radius:50%;}
.ab_chatbox dd	{position:relative;margin-top:2px;color:#3c3e40;line-height:25px;}
.ab_chatbox dd > span{display:inline-block;position:relative;border-radius:5px;overflow:hidden;}
.ab_chatbox .txt > span,.ab_chatbox .link > span,.ab_chatbox .url > span{padding:7px 13px 10px;background-color:#efefef;}
.ab_chatbox .txt > span{max-width:362px;}
.ab_chatbox .txt a,.ab_chatbox .url a{color:#1356ff;border-bottom-color:#6c7cdd;}
.ab_chatbox .url span{max-width:270px;text-align:left;}
.ab_chatbox .mov span,.ab_chatbox .img span{max-width:388px;}
.ab_chatbox .link > span{width:340px;padding:0 0 9px;}
.ab_chatbox .mov .player{display:block;position:relative;width:388px;max-width:100%;height:0;margin:0;padding-bottom:56.25%;overflow: hidden;}
.ab_chatbox .mov iframe,.ab_chatbox .mov object,.ab_chatbox .mov embed {position:absolute;top: 0;left:0;margin:0;padding:0;width:100%;height:100%;}
.ab_chatbox .img img{display:block;max-height:249px;}
.ab_chatbox .img .expand {display:block;position:absolute;bottom:0;right:0;width:46px;height:46px;background:url('https://static.joongang.co.kr/data/JAddon/v1/img/u_photo_enlarge_chat.png') center center no-repeat;color:rgba(0,0,0,0);cursor:pointer;line-height:9999px;overflow:hidden;}
.ab_chatbox .img .gif {display:block;position:absolute;bottom:8px;right:8px;width:41px;height:20px;background:url('https://static.joongang.co.kr/data/JAddon/v1/img/u_chat_gif.png') center center no-repeat;color:rgba(0,0,0,0);line-height:9999px;overflow:hidden;}
.ab_chatbox .link .text{display:block;padding:7px 15px 0;}
.ab_chatbox .link .text strong,.ab_chatbox .link .text span{display:block;}
.ab_chatbox .link .text strong{height:23px;color:#231f20;font-weight:normal;overflow:hidden;}
.ab_chatbox .link .text span{height:23px;color:#737475;font-size:13px;overflow:hidden;}
.ab_chatbox .link .domain{margin-left:15px;color:#737475;font-size:12px;letter-spacing:0;}

.ab_chatbox .chat_a	{float:right;padding-right:63px;text-align:right;}
.ab_chatbox .chat_a dt	{right:0;}
.ab_chatbox .chat_a .txt > span,.ab_chatbox .chat_a .link > span,.ab_chatbox .chat_a dd.url > span{background-color:#ffd556;text-align:left;}
.ab_chatbox .chat_a .img{text-align:right;}
.ab_chatbox .chat_a dd:nth-child(2):after{content:'';position:absolute;right:-8px;top:7px;width:0;height:0;border-top:9px solid #ffd556;border-right:8px solid transparent;}

.ab_chatbox .chat_b	{float:left;padding-left:63px;text-align:left;}
.ab_chatbox .chat_b dt	{left:0;}
.ab_chatbox .chat_a dt strong,.ab_chatbox .chat_b dt strong{position:absolute;top:-6px;width:500px;font-size:13px;font-weight:normal;}
.ab_chatbox .chat_a dt strong{right:62px;}
.ab_chatbox .chat_b dt strong{left:62px;}
.ab_chatbox .chat_a dd:nth-child(2),.ab_chatbox .chat_b dd:nth-child(2){margin-top:20px;}
.ab_chatbox .chat_b .img{text-align:left;}
.ab_chatbox .chat_b .txt > span,.ab_chatbox .chat_b .link > span,.ab_chatbox .chat_b dd.url > span{background-color:#a7d5ff;}
.ab_chatbox .chat_b dd:nth-child(2):after{content:'';position:absolute;left:-8px;top:7px;width:0;height:0;border-top:9px solid #a7d5ff;border-left:8px solid transparent;}

.ab_chatbox .chat_a .link > span,.ab_chatbox .chat_b .link > span{background:#ececec;text-align:left;}*/


/* 2021-07-07 */
/* 사진비교 */
.ab_jaddons_Beaf { position: relative; }
.ab_jaddon_Beaf_Title { display: none; }

.twentytwenty-overlay:hover { background: none;  }
.twentytwenty-before-label,
.twentytwenty-after-label { opacity: 1 !important; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before { background: none; }
.twentytwenty-handle { width: 42px; height: 42px; border: 0; box-shadow: none; }
.twentytwenty-horizontal .twentytwenty-before-label:before, 
.twentytwenty-horizontal .twentytwenty-after-label:before { top: 10px; margin: 0; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; font-weight: 700; font-family: "Noto Sans KR"; }
.twentytwenty-left-arrow,
.twentytwenty-right-arrow { top: calc(50% - 7.5px); width: 15px; height: 15px; margin-top: 0; border: 0;}
.twentytwenty-horizontal .twentytwenty-handle::before { width: 2px; margin-bottom: 0; box-shadow: none; }
.twentytwenty-horizontal .twentytwenty-handle::after { width: 2px; margin-top: 0; box-shadow: none; }
.twentytwenty-left-arrow { transform: rotate(-180deg); margin-left: -24px; margin-top: 1px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath stroke='%23fff' stroke-width='2' d='M4 2l6 6.071L4 14'/%3E%3C/g%3E%3C/svg%3E"); }
.twentytwenty-right-arrow { margin-right: -24px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath stroke='%23fff' stroke-width='2' d='M4 2l6 6.071L4 14'/%3E%3C/g%3E%3C/svg%3E"); }
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after { margin-left: 0; }

.ab_jaddons_Beaf {clear:both;margin:17px 0 16px;}
.ab_jaddon_Beaf_Title {margin-bottom:20px;padding-top:12px;padding-bottom:16px;border-top:1px solid #444446;border-bottom:1px solid #ebebeb;color:#3e3e40;font-weight:bold;font-size:20px;line-height:1.5;text-align:left;}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {content:" ";display:block;background:white;position:absolute;z-index:30;-webkit-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {width:1px;height:9999px;left:50%;}
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {width:9999px;height:1px;top:50%;}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {position:absolute;top:0;width:100%;height:100%;}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay, .twentytwenty-handle {-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s;}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-handle {-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {color:white;font-size:15px;letter-spacing:0.1em;}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {position:absolute;background:rgba(0, 0, 0, 0.4);line-height:30px;padding:0 15px;min-height:32px;}
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {top:10px;}
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {left:50%;margin-left:-45px;text-align:center;width:90px;}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {width:0;height:0;border:6px inset transparent;position:absolute;}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {top:50%;margin-top:-6px;}
.twentytwenty-up-arrow, .twentytwenty-down-arrow {left:50%;margin-left:-6px;}
.twentytwenty-container {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;}
.twentytwenty-container img {max-width:100%;position:absolute;top:0;display:block;}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {background:rgba(0, 0, 0, 0);}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {opacity:0;}
.twentytwenty-container * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.twentytwenty-before-label {opacity:0;}
.twentytwenty-before-label:before {content:attr(data-content);}
.twentytwenty-after-label {opacity:0;}
.twentytwenty-after-label:before {content:attr(data-content);}
.twentytwenty-horizontal .twentytwenty-before-label:before {left:10px;}
.twentytwenty-horizontal .twentytwenty-after-label:before {right:10px;}
.twentytwenty-vertical .twentytwenty-before-label:before {top:10px;}
.twentytwenty-vertical .twentytwenty-after-label:before {bottom:10px;}
.twentytwenty-overlay {-webkit-transition-property:background;-moz-transition-property:background;transition-property:background;background:rgba(0, 0, 0, 0);z-index:25;}
.twentytwenty-overlay:hover {background:rgba(0, 0, 0, 0.2);}
.twentytwenty-overlay:hover .twentytwenty-after-label {opacity:1;}
.twentytwenty-overlay:hover .twentytwenty-before-label {opacity:1;}
.twentytwenty-before {z-index:20;}
.twentytwenty-after {z-index:10;}
.twentytwenty-handle {height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;border:2px solid white;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);z-index:40;cursor:pointer;opacity:.5;background:rgba(255, 255, 255, 0.3);}
.twentytwenty-container:hover .twentytwenty-handle {opacity:1;}
.twentytwenty-horizontal .twentytwenty-handle:before {bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);}
.twentytwenty-horizontal .twentytwenty-handle:after {top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);}
.twentytwenty-vertical .twentytwenty-handle:before {left:50%;margin-left:22px;-webkit-box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);}
.twentytwenty-vertical .twentytwenty-handle:after {right:50%;margin-right:22px;-webkit-box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);}
.twentytwenty-left-arrow {border-right:6px solid white;left:50%;margin-left:-17px;}
.twentytwenty-right-arrow {border-left:6px solid white;right:50%;margin-right:-17px;}
.twentytwenty-up-arrow {border-bottom:6px solid white;top:50%;margin-top:-17px;}
.twentytwenty-down-arrow {border-top:6px solid white;bottom:50%;margin-bottom:-17px;}