@charset "utf-8";
/* CSS Document */

/* 어권별 폰트
영어 font-family: 'Verdana', 'Tahoma','Arial', 'Geneva', 'Georgia', 'Malgun Gothic', 'Dotum';
중간 font-family: 'SimSun !important', 'sans-serif','Arial', 'Malgun Gothic', 'Dotum'
일어 font-family: 'Verdana','ＭＳ Ｐゴシック', 'sans-serif', 'Malgun Gothic', 'Dotum';
독어, 불어 font-family: Arial, Helvetica, sans-serif
서어, 노어 font-family: "Roboto", "RobotoSlab", "Apple SD Gothic Neo", "맑은 고딕", arial, helvetica, sans-serif
중번 font-family: "PingFang TC","PingFang SC", "Microsoft JhengHei", "Apple SD Gothic Neo", sans-serif */

/*** reset ***/
form, fieldset, textarea, select, button, input, p, ul, li { border:none; margin:0; padding:0; letter-spacing:-0.025em; font-family: 'Verdana', 'Tahoma','Arial', 'Geneva', 'Georgia', 'Malgun Gothic', 'Dotum';}
.modal_screen { position:fixed; top:0; left:0; width:100%;  height:100%; background:rgba(0,23,49,0.9); pointer-events:none; z-index:3001;} /* 모달 배경 */

/* main, sub 퀵메뉴 */
.main_quick{position: fixed;left: 0;bottom: 0;right: 0;z-index: 100;transition: bottom .5s ease-in-out;}
.main_quick.on{bottom: 410px;}
.main_quick .inr{position: relative;width: 940px;margin: 0 auto;}
.main_quick .btn_go{position: absolute;right: -125px;bottom: 40px;width: 116px;height: 116px;background: url(http://tong.visitkorea.or.kr/img/vk/common_intl/consultTalk/03.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
.main_quick button{position: absolute;right: -142px;bottom: 153px;width: 18px;height: 18px;background: url(http://tong.visitkorea.or.kr/img/vk/common_intl/consultTalk/main_quick_close.png) 0 0 no-repeat;text-indent: -9999px;}

/* 메인 퀵 문자채팅 레이어 */
.layer-talk-menu{
	        display: none;
            position: fixed; 
            bottom:50px; 
            right:50px; 
            z-index: 122;
            width: 300px;
            padding: 8px 20px 10px;
            border-radius: 10px;
            border: 1px solid #ccc;
            background: #f5f5f5;
            text-align: center;
            box-sizing: border-box;
            box-shadow: 0 0 6px rgba(0,0,0,0.2);
        }
        .layer-talk-menu.on{display:block;bottom:170px;opacity:1;}
        .layer-talk-menu .close{position: absolute;right: 5px;top: 8px;width: 18px;height: 18px;background: url(http://tong.visitkorea.or.kr/img/vk/common_intl/consultTalk/main_quick_close.png) 0 0 no-repeat;text-indent: -9999px;}
        .layer-talk-menu h1{
            font-family: "맑은 고딕";
            font-size: 17px;
        }
        .group-talk-menu{
            width: 100%;
            margin-bottom: 10px;
            padding: 15px 15px;
            border-radius: 6px;
            border: 1px solid #d5d5dd;
            background: #fff;
            font-family: "맑은 고딕";
            text-align: center;
            box-sizing: border-box;
        }
        .group-talk-menu.is-ttalk{
            display: inline-flex;
            align-items: center;
            padding: 10px 15px 10px 20px;
            text-align: left;
        }
        .group-talk-menu a{
            display: inline-block;
            width: 65px;
            height: 65px;
            border-radius: 50%;
            overflow: hidden;
        }
        .group-talk-menu a + a{margin-left: 6px;}
        .group-talk-menu div{
            width: 100%;
            margin: 7px 0 0;
            font-size: 15px;
            font-weight: 600;
        }
        .group-talk-menu span{
            display: inline-block;
            width: 100%;
            font-size: 13px;
            font-weight: 400;
            color: #666;
        }
        .group-talk-menu p{         
            flex: 1 0 0px;
            min-width: 0;
            max-width: 100%;
            width: auto;
            margin-left: 15px;
            font-size: 15px;
            font-weight: 600;
        }