@import url("./reset.css");
.box { width: 40.3333333333px; height: 11.6666666667px; background: #ff0000; }

#skip { margin: 0; padding: 0; font-size: 0; width: 0; height: 0; }

.popup { display: none; position: fixed; z-index: 1000; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.35); }
.popup .pop-wrap { width: 825px; height: 516px; padding: 70px 94px 0; box-sizing: border-box; top: 50%; background: #fff; position: absolute; left: 50%; margin-left: -412.5px; margin-top: -258px; border-radius: 20px; }
.popup .pop-wrap h1 { text-align: center; color: #333333; font-size: 21px; line-height: 1.2em; margin-bottom: 50px; }
.popup.type2 .pop-wrap { width: 861px; height: 670px; padding: 0; border-radius: 0; margin-top: -335px; margin-left: -430px; }
.popup.type2 .pop-head { background: #05507d; color: #fff; height: 35px; font-size: 17px; padding: 8px 25px; box-sizing: border-box; line-height: 1em; }
.popup.type2 .al-center { margin-top: 65px; }
.popup.type2 .al-center .bg_blue { margin-right: 20px; }

#wrap { max-width: 1024px; min-width: 640px; margin: 0 auto; overflow-x: hidden; }

#header .top { height: 44px; padding: 10px 25px; color: #fff; background: #05507d; box-sizing: border-box; }
#header .top:after { content: ''; display: block; clear: both; }
#header .top .logo { float: left; line-height: 1em; }
#header .top .logo h1 { float: left; font-size: 20px; margin-right: 17px;}
#header .top .logo span { display: inline-block; margin-left: 17px; font-weight: bold; font-size: 20px; }
#header .top .lang-select { float: right; line-height: 1em; }
#header .top .lang-select ul > li { float: left; padding-left: 18px; position: relative; }
#header .top .lang-select ul > li:first-child { padding-left: 0; padding-right: 18px; }
#header .top .lang-select ul > li:first-child:after { content: ''; display: inline-block; width: 1px; height: 18px; background: #bcd0dc; position: absolute; right: 0; top: 0; }
#header .top .lang-select ul > li a { color: #fff; font-size: 17px; line-height: 1em; }
#header .title { height: 102px; padding: 20px 48px 0; background: #f7f9fa; box-shadow: 0 7px 27px rgba(0, 0, 0, 0.35); position: relative; z-index: 5; box-sizing: border-box; }
#header .title .meeting-info { float: left; }
#header .title .meeting-info .today { font-size: 15px; font-weight: bold; }
#header .title .meeting-info .info { font-size: 21px; }
#header .title .mypage { float: right; font-size: 13px; color: #333; padding-left: 35px; border-left: 1px solid #9aa8b3; }
#header .title .mypage i.my { display: block; width: 52px; height: 40px; background: url(../images/ico_my.png) no-repeat; }

#container { background: #ebeff2; min-height: 622px; position: relative; z-index: 4; padding: 30px 50px; box-sizing: border-box; }

.main { width: 750px; padding-top: 43px; margin: 0px auto 100px; }
.main .message { text-align: center; font-size: 17px; color: #6a6a6a; margin-bottom: 52px; }
.main .meeting-type ul li { float: left; }
.main .meeting-type ul li a { display: block; width: 249px; height: 288px; padding-top: 35px; background: url(../images/bg_btn_main.png) no-repeat; text-align: center; text-indent: 20px; }
.main .meeting-type ul li a i { display: block; height: 140px; background-position: center center; background-repeat: no-repeat; margin-left: 24px; }
.main .meeting-type ul li a i.meet_type01 { background-image: url(../images/ico_meet_type01.png); }
.main .meeting-type ul li a i.meet_type02 { background-image: url(../images/ico_meet_type02.png); }
.main .meeting-type ul li a i.meet_type03 { margin-left: 40px; background-image: url(../images/ico_meet_type03.png); }
.main .meeting-type ul li a span { display: block; color: #6a6a6a; font-weight: bold; }

footer:after { content: ''; display: block; clear: both; }

.now { float: left; color: #333; line-height: 1em; }
.now strong { font-size: 21px; margin-right: 10px; }
.now span { font-size: 27px; }
.now .ap { font-size: 17px; }

h2.sub-tit { font-weight: bold; font-size: 17px; margin-top: 20px; }

.add-info dl:after { content: ''; display: block; clear: both; }
.add-info dl dt { float: left; width: 17%; color: #6a6a6a; font-size: 17px; margin-bottom: 20px; }
.add-info dl dt span { font-size: 17px; color: #6a6a6a; font-weight: bold; vertical-align: middle; display: inline-block; height: 40px; line-height: 40px; position: relative; padding-left: 22px; }
.add-info dl dt i { position: absolute; left: 0; top: 50%; margin-top: -7px; width: 20px; height: 20px; background-image: url(../images/icon_set01.png); background-repeat: no-repeat; }
.add-info dl dt i.c-name { background-position: -2px -2px; }
.add-info dl dt i.location { background-position: -2px -22px; }
.add-info dl dt i.notification { background-position: -2px -41px; }
.add-info dl dd { float: left; width: 83%; margin-bottom: 20px; }
.add-info dl dd .inp-txt { width: 440px; height: 39px; border-bottom: 1px solid #9aa8b3; }
.add-info dl dd .bt-search { margin-left: 15px; }

.inp-group { float: left; }
.inp-group .tags, .inp-group .bootstrap-tagsinput { position: relative; width: 440px; min-height: 38px; border: 1px solid #9aa8b3; border-radius: 5px; padding: 4px; padding-bottom: 0; box-sizing: border-box; }
.inp-group .tags span.tag, .inp-group .bootstrap-tagsinput span.tag { display: inline-block; background: #e0e0e0; font-size: 15px; color: #6a6a6a; padding: 7px 10px 6px 10px; line-height: 1em; vertical-align: middle; border-radius: 5px; }
.inp-group .tags span.tag span, .inp-group .bootstrap-tagsinput span.tag span { display: inline-block; background: url(../images/icon_set01.png) no-repeat -3px -61px; width: 15px; height: 16px; margin-left: 9px; vertical-align: bottom; }
.inp-group .tags .twitter-typeahead, .inp-group .bootstrap-tagsinput .twitter-typeahead { position: static !important; }
.inp-group .tags .twitter-typeahead .tt-suggestion, .inp-group .bootstrap-tagsinput .twitter-typeahead .tt-suggestion { padding-left: 25px; background: url(../images/ico_user.png) no-repeat left center; color: #6a6a6a; font-size: 15px; font-weight: bold; }
.inp-group .tags .twitter-typeahead .tt-input, .inp-group .bootstrap-tagsinput .twitter-typeahead .tt-input { height: 30px; line-height: 30px; }
.inp-group .tags input, .inp-group .bootstrap-tagsinput input { height: 34px; line-height: 34px; }
.inp-group .tags input.tt-hint, .inp-group .bootstrap-tagsinput input.tt-hint { background: transparent !important; z-index: -1; }

.bt-search { background: #05507d; color: #fff; font-size: 15px; width: 65px; height: 40px; line-height: 40px; border-radius: 20px; }

.bt-connect { background: #05507d; color: #fff; font-size: 17px; width: 200px; height: 60px; line-height: 60px; border-radius: 30px; }

.al-center { text-align: center; }

.chk-group { height: 40px; line-height: 40px; }
.chk-group input[type='checkbox'] { display: none; }
.chk-group label { display: inline-block; line-height: 24px; margin-right: 45px; color: #6a6a6a; font-size: 15px; }
.chk-group label i { display: inline-block; width: 24px; height: 24px; margin-right: 5px; background-image: url("../images/icon_chk.png"); background-repeat: no-repeat; background-position: -1px -2px; vertical-align: middle; }
.chk-group input[type='checkbox']:checked + label i { background-position: -26px -2px; }

.tt-menu { position: absolute; left: -1px !important; margin-top: -5px; width: 100%; min-width: 440px; box-sizing: border-box; background: #fff; border: 1px solid #9aa8b3; padding: 7px 25px; }

.time-line { margin: 0 -50px; border-top: 3px solid #c2cbd2; padding-top: 7px; margin-top: 70px; }

.schedule { margin: 0 58px; }

.schedule-wrap { box-sizing: border-box; position: relative; margin-bottom: 71px; }
.schedule-wrap .swiper-button-prev { top: 15px; left: -58px; width: 40px; height: 266px; text-indent: -9999px; background: #ebeff2 url(../images/page_prev.png) no-repeat 18px center; }
.schedule-wrap .swiper-button-disabled { background: none !important; }
.schedule-wrap .swiper-button-next { top: 15px; right: -58px; width: 40px; height: 266px; text-indent: -9999px; background: #ebeff2 url(../images/page_next.png) no-repeat 0 center; }
.schedule-wrap ul { box-sizing: border-box; margin: 0 auto; }
.schedule-wrap ul li { height: 250px; float: left; width: 200px; }
.schedule-wrap ul li > div { height: 225px; background: #ebeff2; box-shadow: 0 20px 27px rgba(0, 0, 0, 0.25); border-radius: 10px; box-sizing: border-box; padding: 20px; color: #333333; }
.schedule-wrap ul li > div.ing { background: #fff; position: relative; }
.schedule-wrap ul li > div.ing:before { content: ''; display: inline-block; width: 12px; height: 20px; background: #048add; border-radius: 6px; position: absolute; top: -16px; left: 8px; }
.schedule-wrap ul li > div i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 9px; }
.schedule-wrap ul li > div span.n-time { position: absolute; top: -53px; left: 0; font-size: 15px; line-height: 20px; }
.schedule-wrap ul li > div.finished i { background: #9aa8b3; }
.schedule-wrap ul li > div.ing i { background: #048add; }
.schedule-wrap ul li > div.ing span.n-time { font-size: 20px; color: #048add; font-weight: bold; }
.schedule-wrap ul li > div.ready i { background: #f3ae2c; }
.schedule-wrap ul li > div .status { font-size: 12px; }
.schedule-wrap ul li > div .meet-time { font-size: 15px; padding-left: 16px; margin-top: 24px; }
.schedule-wrap ul li > div .title { font-size: 17px; font-weight: bold; padding-left: 16px; margin: 5px 0 8px; }
.schedule-wrap ul li > div .title a { color: #048add; background: url(../images/icon_edit.png) no-repeat right 6px; padding-right: 24px; border-bottom: 1px solid #048add; line-height: 22px; }
.schedule-wrap ul li > div .place { font-size: 12px; padding-left: 16px; margin-bottom: 20px; }
.schedule-wrap ul li > div .place i { float: left; width: 20px; height: 18px; background: url(../images/icon_set01.png) no-repeat 0 -22px; margin: 3px 5px 1px 0; }
.schedule-wrap ul li .connect { text-align: center; }
.schedule-wrap ul li .connect a { display: block; height: 26px; line-height: 26px; color: #9aa8b3; font-size: 15px; text-align: left; font-size: 15px; }
.schedule-wrap ul li .connect a i { background: none; display: inline-block; vertical-align: middle; width: 26px; height: 26px; background-image: url(../images/icon_set02.png); background-repeat: no-repeat; background-position: 0 0; }
.schedule-wrap ul li .connect a.active { color: #048add; }
.schedule-wrap ul li .connect a.active i { background-position: -26px 0; }

nav#gnb { float: right; height: 115px; }
nav#gnb:after { content: ''; display: block; clear: both; }
nav#gnb ul li { float: left; position: relative; height: 100px; }
nav#gnb ul li i { display: block; width: 115px; height: 100px; background-image: url(../images/icon_set03.png); background-repeat: no-repeat; }
nav#gnb ul li i.type01 { background-position: 0 0; }
nav#gnb ul li i.type02 { background-position: -115px 0; }
nav#gnb ul li i.type03 { background-position: -230px 0; }
nav#gnb ul li span { position: absolute; width: 100%; text-align: center; left: 0; bottom: 0; font-size: 14px; }

#error #container { width: 1024px; height: 768px; padding: 170px 188px 65px; text-align: center; }
#error #container h1 { font-size: 34px; text-align: center; font-weight: normal; letter-spacing: -2px; line-height: 47px; margin: 30px 0; color: #004f80; }
#error #container .notify { text-align: left; font-size: 17px; letter-spacing: -1.3px; margin-left: 60px; line-height: 25px; }
#error #container .notify b { color: #1c81c5; border-bottom: 1px solid #1c81c5; }
#error #container .al-center { margin-top: 100px; }
#error #container button { width: 130px; height: 45px; line-height: 45px; color: #fff; font-size: 14px; text-align: center; border-radius: 27px; }
#error #container button.bt-home { background: #064d78; margin-right: 22px; }
#error #container button.bt-prev { background: #98a6b0; }

.table-type01 { position: relative; border: 1px solid #9aa8b3; background: #fff; height: 400px; border-radius: 4px; }
.table-type01.fl_left { width: 417px; }
.table-type01.fl_right { width: 310px; }
.table-type01:after { content: ''; display: block; clear: both; }
.table-type01 table { border-radius: 4px; table-layout: fixed; width: 100%; }
.table-type01 table th { background: #e0e0e0; }
.table-type01 table th, .table-type01 table td { padding: 12px 0 10px; font-size: 12px; }
.table-type01 table td { text-align: center; border-bottom: 1px solid #f4f7fb; cursor: pointer; }
.table-type01 table td a { font-size: 12px; }
.table-type01 table tr:focus td, .table-type01 table tr:active td, .table-type01 table tr:hover td { background: #f4f7fb; }
.table-type01 .pagination { position: absolute; width: 100%; left: 0; bottom: -33px; text-align: center; font-size: 14px; }
.table-type01 .pagination a { margin: 0 2px; }
.table-type01 .pagination a.on { font-weight: bold; color: #05507d; }
.table-type01 .al-right { position: absolute; right: 0; bottom: -49px; }

.table-list { width: 780px; margin: 0 auto; }
.table-list:after { content: ''; display: block; clear: both; }

.search_line { padding: 10px 40px; margin: 0 auto 38px; height: 50px; background: #f4f7fb; box-sizing: border-box; }
.search_line select { width: 150px; margin-right: 16px; }
.search_line label { font-weight: bold; font-size: 12px; margin-right: 15px; }

.bt-big { width: 129px; height: 45px; line-height: 45px; border-radius: 27px; }

.bt-small { width: 82px; height: 32px; line-height: 32px; border-radius: 16px; }

.bg_blue { background: #05507d; color: #fff; }

.bg_gray { background: #e0e0e0; color: #000; }

.bt-inquiry { width: 80px; height: 32px; border-radius: 4px; }
.bt-inquiry i { display: inline-block; width: 16px; height: 32px; background: url(../images/icon_search.png) no-repeat 0 8px; vertical-align: top; margin-right: 7px; }
.bt-inquiry span { display: inline-block; vertical-align: top; height: 32px; line-height: 30px; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/arrow_down.png) no-repeat 90% 50%; border: 1px solid #9aa8b3; border-radius: 4px; padding: 0.350em 2em 0.350em 1em; }

select::-ms-expand { display: none; }

.k-scheduler-toolbar { display: none; }