@charset "utf-8";
.popupitem{position: absolute; display: none; border-radius: 10px; text-align: center; padding: 8px 8px; background-color: #fff; border: 1px solid #ddd;}
.popupitem .inner{padding: 5px 10px; 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;}
.closepopa{float: right; margin-top: -25px; font-size: 20px; padding: 5px 10px;}
.iframeclosebox{height: 30px; line-height: 30px; font-weight: bold; text-align: right;}
.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;}
}

#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: #fff !important;
    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 {
    color:#000 !important;
    padding: 5px 10px !important
}

.btn_black {
    /*border: 2px solid #002c5a;*/
    color: #000 !important;
}
.note-btn.btn_black {
    color:#000 !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;
}
.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;}
.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%;
    }
    .file {
        width:80%;
    }
}