403 lines
11 KiB
CSS
403 lines
11 KiB
CSS
@charset "utf-8";
|
|
.popupitem{position: absolute; display: none; border-radius: 10px; text-align: center; background-color: #fff;}
|
|
.popupitem .inner{background-color: #fff; border-radius: 10px; }
|
|
.popupitem .inner .poptitlebox{height: 30px; line-height: 30px; cursor: pointer;}
|
|
.popupitem .inner .poptitlebox span{display: block;margin-right: 50px;overflow: hidden;white-space: nowrap;text-align: left;text-overflow: ellipsis; margin-left:10px}
|
|
.closepopa{font-size: 20px;padding: 5px 10px;position:absolute;top: 0px;right: 0px;line-height: 20px;color: #666666 !important;}
|
|
.closepopa:hover {color: #fff !important; background-color: #e81123; border-top-right-radius: 10px;}
|
|
.iframeclosebox{height: 30px; line-height: 30px; font-weight: bold; text-align: right; display:none;}
|
|
.req:before{color:#666;content:'*'}
|
|
/*.req:after{color: red;content:'*'}*/
|
|
@media (max-width:1000px) {
|
|
.popupitem{
|
|
top: 10% !important; left: 10% !important; max-width: 80% !important; /*max-height: 80% !important*/}
|
|
.popupitem .inner .iframebox{position:absolute;top:50px;right:10px;bottom: 50px;left: 10px;}
|
|
.popupitem .inner .iframebox iframe{width: 100% !important; /*height: 100% !important;*/}
|
|
.iframeclosebox{position: absolute; bottom: 10px; text-align: center; left: 10px; right: 10px;}
|
|
#layermessage, #layermessage2 {overflow-y:auto; max-height:60%}
|
|
}
|
|
|
|
#bglayer, #bglayer2, #findlayerbglayer {
|
|
background-color: #000;
|
|
opacity: 0.7;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1000;
|
|
display: none;
|
|
}
|
|
|
|
#topmessage, #layermessage, #layermessage2 {
|
|
position: fixed;
|
|
bottom: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
width: 50px;
|
|
right: 5px;
|
|
z-index: 10001;
|
|
background-color: #0094ff;
|
|
color: #ffd800;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
display: none;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
#layermessage, #layermessage2 {
|
|
top: 30%;
|
|
left: 20%;
|
|
width: 60%;
|
|
text-align: center;
|
|
height: auto;
|
|
bottom: auto;
|
|
padding: 30px;
|
|
opacity: 0.9;
|
|
background-color: #fefefe;
|
|
color: #333;
|
|
border: 1px solid #ddd;
|
|
word-break: break-all;
|
|
}
|
|
|
|
#layermessage .mainokbutton, #layermessage2 .mainokbutton {
|
|
margin: 0 auto;
|
|
display: block;
|
|
margin-top: 20px;
|
|
width: 110px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
background: #002c5d;
|
|
color: #fff;
|
|
font-size: 10pt;
|
|
font-weight: 300;
|
|
border-radius: 15px 15px 15px 15px;
|
|
-moz-border-radius: 15px 15px 15px 15px;
|
|
-webkit-border-radius: 15px 15px 15px 15px;
|
|
}
|
|
|
|
#bgprogress {
|
|
position: fixed;
|
|
bottom: 20px;
|
|
right: 20px;
|
|
z-index: 10001;
|
|
background-color: #fff;
|
|
color: red;
|
|
font-weight: bold;
|
|
border-radius: 3px;
|
|
display: none;
|
|
opacity: 0.6;
|
|
}
|
|
#breadcrumb ul li.hidden {display: none;}
|
|
|
|
.btn {
|
|
/*border: 2px solid #002c5a;*/
|
|
color: black;
|
|
font-weight: 500;
|
|
border-radius: 15px;
|
|
border-radius: 15px 15px 15px 15px;
|
|
-moz-border-radius: 15px 15px 15px 15px;
|
|
-webkit-border-radius: 15px 15px 15px 15px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
padding: 10px 30px;
|
|
margin-left: 10px;
|
|
font-size: 14px;
|
|
}
|
|
.note-btn.btn {
|
|
padding: 5px 10px !important
|
|
}
|
|
#confirmbox {
|
|
position: fixed;
|
|
bottom: 30%;
|
|
text-align: center;
|
|
width: 100%;
|
|
line-height: 50px;
|
|
font-size: 18px;
|
|
z-index: 3000;
|
|
padding: 40px 20%;
|
|
/*background-color: #444;*/
|
|
display: none;
|
|
}
|
|
|
|
#confirmboxmsg {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
color: #002c5a;
|
|
background-color: #ededed;
|
|
border-radius: 5px;
|
|
margin-bottom: 0px;
|
|
padding: 20px 20px;
|
|
word-break: break-word;
|
|
line-height: 35px;
|
|
}
|
|
|
|
.confirmbtnbox {
|
|
background-color: #ededed;
|
|
padding-bottom: 25px;
|
|
border-radius: 5px;
|
|
margin-top: -7px;
|
|
white-space: nowrap;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/* 팝업 전체 배경 및 위치 */
|
|
#customConfirmBox {
|
|
position: fixed;
|
|
line-height: 20px;
|
|
right: 5px;
|
|
z-index: 10001;
|
|
font-weight: bold;
|
|
border-radius: 5px;
|
|
display: none;
|
|
top: 30%;
|
|
left: 20%;
|
|
width: 60%;
|
|
text-align: center;
|
|
height: auto;
|
|
bottom: auto;
|
|
padding: 30px;
|
|
opacity: 0.9;
|
|
background-color: #fefefe;
|
|
color: #333;
|
|
border: 1px solid #ddd;
|
|
word-break: break-all;
|
|
}
|
|
/* 메시지 텍스트 영역 */
|
|
#customConfirmBox-msg {
|
|
}
|
|
/* 버튼들을 감싸는 영역 */
|
|
#customConfirmBox-buttons {
|
|
}
|
|
#customConfirmBox-buttons button {
|
|
margin: 0 auto;
|
|
display: block;
|
|
min-width: 110px;
|
|
width: auto;
|
|
padding: 0 20px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
background: #002C5D;
|
|
color: #fff;
|
|
font-size: 10pt;
|
|
font-weight: 300;
|
|
border-radius: 15px;
|
|
border: none;
|
|
}
|
|
|
|
#customConfirmBox-buttons button:first-child {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#customConfirmBox-buttons button:not(:first-child) {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
|
|
.btn0 {background-color: #002c5d; padding: 7px 30px;}
|
|
.btn1 {background-color: #002c5d; padding: 7px 40px;}
|
|
.btn:hover{background-color: #144d89; color: yellow;background-image: url(/img/repute_tail.png); background-position: 10px center; background-repeat: no-repeat; background-size: 20px;}
|
|
|
|
.a-c{text-align: center;}
|
|
input.readonly{background-color: #ddd;}
|
|
|
|
.daumpost {
|
|
display: none;
|
|
position: fixed;
|
|
overflow: hidden;
|
|
z-index: 10000;
|
|
-webkit-overflow-scrolling: touch;
|
|
padding: 35px 5px 5px 5px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.closedaumpost {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 30px;
|
|
top: 3px;
|
|
z-index: 2;
|
|
background: none;
|
|
background-color: #999;
|
|
color: #fff;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.closedaumpost img {
|
|
width: 20px;
|
|
}
|
|
/*.iframecontents{position: absolute; border: 0 none; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; background-color: #fff;}*/
|
|
.plyFrame iframe.staticframe{border: 0 none; width: 100%;}
|
|
.plyFrame video{max-width: 100%; max-height: 100%; width: 100%;}
|
|
|
|
|
|
ul.filebox li{margin-bottom: 5px;}
|
|
ul.filebox a.filedel{margin-right: 5px; background-color: #fff; border: 1px solid #ddd; color: red; height: 26px; line-height: 26px; padding: 2px 10px; cursor: pointer; margin-top: 5px; vertical-align: bottom;}
|
|
|
|
|
|
|
|
|
|
.plyNav{position: fixed; bottom: 0; text-align: center; left: 0; right: 0; background-color: #fff;}
|
|
|
|
|
|
.fairIntro img, .fairIntro video,#fairCont01 img,#fairCont02 img,#fairCont01 video,#fairCont02 video,#examfairintro img,#examfairintro vide {max-width: 90% !important; height: auto !important;}
|
|
|
|
|
|
.phplaceholder{position: absolute; z-index:0; margin-left: 20px; cursor: default;}
|
|
|
|
|
|
|
|
|
|
/*publish css override*/
|
|
.brdSch input[type="button"] {display:block; width:50px; height:50px; position:absolute; right:0; top:0; border:none; text-indent:-9999px; background:#3a3a3a url("../../img/online/search_ico.png")no-repeat center center; background-size:50px auto;}
|
|
/*.notiList th div.ellipbox {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12pt; margin-top:15px; height: 1em;}
|
|
.notiList th p {white-space:normal; overflow: initial; text-overflow: initial; font-size:12pt; margin-top:15px;}*/
|
|
|
|
.fairRadio input[type="radio"] {display: inline;vertical-align: middle;margin-right: 5px;}
|
|
.clsPop{display: none;}
|
|
.clspSch input.btn-find {
|
|
display:block; position:absolute; right:20px; top:20px; width:70px; height:40px; background:#878787; color:#fff; font-size:11pt;
|
|
border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
|
|
border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
|
|
}
|
|
.clspInput input[type="button"] {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 70px;
|
|
height: 40px;
|
|
background: #353535;
|
|
color: #fff;
|
|
font-size: 12pt;
|
|
border-radius: 0px 0px 0px 0px;
|
|
-moz-border-radius: 0px 0px 0px 0px;
|
|
-webkit-border-radius: 0px 0px 0px 0px;
|
|
border: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.ntvReply input[type="button"] {display:block; width:120px; height:40px; position:absolute; right:30px; top:30px; border:none; color:#fff; background:#3a3a3a;}
|
|
.cer01, .cer02 {
|
|
padding: 50px 0;
|
|
}
|
|
.mpgPopWrap.wdth750 {max-width:750px;}
|
|
#gnbM li.current > h5,#gnbM li.current > a {color:#333583; font-weight:700;}
|
|
|
|
.ltaList h5 b,.bskList tbody td h5 b, .devinline {
|
|
display: inline;
|
|
}
|
|
|
|
@media (max-width:800px) {
|
|
/*.notiList th div.ellipbox {white-space:normal; overflow:hidden; text-overflow:ellipsis; font-size:12pt; margin-top:15px; height: 2.8em;}*/
|
|
.clspSch input.btn-find {
|
|
top: 10px;
|
|
}
|
|
|
|
.clspSch.oneline {
|
|
padding-right: 100px;
|
|
}
|
|
|
|
.clsPhone li:nth-child(1).full {
|
|
width: 100%;
|
|
}
|
|
|
|
.hidepc {
|
|
display: none;
|
|
}
|
|
|
|
.mobilemenuon .hidepc {
|
|
display: inline;
|
|
}
|
|
|
|
.brdSch input[type="button"] {
|
|
width: 40px;
|
|
height: 40px;
|
|
background-size: 40px auto;
|
|
}
|
|
}
|
|
@media (max-width: 1000px){
|
|
#lctMenu.on{width: 100%;}
|
|
}
|
|
@media (max-width: 400px){
|
|
.bookCost ul li a {width:30px; height:30px; line-height:28px;}
|
|
.bookCost ul li input[type="text"] {width:40px; height:30px; margin: 0 5px !important}
|
|
.bookCost{padding: 10px 10px !important; margin: 0 5px !important}
|
|
.bookCost ul {margin:0 7px;}
|
|
}
|
|
@media (max-width: 500px){
|
|
#confirmbox {
|
|
padding: 40px 10%;
|
|
}
|
|
}
|
|
|
|
/*신청 전 필수 확인*/
|
|
.mainconfirmbox {
|
|
position: fixed;
|
|
top: 50%;
|
|
text-align: center;
|
|
width: 90%;
|
|
line-height: 50px;
|
|
font-size: 18px;
|
|
z-index: 3000;
|
|
display: none;
|
|
max-width: 640px;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.mainconfirmbox .box_bg {
|
|
background-color: #fff;
|
|
padding: 20px;
|
|
}
|
|
|
|
.mainconfirmbox h1 {
|
|
font-size: 24px;
|
|
color: #fff;
|
|
background-color: #000;
|
|
}
|
|
|
|
.mainconfirmbox h2 {
|
|
font-size: 20px;
|
|
color: red;
|
|
display: inline-block;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.mainconfirmbox h2::after {
|
|
content: '';
|
|
display: block;
|
|
width: 100%;
|
|
border: 1px solid #5e5e5e;
|
|
margin-top: -13px;
|
|
}
|
|
|
|
.mainconfirmbox p {
|
|
font-size: 16px;
|
|
line-height: 1.5em;
|
|
font-weight: 700;
|
|
margin: 15px;
|
|
}
|
|
|
|
.mainconfirmbox p span.red {
|
|
color: red;
|
|
}
|
|
|
|
.mainconfirmbox p span.blue {
|
|
color: blue;
|
|
}
|
|
|
|
.mainconfirmbox input {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mainconfirmbox .confirmbtnbox {
|
|
background-color: currentColor;
|
|
padding-bottom: 0;
|
|
margin-top: 0;
|
|
} |