/* 도서관 소게 스타일 */
.guide .intro > div {float:left;margin-top: 20px;}
.guide .intro > div:first-child {float:left;}
.guide .intro > div:first-child img {width:100%;height:30vw;max-height:485px}
.guide .intro > div:last-child {background:#19428ef0;padding:20px;height:30vw;max-height:485px;position:relative}
.guide .intro > div:last-child:after {content:'POHANG UNIVERSITY LIBRARY';display:block;position:absolute;right:30px;bottom:20px;font-size:2vw;font-weight:bold;color:rgba(0, 0, 0, 0.2)}
.guide .intro > div:last-child > div {background:#19478e5e;border:2px solid #fff;padding:30px;height:100%}
.guide .intro > div:last-child > div p {font-size:2rem;color:#fff;line-height:1.6;word-break:keep-all}
/*.guide .intro > div:last-child > div p:first-child:first-letter {font-size:5.4rem;line-height:76px;color:#121212;padding:0 20px 0 0;float:left}*/
.guide .lib-intro {font-size:2.2rem}
.guide p.describe.lib-intro {font-weight:normal;border:none;border-top:1px;}
/*.guide p.describe.lib-intro:first-letter {color:#978859;font-size:3.2rem;font-weight:bold}*/
.guide ul li{
    font-size:1.8rem;
}
.guide table ul li{font-size:0.96em}
.guide p {
    font-size:1.8rem;
}
.guide h6:after {
    content: '';
    display: block;
    width: 10px;
    height: 20px;
    border: 5px solid #193c8e;
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
}
.guide h6 {
    padding: 36px 0 24px 20px;
    position: relative;
    font-size: 2.6rem;
    line-height: 1;
    font-weight: normal;
    color: #193c8e;
}
.lst_type {padding: 20px; margin: 0 auto; }
.lst_type li {margin-bottom: 5px; font-size: 1.4rem; font-weight: normal; line-height: 1.6; vertical-align: top; }
.lst_type li span {display: block;	float: left; width: 30px; margin: 0 0 0 -30px; _margin: 0 -3px 0 -15px; color: green; font-weight: bold; }
.lst_type li a {color: #2d2c2d; text-decoration: none; }
.lst_type li a:hover {text-decoration: underline; }
.guide3_list {margin-left:20px; line-height:19px;}
@media(max-width:1400px) {
.guide .intro > div:last-child > div {padding:10px}
.guide .intro > div:last-child > div p {font-size:1.2vw}
.guide .intro > div:last-child > div p:first-child:first-letter {font-size:3.3vw;line-height:4.8vw}
}
@media(max-width:1000px) {
.guide .intro > div:last-child > div p {font-size:1.5vw}
.guide .intro > div:last-child > div p:first-child:first-letter {font-size:3.3vw;line-height:4.8vw}
}
@media(max-width:767px) {
.guide .intro > div:first-child {width:100%}
.guide .intro > div:last-child {width:100%;height:auto}
.guide .intro > div:last-child > div {padding:20px}
.guide .intro > div:last-child > div p {font-size:1.4rem}
.guide .intro > div:last-child > div p:first-child:first-letter {font-size:2.8rem !important;line-height:4.4rem}
}
.journalTable{border-collapse:collapse;width:100%;}
.journalTable td{border:1px solid lightgray;padding:1%;}
.journalTable th{border:1px solid lightgray;padding:1%;text-align:center;background-color:royalblue;color:white;border-bottom:2px solid darkgray;border-top:1px solid darkgray !important;}
.journalTable th:nth-child(1), .journalTable td:nth-child(1){width:23%;text-align:center;border-left:none !important;}
.journalTable td:nth-child(1) img{width:100%;}
.journalTable th:nth-child(2){width:57%;}
.journalTable th:nth-child(3), .journalTable td:nth-child(3){width:20%;text-align:center;border-right:none !important;}
.journalHeader{font-weight:bold;font-size:3rem;margin-top:2%;margin-bottom:1%;}

#engSerial dd a {color:white !important;margin:2px !important;}


.titleClass{
    font-size:17px !important;
}
.etcClass{
    font-size:14px !important;
}
.cell-box{
    overflow:hidden;
    border:1px solid lightgray;
    background-color: #FFFFFF;
    margin: 1px;
    padding: 5px 10px 4px 10px;
    border-radius: 3px;
    margin:1% 0;
}

.cell{
    border:none !important;
}
.cell-box:hover{
    border:1px solid #2458a3 !important;
    background-color: #FFFFFF;
    margin: 1px;
    padding: 5px 10px 4px 10px;
    border-radius: 3px;
    margin:1% 0;
}

.zoomInDiv{
    transform:scale(1.02) !important;
    transition:0.3s !important;
}
.imgHover{
    width:125px !important;
    height:184px !important;
    transition:0.2s !important;
}
.divFix{
    position:inherit;
}
.spanHover{
    width:100% !important;
    transition:1s !important;
}
.bookContent{
    max-width:100%;
    width:100%;
    word-break:break-all;
    padding:0 1%;
}

.noChoiceCell, .noChoiceCellBox{
    opacity:0.6;
    transition:0.3s;
}

.colBookLegend{
    visibility:visible !important;
    display:table;
    margin-left:0.5%;
    font-size:1.5rem;
    font-weight:400;
    width:auto;
}
@media (min-width: 1200px) {
    .select-year {
        width: 18%;
    }
}
.fieldDiv{
    float:left;
    max-width:100%;
    width:87%;
    margin-left:1%;
}
.colBookFieldset{
    width:100%;
    height:auto;
    border:1px solid darkgray;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}

.organImg{display:none;}
.organImg img{width:100%;}

.tb-service th{    text-align: center;    border: 1px solid #ddd;    background: #f5f5f5;}
@media(max-width:1200px) {.fieldDiv{width:86%;}}
@media(max-width:1116px) {.fieldDiv{width:85%;}}
@media(max-width:1047px) {.fieldDiv{width:84%;}}
@media(max-width:988px) {.fieldDiv{width:83%;}}
@media(max-width:936px) {.fieldDiv{width:82%;}}
@media(max-width:890px) {.fieldDiv{width:81%;}}
@media(max-width:849px) {.fieldDiv{width:80%;}}
@media(max-width:812px) {.fieldDiv{width:79%;}}
@media(max-width:779px) {.fieldDiv{width:78%;}}
@media(max-width:767px){
    .coverimg.imgHover{width:135px !important;height:195px !important;}
    .cell-box{margin:0 1%;}
    .cell-box:hover{margin:0 1%;}
    .fieldDiv{width:100%;margin:0;transition:0.3s;height:13rem;}
    .titleClass{font-size:23px !important;}
    .etcClass{font-size:16.5px !important;}
    .colBookLegend{font-size:2.4rem;}
    .organ{display:none;}
    .organImg{display:block;}
}

.lg03Title span{padding-left:1%;}
.lg03Title{font-size:3rem;font-weight:bold;color:#2273b4;}

.singoHead{font-size:2.5rem;font-weight:bold;}
.singoTable{border-collapse:collapse;margin-top:2%;width:70%;border:2px solid cornflowerblue;}
.singo1Td{width:20%;text-align:center;border-right:2px dashed cornflowerblue !important;}
.singoTable tr td{ padding:1%;border-bottom:2px solid cornflowerblue !important;}
.singoApply{width:70%;text-align:center;padding:2%}
.singoApply button{width:auto;font-size:2.5rem;padding:1% 2%;font-weight:bold;background-color:#337ab7;border-radius:1rem;color:white;height:auto;}
.singoWrite{margin-bottom:2%;}
.singoListDiv{border:2px solid lightgray;padding:1%;border-radius:1rem;}

.fa-arrow-right{margin:0 1%;}
.jSearchHead{text-align:center;font-size:2rem;font-weight:bold;border:1px solid lightgray;margin:2%;padding:1% 0;}


.lgHead{font-weight:bold;margin-top:2%;font-size:2.5rem;}
.lgContent{background-color:floralwhite;padding:1% 2%;margin-bottom:1%;}
.lgMarginTop{margin-top:2%;}


.ls02topDiv {font-weight: bold;font-size: 2.6rem;text-indent: -1rem;margin-top: 1%;}
.ls02midDiv {font-weight: bold;font-size: 2.2rem;padding-top: 1%;text-indent: -0.5rem;}
.ls02_1table {width: 60%;}
.ls02_1table tr td, .ls02_1table tr th {border: 2px solid cornflowerblue;padding: 1%;}
.ls02_1table tr th {text-align: center;background-color: aliceblue;}
.ls02_1table tr td:nth-child(1), .ls02_1table tr td:nth-child(3) {text-align: center;}
.ls02_1table tr td:nth-child(1) {border-right: none;}
.ls02_1table tr td:nth-child(3) {border-left: none;}
.ls02_1table tr td:nth-child(2) {padding-left: 2%;border-left: 2px dashed cornflowerblue;border-right: 2px dashed cornflowerblue;}
.ls02_2table {width: 80%;}
.ls02_2table tr td {border: 2px solid cornflowerblue;padding: 1%;}
.ls02_2table .imoTd {text-align: center;border: none;font-size: 30px;color: darkblue;}
.ls02_2table tr td:nth-child(1) {width: 20%;font-weight: bold;text-align: center;border-right: none;}
.ls02_2table tr td:nth-child(2) {padding-left: 3%;width: 60%;border-left: 2px dashed cornflowerblue !important;}
.ls02_3table {width: 60%;}
.ls02_3table tr td {border: 2px solid cornflowerblue;padding: 1%;}
.ls02_3table tr td:nth-child(1) {font-weight: bold;text-align: center;border-right: 2px dashed cornflowerblue;}
.ls02_3table tr td:nth-child(2) {padding-left: 2%;border-left: none;}

.lg04ImgDiv img{width:50%;border:1px solid lightgray;}

.guide .intro > div:last-child > div p:first-child:first-letter {font-size:4rem;line-height:16px;color:#ffffff;float:left}

.guide .outline1 {
    margin-top: 32px;
    position: relative;
    padding-left: 30px;
    font-size: 2rem;
}

.guide .outline1:before {
    content: '';
    display: block;
    width: 10px;
    height: 20px;
    border: 5px solid #193c8e;
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
}
.guide dd > strong.bullet01:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: -1px;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border-radius: 50%;
    border: 2px solid #4f9bd9;
}
.guide dd > strong.bullet01:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 2.8px;
    background: #71bf44;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 3px solid #4f9bd9;
}
.guide dd > .boardbox {
    border: 1px solid #828a90;
    width: 90%;
    text-align: center;
    border-radius: 2px;
    padding: 10px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #636363;
    margin: 10px auto;
    box-shadow: 1px 2px 3px #b7b8bb;
}
.guide .glyphicon {
    color: #337ab7;
    font-size: 30px;
    text-align: center;
    width: 100%;
}

.guide .open-new2:hover, .guide .open-new:focus {
    color: #4d829b;
    border-color: #4d829b;
}
.guide .open-new2 {
    border: 1px solid #cdcdcd;
    padding: 12px;
    margin: auto;
    color: #666;
    display: inline-block;
    margin-top: 6px;
    font-weight: bold;
    background-color: #fff;
    text-align: center;
    border-radius: 2px;
    text-indent: 0;
    position: absolute;
    left: 12%;
    width: 75%;
}
.link-Back {
    position: relative;
    margin-top: 15px;
    height: 60px;
}
.guide .link-Back .glyphicon {
    color: #337ab7;
    font-size: 15px;
    text-align: center;
    width: auto;    
}
.guide .open-new2 > span {
    margin-left: 8px;
    top: 2px;
}
.guide .down-btn {    
    padding: 6px 12px 6px 6px;
    position: relative;
    color: #666;
    display: inline-block;
    margin-top: 6px;
    font-weight: bold;
    background-color: #fff;
    border-radius: 2px;
    text-indent: 0;
}

.application {
    border: 4px solid #121212;
    padding: 4px;
    background: url(../img/img.png) center bottom no-repeat;
    font-size: 1.8rem;
}
.application > div{
    border: 1px solid #121212;
    padding: 20px 20px 40px 20px;
    text-align: center;
    overflow: hidden;
}
.application > div form fieldset > p{
    text-align: left!important;
    font-weight: bold;
    border-bottom: 1px dotted #ddd;
    padding-top: 8px;
}
.application > div form fieldset > strong.document-title {
    font-size: 3.2rem;
    border-bottom: 4px solid #121212;
    padding: 0 16px 8px 16px;
    margin-bottom: 32px;
    display: inline-block;
}
.application > div form fieldset .form-group {
    margin-top: 18px;
    text-align: left;
}
.application-btn {
    background-color: transparent;
}
.application1 {
    background-color: white;
}
.application1 > div > fieldset > div.document-title-div,
.application1 > div > fieldset > div.valignB{
    text-align: center;
}
.application1 > div fieldset > p.document-no {
    font-size: 1.2rem;
    border-bottom: none;
    padding-top: 0;
    text-align: left;
}
.application1 > div > fieldset >div.col-xs-6 {
    width: 100%;
}

.application2 {
    border: 4px solid #121212;
    padding: 4px;
    background: url(../img/img.png) center bottom no-repeat;
    font-size: 1.8rem;
}
.application2 > div{
    border: 1px solid #121212;
    padding: 20px 20px 40px 20px;
    text-align: center;
    overflow: hidden;
}
.application2 > div fieldset > p{
    text-align: left!important;
    font-weight: bold;
    border-bottom: 1px dotted #ddd;
    padding-top: 8px;
}
.application2 > div fieldset > strong.document-title {
    font-size: 3.2rem;
    border-bottom: 4px solid #121212;
    padding: 0 16px 8px 16px;
    margin-bottom: 32px;
    display: inline-block;
}
.application2 > div fieldset .form-group {
    margin-top: 18px;
    text-align: left;
}
.application2-btn {
    background-color: transparent;
}