@charset "utf-8"; /* 비주얼바로가기 */ #multipleContentsDiv_temp_org_3_12 ._obj:nth-child(2){position: absolute; bottom: 65px; right:50%; z-index: 110;width:400px !important;margin-right:-800px !important;} @media all and (max-width: 1600px) { #multipleContentsDiv_temp_org_3_12 ._obj:nth-child(2){right: 20px;margin-right:auto !important;} } @media all and (max-width: 1023px) { #multipleContentsDiv_temp_org_3_12 ._obj:nth-child(2){position: relative;width:auto !important; bottom:auto; right:auto;} } /* 비주얼텍스트 */ #multipleContentsDiv_temp_org_3_12 ._obj:nth-child(3){position: absolute; bottom: 130px; width: 1150px !important; left: 50%; margin-left:-800px !important;} .visual-slogan{padding-left:110px;} .visual-slogan .college-name{font-size: 22px; font-family: 'Mont SemiBold'; color: #069edb; margin-bottom: 3px;} .visual-slogan h1{font-size: 45px; color: #2c2c2c; font-family: 'Noto Light'; margin-bottom: 25px;} .visual-slogan h1 span{font-family: 'Noto Bold';} .visual-slogan p{font-size: 24px; color: #777777; font-family: 'Noto Light';} @media all and (max-width: 1600px) { #multipleContentsDiv_temp_org_3_12 ._obj:nth-child(3){width: calc(100% - 440px) !important; left: 0; margin-left:0 !important;} .visual-slogan .college-name{font-size: 20px;} .visual-slogan-box h1{font-size: 44px; margin-bottom: 20px;} .visual-slogan-box p{font-size: 20px;} } @media all and (max-width: 1300px) { .visual-slogan-box .college-name{font-size: 18px;} .visual-slogan-box h1{font-size: 40px;} .visual-slogan-box p{font-size: 16px;} } @media all and (max-width: 1023px) { #multipleContentsDiv_temp_org_3_12 ._obj:nth-child(3){width:100% !important;bottom: auto; top: 470px;} #menu1329_obj459{} } @media all and (max-width: 768px) { #multipleContentsDiv_temp_org_3_12 ._obj:nth-child(3){top: 335px;} .visual-slogan{padding: 0 20px;} .visual-slogan h1{font-size: 30px;} } @media all and (max-width: 530px) { .visual-slogan h1{font-size: 25px;} } @media all and (max-width: 420px) { #multipleContentsDiv_temp_org_3_12 ._obj:nth-child(3){top: 225px;} .visual-slogan-box h1{font-size: 22px;} .visual-slogan-box h1 span { display:block; } .visual-slogan-box p{font-size: 14px;} } /*?? .college-link{text-align: right;} .college-link::after{content:""; display: table; clear: both;} .college-link .container{position: relative; max-width: 1600px; margin: 0 auto;} */ /* 바로가기서비스 */ .link-box{background: url(/sites/t_orga_5/images/main/link-background.png) no-repeat top center; max-width: 400px; display: inline-block; text-align: left; box-shadow: 2px 0px 20px rgb(4 0 0 / 31%); position: relative; z-index: 100; float: right;background-size: cover;} .link-box-wrap{padding: 33px 50px 50px 50px; width: 100%;} .link-box-header{margin-bottom: 27px;} .link-box-header::before{content:"";display: block; float: right; width: 104px; height: 77px; background: url(/sites/t_orga_5/images/main/link-icon.png);} .link-box-header::after{content:"";display: table;clear: both;} .link-box-title{line-height: 1; float: left; margin-top: 12px; margin-right: 17px;} .link-box-title p{font-size: 20px; color: #2a2a2a; margin-bottom: 5px;} .link-box-title h1{font-size: 28px; color: #2a2a2a; font-family: 'Noto Medium';} .partnership{margin-bottom: 15px;} .partnership::after, .sltemap::after{content:"";display: table;clear: both;} .link-box-content select{width: calc(100% - 65px); border: 0;float: left; padding:18.5px 0 18.5px 20px; font-family: 'Noto Light'; color: #2a2a2a; display: block;height: auto; line-height: 1; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('/sites/t_orga_5/images/main/link-selectbox.png') no-repeat right 20px center; background-color: white; box-shadow: 0px 2px 20px rgba(0,0,0,0.31);} select::-ms-expand { display: none; } .link-box-content input{text-indent: -9999px; width: 65px; height: 50px; background: url(/sites/t_orga_5/images/main/link-go.png); float: left; cursor: pointer;} .more-link-box{margin-top: 15px;} .more-link-box::after{content:"";display: table;clear: both;} .rule-box{width: 47.5%; float: left; background-color: #5fb80c;} .rule-box a{width: 100%; height: 100%; padding: 18px 0 10px 0; display: block;} .rule-image{width: 46px; height: 46px; margin: 0 auto; background: url(/sites/t_orga_5/images/main/link-more_1.png);} .rule-box p{font-size: 17px; font-family: 'Noto Regular'; text-align: center; color: white; margin-top: 10px;} .format-box{width: 47.5%; float: right; background-color: #fd9b00;} .format-box a{width: 100%; height: 100%; padding: 18px 0 10px 0; display: block;} .format-image{width: 46px; height: 46px; margin: 0 auto; background: url(/sites/t_orga_5/images/main/link-more_2.png);} .format-box p{font-size: 17px; font-family: 'Noto Regular'; text-align: center; color: white; margin-top: 10px;} @media all and (max-width: 1023px) { .college-link .container{padding: 0;} .link-box{max-width: none; width: 100%; background-size: cover; box-shadow: none; display: block; float: none;} } @media all and (max-width: 768px) { .link-box-wrap{padding: 40px;} } @media all and (max-width: 420px) { .link-box-wrap{padding: 15px;} .link-box-title p{font-size: 16px;} .link-box-title h1{font-size: 22px;} .link-box-title{margin-top: 17px;} } /* 퀵서비스 */ #multipleContentsDiv_temp_org_3_59 ._obj:nth-child(2){position: absolute; right:50%; top: 80px;width:400px !important;margin-right:-800px !important;} .quick-menu-wrap{text-align: right; position: relative;} .quick-menu-wrap .container{text-align: right;} .quick-menu{width: 400px; display: inline-block; text-align: left; box-shadow: 0px 5px 15px rgba(0,0,0,0.3);} .quick-inner{background-color: white; padding: 40px 0 25px 50px;} .quick-box::after{content:"";display: table; clear: both;} .quick-box{margin-bottom: 19px;} .quick-box:last-child{margin-bottom: 0;} .quick-image{float: left; width: 80px;} .quick-image img{width: 100%;} .quick-content{float: left; margin-left: 35px; width: calc(100% - 115px); margin-top: 7px;} .quick-content h1{font-family: 'Noto Regular'; font-size: 20px; color: #535353;} .quick-content p{color: #535353; line-height: 20px;} .quick-remote{width: 400px; text-align: left; position: relative; background-color: #0b4da2;} .quick-remote p{font-size: 18px; font-family:'TitilliumWeb-Regular'; color: white; padding: 20px 0; padding-left: 25px;} .quick-menu-wrap .slick-dots{position: absolute; bottom: -40px; left: 50%; z-index: 500; margin-top: -4px;} .quick-menu-wrap .slick-dots li{float: left; display: block; text-indent: -9999px; background-color: rgba(255,255,255,.4); border-radius: 50%; width: 8px; height: 8px; margin-right: 7px;} .quick-menu-wrap .slick-dots li:last-child{margin-right: 0;} .quick-menu-wrap .slick-dots li.slick-active{background-color: white;} @media all and (max-width: 1670px) { #multipleContentsDiv_temp_org_3_59 ._obj:nth-child(2){right: 20px;margin-right:auto !important;} } @media all and (max-width: 1500px) { .quick-menu{width: 350px;} .quick-remote{width: 350px;} .quick-inner{padding: 30px 30px 20px 40px;} .quick-image{width: 60px;} .quick-content{margin-top: 0; margin-left: 15px; width: calc(100% - 85px);} .quick-content h1{font-size: 16px;} .quick-content p{font-size: 14px;} .quick-remote p{font-size: 16px; padding-left: 15px;} .quick-menu-wrap .slick-dots{bottom: -37px;} } @media all and (max-width: 1023px) { #multipleContentsDiv_temp_org_3_59 ._obj:nth-child(2){position: static; margin-bottom: 20px;width:auto !important;} .quick-menu-wrap{margin-top: 20px;} .quick-menu, .quick-remote{width: 100%;} .quick-menu-wrap .slick-dots{bottom: -35px;} } @media all and (max-width: 768px) { .quick-inner{padding: 20px;} .quick-remote p{font-size: 14px; padding-left: 10px;} }