@charset "UTF-8";

.typeIntro {position:relative;overflow:hidden;height:100%;min-height:935px;box-sizing:border-box;padding-bottom:85px;background:url(../img/intro/bg_body.jpg) no-repeat center top;}

#header {position:relative;margin-bottom:130px;}
#header header {box-sizing:border-box;text-align:center;}
#header header .logo {display:inline-block;vertical-align:top;}
#header header .logo>a {display:block;overflow:hidden;width:253px;height:32px;background:url(../img/intro/logo.png) no-repeat center;background-size:cover;text-indent:-999px;}


#footer {display:table;position:absolute;left:0;bottom:0;width:100%;height:85px;background:#393939;z-index:5;}
#footer footer {display:table-cell;height:85px;text-align:center;vertical-align:middle;}
#footer footer address {display:inline-block;}
#footer footer p {position:relative;display:block;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:15px;font-weight:200;line-height:21px;text-align:center;letter-spacing:-1px;}
#footer footer p>span {display:inline-block;position:relative;padding-right:15px;margin-right:10px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:15px;font-weight:200;line-height:21px;vertical-align:top;}
#footer footer p>span::before {content:'';position:absolute;right:0;top:4px;width:1px;height:14px;background:#575757;}
#footer footer p>span:last-child {margin-right:0;padding-right:0;}
#footer footer p>span:last-child::before {display:none;}

#container {display:table;width:100%;height:100%;}
#contents {display:table-cell;padding-top:180px;text-align:center;vertical-align:top;}

.intro_menu {font-size:0;text-align:center;}
.intro_menu .tit {color:#222;font-family:'Noto Sans KR',sans-serif;font-size:35px;font-weight:300;line-height:37px;text-align:center;letter-spacing:-3px;}
.intro_menu .tit>strong {display:block;margin-top:10px;color:#222;font-family:'Noto Sans KR',sans-serif;font-size:54px;font-weight:700;line-height:64px;text-align:center;}
.intro_menu .menu {width:100%;margin-top:65px;text-align:center;}
.intro_menu .menu>li {display:inline-block;padding:0 15px;}
.intro_menu .menu>li>a {display:block;width:350px;height:80px;box-sizing:border-box;padding:0 80px 0 40px;border-radius:40px;background-repeat:no-repeat;background-position:right 30px top 50%;background-image:url(../img/intro/ico_lineArrR_white.png);color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:26px;font-weight:200;line-height:80px;letter-spacing:-2px;text-align:left;}
.intro_menu .menu>li>a>b {font-weight:700;}
.intro_menu .menu>li .btn_univGo {background-color:#fd3148;}
.intro_menu .menu>li .btn_ipsiGo {background-color:#003875;}

/*타입2*/
.typeVer2 #header {display:none !important;}
.typeVer2 .intro_menu {padding:60px 0 180px;}
.typeVer2 .tit {color:#222;font-family:'Noto Sans KR',sans-serif;font-size:44px;font-weight:400;line-height:54px;text-align:center;}
.typeVer2 .btm_logo>a {display:block;overflow:hidden;width:253px;height:32px;margin:0 auto;background:url(../img/intro/logo.png) no-repeat center;background-size:cover;text-indent:-999px;}

@media all and (max-width:1041px){
    .typeIntro {padding-bottom:74px;min-height:auto;}

    #header {margin-bottom:75px;}
    #header header .logo>a {width:316px;height:40px;background-image:url(../img/intro/logo_m.png);background-size:auto 100%;}

    #footer {height:74px;}
    #footer footer {height:auto;padding:10px 20px;}

    #contents {padding-top:0;vertical-align:middle;}

    .intro_menu .menu>li>a {width:300px;}

    /*타입2*/
    .typeVer2 .btm_logo>a {width:316px;height:40px;background-image:url(../img/intro/logo_m.png);background-size:auto 100%;}
}
@media all and (max-width: 1024px) and (orientation: portrait){
    .typeIntro {background:url(../img/intro/bg_body_m.jpg) !important;background-position:center !important;background-size:cover !important;}
}

@media all and (max-width:768px){
    #header {margin-bottom:40px;}
    #header header .logo>a {width:158px;height:20px;}

    #footer footer p,
    #footer footer p>span {font-size:12px;line-height:18px;}

    .intro_menu .tit {font-size:18px;line-height:20px;}
    .intro_menu .tit>strong {margin-top:5px;font-size:27px;line-height:37px;}
    .intro_menu .menu {margin-top:37px;}
    .intro_menu .menu>li {display:block;padding:0 0 15px;}
    .intro_menu .menu>li>a {width:70%;max-width:300px;height:45px;margin:0 auto;padding:0 60px 0 30px;font-size:15px;line-height:45px;background-size:auto 7px;background-position:right 20px top 50%;}

    /*타입2*/
    .typeVer2 .intro_menu {padding-bottom:160px;}
    .typeVer2 .tit {font-size:22px;line-height:32px;}
    .typeVer2 .btm_log {height:20px;}
    .typeVer2 .btm_logo>a {position:relative;top:-120px;width:158px;height:20px;}
}
@media all and (max-width: 1024px) and (orientation: landscape){
    #header header .logo>a {width:158px;height:20px;}

    #footer footer p,
    #footer footer p>span {font-size:12px;line-height:18px;}

    #container {min-height:420px;}

    .intro_menu .tit {font-size:18px;line-height:20px;}
    .intro_menu .tit>strong {margin-top:5px;font-size:27px;line-height:37px;}
    .intro_menu .menu>li {display:block;padding:0 0 15px;}
    .intro_menu .menu>li>a {width:60%;max-width:300px;height:45px;margin:0 auto;padding:0 60px 0 30px;font-size:15px;line-height:45px;background-size:auto 7px;background-position:right 20px top 50%;}

    /*타입2*/
    .typeVer2 .tit {font-size:22px;line-height:32px;}
    .typeVer2 .btm_logo>a {width:158px;height:20px;}
}

@media all and (max-width: 820px) and (orientation: landscape){
    .typeIntro {overflow-y:auto;height:auto;}
}

@media all and (max-width:420px){
    #footer footer p>span:first-child {display:block;margin-right:0;padding-right:0;}
    #footer footer p>span:first-child::before {display:none;}

    /*타입2*/
    .typeVer2 .tit {font-size:18px;line-height:28px;}
}

@media all and (max-width:360px){
    .typeIntro {background-image:url(../img/intro/bg_body_m.jpg)}

    /*타입2*/
    .intro_menu .menu>li>a>b {font-weight:500;}
}