@charset "utf-8";

.T3_Bheader h1 img{ height:auto;}
.T3_Bheader .gnb_util .lst{ margin-right:1rem;}

.T3_Bfooter .box_footer .box_info{ padding-left:20rem;}
.T3_Bfooter .box_footer .box_info .ft_logo{ top:.4rem;}

/* 외국어번역 관련 수정 */
font {font-size:13px;}
#gnb .wrap > ul > li > a > span > font > font {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.langBox .langIco li a font {font-size:12px; letter-spacing:-1px; line-height:1.1;}
#fullmenuClose font {font-size:0;}

/* translate.google */
body {top:0 !important;}
#selectLanguageOption, #goog-gt-tt, #google_translate_element2, .goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.langLst li:first-child { display: none;!important;}

/* langage */
.gnb_util .lst li a.langBtn{display:inline-block; width:2rem; height:2rem; color:transparent; line-height:0; font-size:0; margin-left:0.5rem; vertical-align:top; text-align:center; background:#5ba3fc url('/images/web/busanedu/main/ico_lang.png') no-repeat center !important;}
.gnb_util .lst li a.langBtn:hover,
.gnb_util .lst li a.langBtn:focus{background-color:#1c5cbb;}
.langBox{display:none; position: absolute; right:50%; top:2rem; width:17rem; height:auto; margin-right:-700px; background:#fff; z-index:101; border:1px solid #ddd; /*font-family: 'GmarketSans';*/}
.langBox .langIco{overflow:hidden;}
.langBox .langIco li{width:50%; float:left; display:table; height:3rem; text-align:left;}
.langBox .langIco li a{position:relative; display:table-cell; vertical-align: middle; line-height:1.1; padding:0 1rem 0 3rem; color:#444; font-size:0.8rem; border-bottom:1px solid #ddd;}
.langBox .langIco li:nth-child(odd) a{border-right:1px solid #ddd;}
.langBox .langIco li img{position:absolute; left:.5rem; top:.4rem; }
.langBox .langLst{margin:1rem; height:6rem; text-align:left; overflow:auto;}
.langBox .langLst a{display:block; color:#333; padding:5px 0; line-height:1.3; font-size:0.75rem;} 
.langBox .langIco li:hover,
.langBox .langIco li:focus{background:#f1f1f1;}
.langBox .langLst a:hover,
.langBox .langLst a:focus{text-decoration: underline; color:#1c5cbb;}

/* SubLayout */
#sub_container_wrap{padding-top:0; font-family: 'GmarketSans';}
.sub_content_wrap{width:100%; max-width:100%;}
.sub_visual{background: #cfedff url('/images/web/hscredit/main/s_visual.jpg') no-repeat center;}
.sub_visual p{ font-size:1.5rem; line-height:1.5; color:#000; text-align:center; padding:2rem 1rem 5rem; word-break: keep-all;}
.sub_visual p strong{color: #0c56c4;}
.sub_visual p span{ position:relative; }
.sub_visual p span:before{ content:""; position:absolute; top:-.75rem; left:calc(50% - .2rem); width:6px; height: 6px; border-radius:50%; background:#1987f8;}
.sub_visual p em{font-style: italic;}

#sublnb{position: absolute; left:0; top:-3rem;; width:100%; height:3rem; background:rgba(0,0,0,0.5); z-index:10;}
#sublnb h2{display:none;}
#sublnb nav{position:relative; width:100%; height:3rem; max-width:1400px; margin:0 auto;} 
#sublnb nav:after{display:block; clear: both; content:"";}
#sublnb nav .home{display:block; width:3rem; height:3rem; font-size:1rem; color:#fff; line-height:3rem; padding:0; background:#144b9e; text-align:center; float:left;}
#sublnb .lnb01 {position: relative; float:left; transition: all .25s ease; -webkit-transition: all .25s ease;}
#sublnb ul {padding-top: 3rem; height: 0;}
#sublnb ul > li {width: 100%; min-width: 290px; height: 3rem; line-height:3rem; background:#0c56c4; opacity: 0; visibility: hidden; transition: all .25s ease; -webkit-transition: all .25s ease;}
#sublnb ul > li a{display:block; color:#fff !important; padding:0 1rem;}
#sublnb ul > li.active {position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; background:none; border-right:1px solid rgba(255,255,255,0.5)}
#sublnb ul > li.active > a {position: relative; color:#fff;}
#sublnb ul > li.active ul{opacity: 1; visibility: visible;} 
#sublnb ul > li.active.depCt > a:before{content:"\e935"; position: absolute; right:0.5rem; top:0; font-family: 'xeicon'; color:#fff; font-size:0.5rem; }
#sublnb ul.open > li.active.depCt > a:before{content:"\e92f"}
#sublnb ul.open {height:auto}
#sublnb ul.open > li{opacity: 1; visibility: visible; background:rgb(40, 107, 207); border-right: 1px solid rgba(255,255,255,0.5);}
#sublnb ul.open > li.active{ background:#0c56c4;}
#sublnb .lnb01 ul {position: absolute; top: 0; left: 100%; opacity: 0; visibility: hidden; transition: all .25s ease; -webkit-transition: all .25s ease;}
#sublnb .lnb01 > li{border-bottom:0; border-top:0; }
#sublnb .lnb01 > li > a{padding:0 1rem;}
#sublnb .lnb01 > li.open > a { border:none; box-shadow:none; background:#0c56c4; font-weight: normal;} 

#sub_content{ position:relative; width:100%; float:none;}
#sub_content .title_area{max-width:1400px; margin:0 auto; padding:3rem 0 1.5rem; border-bottom:0;}
.title_area .pageTitle{text-align:center; font-family: 'GmarketSans'; background:url('/images/web/hscredit/main/pt_slide.gif') repeat-x center;}
.title_area .pageTitle span{padding:0 1rem; background:#fff; min-width: 10rem; display: inline-block;}
.subCntBody{max-width:1400px; line-height:1.5; margin:0 auto; padding:0;}

.snsBox{bottom:auto; top:-2.9rem; z-index:11; background:rgba(0,0,0,0.5);}
.snsBox > button{background:none; line-height:3rem; width:3rem; height:2.9rem; opacity: 0.7; transition: all .3s; -webkit-transition: all .3s;}
.snsBox .btnPrint{position:relative; margin-left:0; background:url('/images/web/hscredit/main/btn_print.png') no-repeat center;}
.snsBox .btnPrint:before{content:""; position: absolute; left:0; top:25%; width:1px; height:50%; background:rgba(255,255,255,0.2);}
.snsBox .btnShare{background:url('/images/web/hscredit/main/btn_sns.png') no-repeat center;}
.snsBox > button:hover,
.snsBox > button:focus{opacity: 1;}
.snsBox .sns_more{border-radius:0; top:3rem; right:0;}

@media (max-width: 1200px) {
    .snsBox{right:-2.5%;}
}

@media (max-width: 1024px) {
    .T3_Bfooter .box_footer .box_info{ padding-left:0;}
    .T3_Bfooter .box_footer .box_info .ft_logo{ top:auto;}

    .subCntBody { padding:3rem 0 2rem; }

    #sub_content .title_area{border-bottom:1px dashed #ccc; padding:1.5rem 0 1rem; }
    .title_area .pageTitle{text-align:left; background:none;}
    .title_area .pageTitle span{padding:0;}

    #sublnb ul li{min-width:100%;}
    #sublnb ul:not(.mobLnb) > li.active > a{display:none;}
    #sublnb ul{width:calc(100% - 6rem);}
    #sublnb .lnb01 ul{left:0%; width:100%;}
    #sublnb ul > li.active{border-right:0;}
    #sublnb ul > li.active.depCt > a:before{right:1rem;}
}

@media (max-width: 640px) {
    .T3_Bheader .gnb_util .go:after,
    .T3_Bheader .gnb_util .go2:after{ display:none;}
}

@media (max-width: 480px) {
    .T3_Bfooter .box_footer .box_info .ft_logo {max-width: 320px;}
    .sub_visual p{font-size:1.1rem;}
}

@media (max-width: 380px) {

    .snsBox > button{width:2.5rem;}
    .snsBox .btnShare{background-size:1rem auto;}

    #sublnb nav .home{width:0.5rem; font-size:0;}
    #sublnb ul{width:calc(100% - 3rem)}
    #sublnb ul > li.active.depCt > a:before{right:0.5rem;}
}