.fl{float:left}.fr{float:right}.cb{clear:both}.curpos{cursor:pointer}a{text-decoration:none}button{border:0}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{width:300px;margin:0px auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,0.33);transition:all .3s ease;font-family:Helvetica, Arial, sans-serif}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter{opacity:0}.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:table;transition:opacity .3s ease}.modal-mask h3,.modal-mask .h3{font-size:20px;font-weight:bold;line-height:20px;margin-bottom:0;padding-top:10px}.modal-mask .modal-default-button2{position:absolute;top:-440px;right:0;width:30px;height:30px;background-color:transparent;border:0;outline:none;color:#fff}.modal-mask .modal-default-button2:focus{outline:none}.modal-mask .modal-wrapper{display:table-cell;vertical-align:middle}.modal-mask .modal-container{position:relative;margin:0px auto;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.33);transition:all .3s ease;font-family:Helvetica, Arial, sans-serif}.modal-mask .modal-container-sms{position:relative;margin:0px auto;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.33);transition:all .3s ease;font-family:Helvetica, Arial, sans-serif;border-radius:20px}.modal-mask .modal-header{display:block;margin-top:0;padding:20px;background-color:#37bc9b;border-radius:0}.modal-mask .modal-header .title{color:#fff;font-size:18px;font-weight:bold}.modal-mask .modal-header .desc{color:#fff;font-size:13px;font-weight:normal;padding-top:10px}.modal-mask .modal-body{margin:0;padding:20px}.modal-mask .modal-body .title{color:#656570;font-size:20px;font-weight:bold}.modal-mask .modal-body .modal-tbl{width:100%;font-size:12px;border-top:1px solid #e4eaec;text-align:center}.modal-mask .modal-body .modal-tbl th{padding:10px;margin:-1px;border:1px solid #e4eaec;line-height:140%;background-color:#dcdcdc}.modal-mask .modal-body .modal-tbl th.primary{color:#fff;background-color:#37bc9b}.modal-mask .modal-body .modal-tbl th.back{background-color:#f4f4f4}.modal-mask .modal-body .modal-tbl td{padding:10px;margin:-1px;border:1px solid #e4eaec;line-height:140%}.modal-mask .modal-body .modal-tbl td.primary{color:#fff;background-color:#37bc9b}.modal-mask .modal-body .modal-tbl td.mark{font-size:16px;color:#37bc9b;background-color:#fff}.modal-mask .modal-footer{display:block;padding:0 20px 20px;border:0}.modal-mask .modal-footer .title{font-size:14px;font-weight:bold;line-height:30px}.modal-mask .modal-footer .desc{font-size:12px;font-weight:normal;line-height:140%}.modal-mask .modal-default-button{position:absolute;top:-440px;right:0;width:30px;height:30px;background-color:transparent;border:0;outline:none;color:#fff}.modal-mask .modal-default-button:focus{outline:none}.modal-mask .modal-enter{opacity:0}.modal-mask .modal-leave-active{opacity:0}.modal-mask .modal-enter .modal-container,.modal-mask .modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.modal-mask .modal-chat{width:500px}.modal-mask .modal-chat .talk-mems .talk-mem{display:inline-block;padding:10px;font-size:14px;cursor:pointer}.modal-mask .modal-chat .talk-mems .talk-mem:hover{color:#37bc9b}.modal-mask .modal-chat .talk-box{height:400px;overflow:hidden;overflow-y:auto}.modal-mask .modal-chat .talk-box .talk-item .bubble-txt{min-height:36px;padding:14px 12px 4px 32px;word-wrap:break-word;font-size:14px;color:#656570;line-height:18px}.modal-mask .modal-chat .talk-box .talk-item .left-area{text-align:left;width:100%;font-size:14px;color:#666;line-height:16px}.modal-mask .modal-chat .talk-box .talk-item .left-area .bubble-top{padding-left:20px}.modal-mask .modal-chat .talk-box .talk-item .left-area .bubble{width:271px;background:url("/resource/itmhq/img/bubble1_top.png") no-repeat left top}.modal-mask .modal-chat .talk-box .talk-item .left-area .bubble-bottom{height:10px;background:url("/resource/itmhq/img/bubble1_bot.png") no-repeat left top}.modal-mask .modal-chat .talk-box .talk-item .right-area{text-align:right;width:100%;font-size:14px;color:#666;line-height:16px}.modal-mask .modal-chat .talk-box .talk-item .right-area .bubble-top{padding-right:20px}.modal-mask .modal-chat .talk-box .talk-item .right-area .bubble-txt{padding:14px 32px 4px 12px;text-align:right}.modal-mask .modal-chat .talk-box .talk-item .right-area .bubble{float:right;width:271px;background:url("/resource/itmhq/img/bubble2_top.png") no-repeat left top}.modal-mask .modal-chat .talk-box .talk-item .right-area .bubble-bottom{height:10px;background:url("/resource/itmhq/img/bubble2_bot.png") no-repeat left top}.modal-mask .modal-chat .talk-box .talk-item .talk-writer{font-size:14px;color:#37bc9b}.modal-mask .modal-chat .talk-box .talk-item .talk-wdate{font-size:12px;font-weight:normal;color:#888}.modal-mask .modal-chat .talk-input-box{height:100px;background-color:#e4eaec;padding-top:10px;margin:0 -20px -20px}.modal-mask .modal-chat .talk-input-box .message{float:left;width:370px;height:80px;resize:none;padding:10px;margin-left:20px}.modal-mask .modal-chat .talk-input-box .btn-chat{float:right;width:89px;height:80px;background-color:#37bc9b;color:#fff;border:1px solid #e4eaec;margin-right:20px}.common_header{position:fixed;top:0;left:0;font-family:'Malgun Gothic', '돋움','dotum','Malgun Gothic','맑은 고딕','Noto Sans Korean','Myriad Pro',sans-serif;background-color:#38c9aa;color:#fff;width:100%;height:60px;padding:10px 0px 10px 0px;z-index:2;font-size:14px;line-height:40px;font-weight:bold;text-align:center;display:block}.common_header span{padding-left:0px;line-height:40px;vertical-align:middle}.common_header span .normal{padding-left:0;font-weight:normal}.common_header i{line-height:40px;float:left;padding:0px 15px;vertical-align:middle;font-size:23px}@media screen and (min-width: 960px){.common_header{display:none}}.common_header_pc{position:fixed;top:0;left:0;font-family:'Malgun Gothic', '돋움','dotum','Malgun Gothic','맑은 고딕','Noto Sans Korean','Myriad Pro',sans-serif;background-color:#38c9aa;color:#fff;width:100%;height:60px;padding:21px 2%;z-index:2;font-size:14px;font-weight:bold;display:none}.common_header_pc a{color:#FFF;font-size:16px;font-weight:normal}.common_header_pc .logout{float:right}.common_header_pc .logout .icon-logout{display:inline-block;width:16px;height:16px;background-image:url("../img/common/icon_logout.png");vertical-align:middle}@media screen and (min-width: 960px){.common_header_pc{display:block}}.overlay3{height:100%;width:0;position:fixed;z-index:10;top:0;left:0;background-color:rgba(0,0,0,0.7);overflow-y:auto;overflow-x:hidden;text-align:center;opacity:0;transition:opacity 0.2s;display:block}@media screen and (min-width: 960px){.overlay3{display:none}}.sidenav_pc{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;border-right:1px solid #f2f2f2;background-color:#ffffff;overflow-x:hidden}@media screen and (min-width: 960px){.sidenav_pc{top:60px;width:200px}}.sidenav_pc a{padding:14px 8px 14px 14px;text-decoration:none;font-size:14px;color:#535353;display:block;transition:0.3s}.sidenav_pc a:hover{color:#38c9aa}.sidenav_pc .nav_header{height:60px}.sidenav_pc .nav_header .sidenav-pfimg{width:42px;height:42px;float:left;background-size:cover;background-position:center;margin-top:15px;margin-left:15px;border-radius:50%}.sidenav_pc .nav_header .sidenav-wname{height:57px;margin-left:70px;font-size:14px;text-align:left;padding-top:15px;line-height:42px}.sidenav{height:100%;width:0;position:fixed;z-index:11;top:0;left:0;transition:0.3s;border-right:1px solid #f2f2f2;background-color:#ffffff;overflow-x:hidden;display:block}@media screen and (min-width: 960px){.sidenav{display:none}}.sidenav .nav_header{background-color:#38c9aa;height:73px}.sidenav .nav_header .sidenav-pfimg{width:42px;height:42px;float:left;background-size:cover;background-position:center;margin-top:15px;margin-left:15px;border-radius:50%}.sidenav .nav_header .sidenav-wname{height:57px;margin-left:70px;font-size:14px;text-align:left;padding-top:15px;line-height:42px}.sidenav .box_menu{padding:10px;width:100%}.sidenav a{padding:14px 8px 14px 14px;text-decoration:none;border-bottom:1px solid #dedede;font-size:14px;color:#535353;display:block;transition:0.3s}.sidenav a:hover{color:#38c9aa}#vue_app{transition:margin-left .5s;margin-top:60px}@media screen and (min-width: 960px){#vue_app{margin-left:200px}}.common_tab{position:fixed;bottom:0;width:100%;height:50px;background-color:#f3f3f3;box-shadow:0px -2px 5px #dddddd;border-radius:50px 50px 0 0;display:block;z-index:9}@media screen and (min-width: 960px){.common_tab{display:none}}.common_tab .tab_menu{padding-top:10px;text-align:center;vertical-align:text-top}.common_tab .tab_menu a{vertical-align:text-top;color:#616161;display:inline-block;line-height:130%;width:calc(100% / 4);padding:0 10px;font-size:13px}.common_tab .tab_menu a i{font-size:16px}.page-classlist-talk{font-family:'Malgun Gothic', '돋움','dotum','Malgun Gothic','맑은 고딕','Noto Sans Korean','Myriad Pro',sans-serif;position:fixed;z-index:100;top:60px;bottom:94px;right:0;left:0;width:100%;overflow-y:scroll;background-color:#FFF}.page-classlist-talk .topbg{width:100%;height:60px;line-height:60px;background-color:#38c9aa;padding:0 30px;position:fixed;top:0}.page-classlist-talk .boxtitle{width:85%;font-weight:bold;font-size:18px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-classlist-talk .btn_close{line-height:60px;color:white !important;font-size:12px;background-color:transparent}.page-classlist-talk .box{width:100%;padding:20px 15px;overflow-y:hidden;overflow-x:hidden;background-color:#fff}.page-classlist-talk .chatbox{width:100%}.page-classlist-talk .chatbox .chatname{font-size:13px;color:#38c9aa;font-weight:normal;margin:0 0 5px 24px}.page-classlist-talk .chatbox .chatdate{color:#888;font-size:12px;font-weight:normal;margin-left:3px}.page-classlist-talk .chatbox .chaticon{background-repeat:no-repeat;background-position:left top}.page-classlist-talk .chatbox .chattxt{border:1px solid #ddd;border-radius:10px;max-width:70%;min-height:25px;padding:10px;margin-bottom:10px;word-wrap:break-word;font-size:14px;color:#666;line-height:16px;font-weight:normal;text-align:left;float:left}.page-classlist-talk .chatbox .botimg{background-repeat:no-repeat;background-position:left top;height:10px}.page-classlist-talk .chatbox_opp{width:100%}.page-classlist-talk .chatbox_opp .chatname_opp{font-size:13px;color:#38c9aa;font-weight:normal;margin:0 0 5px 24px;padding-left:40%;text-align:right}.page-classlist-talk .chatbox_opp .chatdate_opp{color:#888;font-size:12px;font-weight:normal;margin-left:3px}.page-classlist-talk .chatbox_opp .chaticon_opp{background-repeat:no-repeat;background-position:right top}.page-classlist-talk .chatbox_opp .chattxt_opp{border:1px solid #ddd;border-radius:10px;margin-bottom:10px;word-wrap:break-word;max-width:70%;min-height:25px;padding:14px 12px 14px 10px;word-wrap:break-word;font-size:14px;color:#666;line-height:16px;font-weight:normal;text-align:right;float:right;display:block}.page-classlist-talk .chatbox_opp .botimg_opp_bot{background-repeat:no-repeat;background-position:right top;height:10px}.page-classlist-talk .botbox{width:100%;overflow:hidden;padding:10px;background-color:#eee;position:fixed;bottom:0}.page-classlist-talk .txtara{width:calc(100% - 100px);height:72px;border:0px solid #fff;background-color:#fff;font-weight:normal;letter-spacing:normal}.page-classlist-talk .btntra{width:100px;max-width:100px;height:74px;background-color:#38c9aa;line-height:74px;text-align:center;color:#fff;font-size:14px;font-weight:bold;padding:0}@media screen and (min-width: 960px){.page_login_bg{background:url("../img/login/con2_bg.jpg") no-repeat center center fixed;background-size:cover}}.page_login_bg .copyright{font-size:11px;text-align:center;color:#FFF}.page_login{font-family:'Malgun Gothic', '돋움','dotum','Malgun Gothic','맑은 고딕','Noto Sans Korean','Myriad Pro',sans-serif}.page_login .bg{width:100%;text-align:center;padding:0 20px;background-color:#FFF}@media screen and (min-width: 960px){.page_login .bg{width:365px;height:670px;margin:50px auto}}.page_login .title_col{font-size:36px;color:#38c9aa;margin-top:40px;margin-bottom:10px;font-family:'Open Sans', sans-serif}.page_login .title_col .bold{font-family:arial, sans-serif}.page_login .bold{font-weight:bold}.page_login .text{color:#858585;font-size:18px}.page_login .col{color:#38c9aa;font-size:17px;letter-spacing:-0.5px;font-weight:normal;letter-spacing:-0.5px;font-family:arial;margin-bottom:10px}.page_login .ma{margin-bottom:50px}.page_login .label{color:#888888;font-size:14px;line-height:30px;margin:5px 0;width:75px;text-align:left}.page_login .inp_sty{border:1px solid #eaeaea;font-size:14px;width:calc(100% - 90px);padding:6px 5px}.page_login .inp_sty:focus{border:1px solid #dd7520}.page_login .bor_col{border:1px solid #dd7520}.page_login .icon_txt{font-size:13px;line-height:14px;color:#858585;padding-left:80px;cursor:pointer;text-align:left;float:left}.page_login .btn{width:100%;line-height:35px;margin:25px 0;color:#ffffff;background-color:#38c9aa;font-size:16px;font-weight:700;border-radius:0}.page_login .mid_line{width:100%;height:20px;text-align:center}.page_login .wi{cursor:pointer;font-size:14px;display:inline-block;padding:0 15px}.page_login .sty{border-left:1px solid #eaeaea}.page_login .text_mid{margin-top:60px;color:#c7c7c7;font-size:23px;font-family:'Nothing You Could Do', cursive;letter-spacing:-1px}.page_login .bot_box{width:100%;height:40px;position:fixed;bottom:0;text-align:center;line-height:40px;background-color:#f2f2f2;color:#c5cbc9;font-size:11px}@media screen and (min-width: 960px){.page_login .bot_box{display:none}}.page_login .bot_text{font-weight:bold}.page-forgot-id{font-family:'Malgun Gothic', '돋움','dotum','Malgun Gothic','맑은 고딕','Noto Sans Korean','Myriad Pro',sans-serif}.page-forgot-id .bg{width:100%;text-align:center;padding:0 20px;background-color:#FFF}@media screen and (min-width: 960px){.page-forgot-id .bg{width:365px;height:670px;margin:50px auto}}.page-forgot-id .title_col{font-size:36px;color:#38c9aa;margin:40px 0 60px 0;font-weight:bold;font-family:arial}.page-forgot-id .label{color:#888888;font-size:14px;line-height:30px;margin:5px 0;width:40px;text-align:left}.page-forgot-id .inp_sty{border:1px solid #eaeaea;font-size:14px;width:calc(100% - 90px);margin-left:50px;padding:6px 5px}.page-forgot-id .inp_sty:focus{border:1px solid #dd7520}.page-forgot-id .btn{width:100%;height:43px;line-height:35px;margin:30px 0 10px 0;color:#ffffff;background-color:#38c9aa;font-size:16px;font-weight:700}.page-forgot-id .text{color:#858585}.page-forgot-id .txt_btn{font-size:14px;padding-top:10px}.page-forgot-id .wi{width:75px;margin-right:10px;margin-left:15px;border-right:1px solid #eaeaea;cursor:pointer}.page-forgot-id .ma{padding-right:10px}.page-forgot-id .wid{cursor:pointer;font-size:14px;width:160px}.page-forgot-id .bot_box{width:100%;height:40px;position:fixed;bottom:0;text-align:center;line-height:40px;background-color:#f2f2f2;color:#c5cbc9;font-size:11px}.page-forgot-id .bot_text{font-weight:bold}.page-forgot-pw{font-family:'Malgun Gothic', '돋움','dotum','Malgun Gothic','맑은 고딕','Noto Sans Korean','Myriad Pro',sans-serif}.page-forgot-pw .bg{width:100%;text-align:center;padding:0 20px;background-color:#FFF}@media screen and (min-width: 960px){.page-forgot-pw .bg{width:365px;height:670px;margin:50px auto}}.page-forgot-pw .title_col{font-size:36px;color:#38c9aa;margin:40px 0 60px 0;font-weight:bold;font-family:arial}.page-forgot-pw .label{color:#888888;font-size:14px;line-height:30px;margin:5px 0;width:70px;text-align:left}.page-forgot-pw .inp_sty{border:1px solid #eaeaea;font-size:14px;width:calc(100% - 100px);margin-left:20px;padding:6px 0}.page-forgot-pw .inp_sty:focus{border:1px solid #dd7520}.page-forgot-pw .btn{width:100%;height:43px;line-height:35px;margin:30px 0 10px 0;color:#ffffff;background-color:#38c9aa;font-size:16px;font-weight:700}.page-forgot-pw .text{color:#858585}.page-forgot-pw .wi{width:75px;margin-right:10px;margin-left:15px;border-right:1px solid #eaeaea;cursor:pointer}.page-forgot-pw .ma{padding-right:10px}.page-forgot-pw .wid{font-size:14px;width:120px;cursor:pointer}.page-forgot-pw .bot_box{width:100%;height:40px;position:fixed;bottom:0;text-align:center;line-height:40px;background-color:#f2f2f2;color:#c5cbc9;font-size:11px}.page-forgot-pw .bot_text{font-weight:bold}.page-forgot-pw .mid_text{height:40px;margin:50px 40px;display:block;color:#38c9aa;font-size:13px;line-height:20px;text-align:left}.head-desc{position:relative;font-size:12px;padding:10px 0;line-height:140%;color:#7e7e7e}