/*popup*/ #popLocal:before{content:''; display:block; position:absolute; width:1000px; height:5px; background:#D5711B; } #popLocal{position:absolute; top:105vh; left:0; right:0; z-index:999; width:960px; max-width:960px; margin:0 auto;} #popupd{display:flex; flex-direction: column; width:100%; background:#fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); padding:20px; } #popupd .pu_title, #popupd .pu_cont{display:flex; width:100%;} #popupd .pu_title{justify-content:space-between; height:35px; line-height:35px;} #popupd .pu_title h3{font-weight:bold; color:#D5711B;} #popupd .pu_title a{display:inline-block; width:35px; height:35px; background-size:100%; background-repeat:no-repeat;} #popupd .pu_title a.btn_popup_close{background-image:url(../resources/images/login/btn_popup_close_basic.png);} #popupd .pu_title a.btn_popup_close:hover{background-image:url(../resources/images/login/btn_popup_close_hover.png);} #popupd .pu_title a.btn_popup_close:active{background-image:url(../resources/images/login/btn_popup_close_ckd.png);} #popupd .pu_cont{flex-direction: column; margin:5px auto; background:#f5f5f5; border:1px dashed #ccc; border-left:0; border-right:0; min-height:60px; text-align:left;} #popupd .pu_cont li{display:flex; margin-bottom:8px;} #popupd .pu_cont li:first-child{margin-top:15px;} #popupd .pu_cont li:last-child{margin-bottom:15px;} #popupd .pu_cont li div{margin:0; height:30px; min-height:30px; line-height:30px; } #popupd .pu_cont li .pu_c_cont{flex-grow:1; width:50%; margin:0 10px 0 20px; } #popupd .pu_cont li .pu_c_cont input{padding:5px 8px; width:450px; min-width:100px; border-radius:5px; border:1px solid #aaa; text-align:left;} #popupd .pu_res{flex-direction: column; margin:5px auto; background:#f5f5f5; border:1px dashed #ccc; border-left:0; border-right:0; width:960px; height:260px; text-align:left;overflow:auto;} #popupd .pu_res li{display:flex; margin-bottom:0px; background:#f5f5f5; border:1px dashed #ccc; border-left:0; border-right:0; border-bottom:0;} #popupd .pu_res li:hover{background:#ffffff;} #popupd .pu_res li:last-child{margin-bottom:2px; border:1px dashed #ccc; border-left:0; border-right:0;} /*#popupd .pu_res li:first-child{margin-top:2px;} #popupd .pu_res li:last-child{margin-bottom:2px;}*/ #popupd .pu_res li div{margin:0; height:30px; min-height:30px; line-height:14px; font-size:12px;} #popupd .pu_res li .pu_c_zip{width:15%; margin:13px 10px 0 20px;} #popupd .pu_res li .pu_c_addr{width:65%; margin:7px 10px 0 20px;} #popupd .pu_res li .pu_c_select{width:20%; margin:8px 10px 0 20px;} /*#popupd .pu_res li .pu_c_cont input{padding:5px 8px; width:500px; min-width:100px; border-radius:5px; border:1px solid #aaa; text-align:center;}*/ /*#popupd .pu_cont li .pu_c_cont span{margin:0 5px; width:auto;} #popupd .pu_cont li .pu_c_title{width:100px; margin-left:20px; font-size:14px;} #popupd .pu_cont li .pu_c_cont select, #popupd .pu_cont li .pu_c_cont textarea{padding:5px 8px; width:300px; min-width:100px; border-radius:5px; border:1px solid #aaa; text-align:center;} #popupd .pu_cont li .pu_c_cont textarea{display:block; min-height:270px; resize: none;} #popupd .pu_cont li .pu_c_cont .pu_long_contents{width:90%;}*/ #popupd .pu_confirm{display:flex; justify-content: center; margin-top:10px;} #popupd .pu_confirm a{margin-left:5px; font-size:15px; padding:5px 10px; background:#D5711B;} #popupd .pu_confirm a:first-child{margin-left:0;} #popupd .pu_confirm a:hover{background:#B25300; color:#fff;} #popupd .pu_confirm a:active{background:#8F4200; color:#fff;} /*Teacher Popup*/ #popup_TeacherProfile{width:100%;} #popup_TeacherProfile > * {width:inherit;} #popup_TeacherProfile *{line-height:1.8em;} #popup_TeacherProfile .tp_title{background:#5C5C5C; height:80px; color:#fff; display:flex; align-items: center;} #popup_TeacherProfile .tp_title .title{padding:0 2.5%;} #popup_TeacherProfile .tp_contbox{width:calc(100% - 5% - 4px); background:#fff; border:2px solid #5C5C5C; border-top:0; padding:2.5%; display:flex; flex-direction:column; } #popup_TeacherProfile .tp_cont{margin-bottom:30px;} #popup_TeacherProfile .tp_cont:last-child{margin-bottom:0;} #popup_TeacherProfile .tp_cont .tpc_title{margin-bottom:10px;} #popup_TeacherProfile .class_infobox{display:flex; flex-direction: column; align-items: center; border:2px solid #ccc; border-left:0; border-right:0;} #popup_TeacherProfile .class_infobox .class_info{display:flex; width:100%; flex-grow:1; border-bottom:1px solid #ddd;} #popup_TeacherProfile .class_infobox .class_info:last-child{border-bottom:0;} #popup_TeacherProfile .class_infobox .class_info > *{display:flex; align-items: center; padding:10px 10px;} #popup_TeacherProfile .class_infobox .class_info .title{width:20%;} #popup_TeacherProfile .class_infobox .class_info .text{width:80%; flex-grow:1;} #popup_TeacherProfile .tp_cont.strength_contbox{background:#eee; padding:2.5%;} #popup_TeacherProfile .tp_cont.strength_contbox .s_contbox{margin-bottom:10px;} #popup_TeacherProfile .tp_cont.strength_contbox .s_contbox:last-child{margin-bottom:0;} #popup_TeacherProfile .tp_cont.strength_contbox .s_contbox .sc_title{color:#3A828E; margin-bottom: 10px;} /*홈페이지 메인 popup ●231124 내용추가 */ .popup_main{max-height:100vh;} .popup_main .popup_table{} .popup_main .popup_table .pct_box{background:#777777;} .popup_main .popup_table .pct_function{display:flex; justify-content: space-between; align-items: center; flex-grow: 1; padding:0 10px; height:inherit;} .popup_main .popup_table .pct_function .close_oneday{display: flex; align-items: center;} .popup_main .popup_table .pct_function .close_oneday input{display:inline-block; width:15px !important; height:15px; margin-right:5px;} .popup_main .popup_table .pct_function .close_oneday a{} .popup_main .popup_table .pct_function a.close_basic{} /*반응형*/ @media(max-width:1024px){ #popup_TeacherProfile .class_infobox .class_info .title{width:25%;} #popup_TeacherProfile .class_infobox .class_info .text{width:75%;} } /*홈페이지 메인 popup ●231124 내용추가 */ @media(max-width:1050px) and (orientation:landscape){/*단말기 가로일때*/ .popup_main{top:0 !important; left:0 !important; max-height:100vh !important; display:flex; justify-content: center;} .popup_main .popup_table{width:auto;} .popup_main .popup_table .pct_box .pct_cont{} .popup_main .popup_table .pct_box .pct_cont img{width:auto; height:auto; max-height:calc(100vh - 10px - 35px); max-height:auto;} } @media(max-width:880px){ #popup_TeacherProfile .tp_title .title{padding:0 5%;} #popup_TeacherProfile .tp_contbox{width:calc(100% - 10% - 4px); padding:5%;} #popup_TeacherProfile .class_infobox .class_info .title{width:30%;} #popup_TeacherProfile .class_infobox .class_info .text{width:70%;} #popup_TeacherProfile .tp_cont.strength_contbox{background:#eee; padding:5%;} /*홈페이지 메인 popup ●231124 내용추가 */ .popup_main{max-width:100vw; max-height:100vh; padding: 0; margin:0; left:0 !important; top:0 !important; width:100% !important; height:100vh !important; display:flex !important; justify-content: center !important; align-items: center !important;} .popup_main .popup_table{width:100%; height:100vh; padding:0; margin:0;} .popup_main .popup_table .pct_box{width:calc(100vw - 20px); height:calc(90vh - 20px - 35px); padding:10px; margin:0;} .popup_main .popup_table .pct_box .pct_deco_top{background:#5c5c5c; height:10px;} .popup_main .popup_table .pct_box .pct_deco_side{background:#5c5c5c; width:10px;} .popup_main .popup_table .pct_box .pct_cont{display:flex; align-items: flex-start; justify-content: center; overflow: auto; height:calc(100vh - 10px - 35px); width:100%;} .popup_main .popup_table .pct_box .pct_cont img{width:auto; height:auto; max-width:calc(100vw - 20px);} .popup_main .popup_table .pct_function{position: fixed; bottom:0; width:calc(100vw - 40px);} .popup_main .popup_table .pct_function .close_oneday a{text-align: left;} } @media(max-width:600px){ #popup_TeacherProfile .class_infobox .class_info .title{width:40%;} #popup_TeacherProfile .class_infobox .class_info .text{width:60%;} }