@charset "utf-8";
#multipleContentsDiv_temp_graduate_2_70,
#multipleContentsDiv_temp_graduate_2_27{max-width: 1700px; margin: 0 auto; padding: 0 20px;}


/* 비주얼 텍스트 */
#multipleContentsDiv_factory1_29 ._obj:nth-child(2){position: absolute; left: 0; top: 43%; z-index: 100; width: 100% !important; }
#multipleContentsDiv_factory1_29 {overflow: hidden;}
.main-slogan {z-index:1; width:100%; text-align:center; line-height:1.3; }
.main-slogan strong {display: block; padding: 0 30px; font-family:'S-CoreDream-6Bold'; font-size: 30px; color: #fff;}
.main-slogan span {display: block; padding: 0 30px; font-family:'Mont SemiBold'; font-size: 40px; color: #fff;}
@media all and (max-width: 1023px) {
    #multipleContentsDiv_factory1_29 ._obj:nth-child(2){top: 39%;}
    .main-slogan strong {font-size: 25px;}
    .main-slogan span {font-size: 35px;}
}
@media all and (max-width: 830px) {
    .main-slogan strong {font-size: 21px;}
    .main-slogan span {font-size: 28px;}
}
@media all and (max-width: 560px) {
    .main-slogan strong {padding: 0; font-size: 15px;}
    .main-slogan span {padding: 0; font-size: 18px;}
}


/*Story*/
#multipleDiv_temp_graduate_2_27 {padding: 70px 0; background: url('/sites/t_gra_3/images/main/main_con_bg.png') ;}
#multipleContentsDiv_temp_graduate_2_27 {overflow-x: hidden; position: static;}
#multipleContentsDiv_temp_graduate_2_27::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url('/sites/t_gra_3/images/main/main_story_bg.png') no-repeat center bottom;}
@media all and (max-width: 1800px) {
    #multipleContentsDiv_temp_graduate_2_27 {padding: 0 20px;}
}
@media all and (max-width: 1450px) {
    #multipleContentsDiv_temp_graduate_2_27 ._obj:nth-child(1){width: 55%;}
    #multipleContentsDiv_temp_graduate_2_27 ._obj:nth-child(2){width: 45%;}
}
@media all and (max-width: 1024px) {
    #multipleDiv_temp_graduate_2_27 {padding: 30px 0;}
    #multipleContentsDiv_temp_graduate_2_27 ._obj:nth-child(1){width: 100%;}
    #multipleContentsDiv_temp_graduate_2_27 ._obj:nth-child(2){width: 100%;}
}


/*Contact*/
.wrap-contact {display: table; width: 100%; height: 400px; background: url('/sites/t_gra_3/images/main/main_cotact.jpg') no-repeat center top; background-size: cover; text-align: center; color: #fff;}
.wrap-contact .tel {display: table-cell; width: 50%; vertical-align: middle;}
.wrap-contact .tel p {margin-top: 5px;}
.wrap-contact .tel .title {display: inline-block; padding: 0 0 50px 0;}
.wrap-contact .tel .title span {background: #009fe7; padding: 3px 10px; font-family: 'Noto Bold'; font-size: 34px;}
.wrap-contact .tel p span{display:block;}
.wrap-contact .tel .text {font-family:'Mont Regular'; font-size: 24px;}
.wrap-contact .tel .num {font-family:'Mont SemiBold';  font-size: 24px;}
.wrap-contact .link {display: table-cell; width: 50%; background: rgba(0,180,255, .8); vertical-align: middle;}
.wrap-contact .link .title {display: inline-block; width: 100%; padding-bottom: 40px; font-family: 'Noto Bold'; font-size: 34px; color: #fff;}
.wrap-contact .link a {display: block; font-family: 'Noto Regular'; font-size: 20px; color: #fff;}
.wrap-contact .link a span {position: relative;}
.wrap-contact .link a span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0px; height: 11px; background: rgba(255,255,255,.4); transition: .4s;}
.wrap-contact .link a:hover span::after {width: 100%;}
.wrap-contact .link a.middle {padding: 30px 0;}
@media all and (max-width: 1230px) {
    .wrap-contact .link {display: none;}
}

@media all and (max-width: 1023px) {
    .wrap-contact .link {display: table-cell;}
}
@media all and (max-width: 600px) {
    .wrap-contact,
    .wrap-contact .tel,
    .wrap-contact .link {display: block; width: 100%;}
    .wrap-contact .tel {padding: 20px 0;}
    .wrap-contact .tel .title {padding: 0 0 15px 0;}
    .wrap-contact .tel .title span {font-size: 22px;}
.wrap-contact .tel p span{display:inline-block;margin-right:5px;}
    .wrap-contact .tel .text {font-size: 18px;}
    .wrap-contact .tel .num {font-size: 18px;}
    .wrap-contact .link {padding: 20px 0;}
    .wrap-contact .link .title {padding: 0 0 15px 0; font-size: 22px;}
    .wrap-contact .link a {font-size: 18px;}
    .wrap-contact .link a.middle {padding: 10px 0;}
    .wrap-contact {height: auto;}
}