@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&family=Pinyon+Script&display=swap'); @font-face { font-family: 'CJONLYONENEWtitleBold'; font-style: normal; src: url(https://cj.net//font/cjonlyonenew/CJONLYONENEWtitleBold.eot); src: url(https://cj.net//font/cjonlyonenew/CJONLYONENEWtitleBold.eot?#iefix) format('embedded-opentype'), url(https://cj.net//font/cjonlyonenew/CJONLYONENEWtitleBold.woff) format('woff'), url(https://cj.net//font/cjonlyonenew/CJONLYONENEWtitleBold.ttf) format('truetype'); } /* **************************************** * * main * **************************************** */ .no_pd {padding:0px !important;} .sub_wrap_cs .bx-controls-direction {display:none;} .sub_wrap_cs .bx-controls {display:none; z-index:0;} .sub_wrap_cs .bx-wrapper {border:none;} .sub_wrap_cs {width:100%; overflow:hidden; position:relative; } .subv { box-sizing:border-box; } .subv h2 br {display:none;} .subv h2 { font-family:'CJONLYONENEWtitleBold','TmonMonsori', 'Noto Sans KR', sans-serif; padding-bottom:40px; font-weight:normal; } .subv h3{font-size:23px; line-height:33px; padding-bottom:40px; font-weight:400; color:#000 } .subv p { box-sizing:border-box; color:#000} .subv p br {} #slidernew01 { background:#fff url('/img/sub/n011.jpg') no-repeat bottom right 10%; } #slidernew02 { background:#fff url('/img/sub/nbg002.jpg') no-repeat bottom left; } #slidernew03 { background:#fff url('/img/sub/nbg003.jpg') no-repeat top 20% right; } #slidernew04 { background:#fff url('/img/sub/nbg004.jpg') no-repeat top 10% left; } #slidernew05 { background:#fff url('/img/sub/nbg005.jpg') no-repeat top right; } #slidernew06 { background:#fff url('/img/sub/nbg006.jpg') no-repeat top left; } #slidernew07 { background:#fff url('/img/sub/nbg007.jpg') no-repeat bottom right 22%; } #slidernew08 { background:#fff url('/img/sub/nbg008.jpg') no-repeat top left; } #slidernew01 { background-size:auto 380px;} #slidernew02 { background-size:auto 520px;} #slidernew03 { background-size:auto 690px;} #slidernew04 { background-size:auto 670px;} #slidernew05 { background-size:auto 690px;} #slidernew06 { background-size:auto 690px;} #slidernew07 { background-size:auto 380px;} #slidernew08 { background-size:auto 650px;} #slidernew01 h2 , #slidernew01 h3, #slidernew04 h2 , #slidernew04 h3, #slidernew07 h2 , #slidernew07 h3 {color:#129a75; } #slidernew02 h2 , #slidernew02 h3, #slidernew05 h2 ,#slidernew05 h3, #slidernew08 h2 ,#slidernew08 h3 {color:#127e9f; } #slidernew03 h2 , #slidernew03 h3, #slidernew06 h2 ,#slidernew06 h3{color:#2f419d;} #navbx01{position:absolute; text-align:center; z-index:9; top:10px; left:50%; transform:translatex(-50%); padding-bottom:40px;} .sub_wrap_cs .bx-wrapper { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border:none !important; background: none !important; margin:0px !important; } #navbx01:before {content:''; position:absolute; height:1px; width:100%; z-index:3; display:block; top:44px; left:0px; } #navbx01 a {display:inline-block; text-align:center; font-size:16px; line-height:25px; vertical-align:top; position:relative; z-index:9; text-decoration:none; font-weight:500; box-sizing:border-box; color:rgba(0,0,0,0.8)} #navbx01 a strong { color: #000; font-weight:700; z-index:5; position:relative; padding-left:0px;} #navbx01 a.active strong {color:#fff !important;} #navbx01 a.active:after {content:''; position:absolute; border-radius:50%; transform:translateY(-50%); z-index:4; ; border-style:solid; border-width:2px;} #navbx01 a:before {content:''; position:absolute; border-radius:50%; transform:translateY(-50%); z-index:4; } #navbx01.target01 a.active {color:#129a75;} #navbx01.target01 a.active:after {border-color:#129a75;} #navbx01.target01 a:nth-child(1):before{background:#129a75;} #navbx01.target01 a:nth-child(2):before, #navbx01.target01 a:nth-child(3):before, #navbx01.target01 a:nth-child(4):before, #navbx01.target01 a:nth-child(5):before, #navbx01.target01 a:nth-child(6):before, #navbx01.target01 a:nth-child(7):before, #navbx01.target01 a:nth-child(8):before{background:#ddd;} #navbx01.target02 a:nth-child(1), #navbx01.target02 a:nth-child(2) {color:#127e9f;} #navbx01.target02 a.active:after {border-color:#127e9f;} #navbx01.target02 a:nth-child(1) strong {color:rgba(255,255,255,0.6)} #navbx01.target02 a:nth-child(1):before{background:#429ab5; } #navbx01.target02 a:nth-child(2):before{background:#127e9f;} #navbx01.target02 a:nth-child(3):before, #navbx01.target02 a:nth-child(4):before, #navbx01.target02 a:nth-child(5):before, #navbx01.target02 a:nth-child(6):before, #navbx01.target02 a:nth-child(7):before, #navbx01.target02 a:nth-child(8):before{background:#ddd;} #navbx01.target03 a:nth-child(1), #navbx01.target03 a:nth-child(2), #navbx01.target03 a:nth-child(3) {color:#2f419d;} #navbx01.target03 a.active:after {border-color:#2f419d;} #navbx01.target03 a:nth-child(1):before, #navbx01.target03 a:nth-child(2):before{background:#5968b5;} #navbx01.target03 a:nth-child(1) strong, #navbx01.target03 a:nth-child(2) strong {color:rgba(255,255,255,0.6)} #navbx01.target03 a:nth-child(3):before{background:#2f419d;} #navbx01.target03 a:nth-child(4):before, #navbx01.target03 a:nth-child(5):before, #navbx01.target03 a:nth-child(6):before, #navbx01.target03 a:nth-child(7):before, #navbx01.target03 a:nth-child(8):before{background:#ddd;} #navbx01.target04 a:nth-child(1) strong, #navbx01.target04 a:nth-child(2) strong, #navbx01.target04 a:nth-child(3) strong {color:rgba(255,255,255,0.6)} #navbx01.target04 a.active:after {border-color:#129a75;} #navbx01.target04 a:nth-child(1):before, #navbx01.target04 a:nth-child(2):before, #navbx01.target04 a:nth-child(3):before{background:#64b7a0;} #navbx01.target04 a:nth-child(4):before {background:#129a75;} #navbx01.target04 a:nth-child(5):before, #navbx01.target04 a:nth-child(6):before, #navbx01.target04 a:nth-child(7):before, #navbx01.target04 a:nth-child(8):before{background:#ddd;} #navbx01.target05 a:nth-child(5), #navbx01.target05 a:nth-child(5) {color:#127e9f;} #navbx01.target05 a.active:after {border-color:#127e9f;} #navbx01.target05 a:nth-child(1) strong, #navbx01.target05 a:nth-child(2) strong, #navbx01.target05 a:nth-child(3) strong, #navbx01.target05 a:nth-child(4) strong{color:rgba(255,255,255,0.6)} #navbx01.target05 a:nth-child(1):before, #navbx01.target05 a:nth-child(2):before, #navbx01.target05 a:nth-child(3):before, #navbx01.target05 a:nth-child(4):before {background:#429ab5; } #navbx01.target05 a:nth-child(5):before{background:#127e9f;} #navbx01.target05 a:nth-child(6):before, #navbx01.target05 a:nth-child(7):before, #navbx01.target05 a:nth-child(8):before{background:#ddd;} #navbx01.target06 a:nth-child(1) strong, #navbx01.target06 a:nth-child(2) strong, #navbx01.target06 a:nth-child(3) strong, #navbx01.target06 a:nth-child(5) strong, #navbx01.target06 a:nth-child(4) strong{color:rgba(255,255,255,0.6)} #navbx01.target06 a:nth-child(1), #navbx01.target06 a:nth-child(2), #navbx01.target06 a:nth-child(3), #navbx01.target06 a:nth-child(4), #navbx01.target06 a:nth-child(5), #navbx01.target06 a:nth-child(6) {color:#2f419d; } #navbx01.target06 a:nth-child(1):before, #navbx01.target06 a:nth-child(2):before, #navbx01.target06 a:nth-child(3):before, #navbx01.target06 a:nth-child(4):before, #navbx01.target06 a:nth-child(5):before, #navbx01.target06 a:nth-child(6):before {background:#5968b5;} #navbx01.target06 a:nth-child(7):before, #navbx01.target06 a:nth-child(8):before {background:#ddd;} #navbx01.target06 a.active:after {border-color:#5968b5;} #navbx01.target07 a:nth-child(1) strong, #navbx01.target07 a:nth-child(2) strong, #navbx01.target07 a:nth-child(3) strong, #navbx01.target07 a:nth-child(5) strong, #navbx01.target07 a:nth-child(6) strong, #navbx01.target07 a:nth-child(4) strong{color:rgba(255,255,255,0.6)} #navbx01.target07 a:nth-child(4):before, #navbx01.target07 a:nth-child(5):before, #navbx01.target07 a:nth-child(6):before, #navbx01.target07 a:nth-child(7):before, #navbx01.target07 a:nth-child(8):before{background:#ddd;} #navbx01.target07 a.active:after {border-color:#129a75;} #navbx01.target07 a:nth-child(1), #navbx01.target07 a:nth-child(2), #navbx01.target07 a:nth-child(3), #navbx01.target07 a:nth-child(4), #navbx01.target07 a:nth-child(5), #navbx01.target07 a:nth-child(6), #navbx01.target07 a:nth-child(7) {color:#129a75;} #navbx01.target07 a:nth-child(1):before, #navbx01.target07 a:nth-child(2):before, #navbx01.target07 a:nth-child(3):before, #navbx01.target07 a:nth-child(4):before, #navbx01.target07 a:nth-child(5):before, #navbx01.target07 a:nth-child(6):before{background:#64b7a0;} #navbx01.target07 a:nth-child(7):before{background:#129a75;} #navbx01.target08 a:nth-child(1), #navbx01.target08 a:nth-child(2), #navbx01.target08 a:nth-child(3), #navbx01.target08 a:nth-child(4), #navbx01.target08 a:nth-child(5), #navbx01.target08 a:nth-child(6), #navbx01.target08 a:nth-child(7), #navbx01.target08 a:nth-child(8) {color:#127e9f;} #navbx01.target08 a:nth-child(1):before, #navbx01.target08 a:nth-child(2):before, #navbx01.target08 a:nth-child(3):before, #navbx01.target08 a:nth-child(4):before, #navbx01.target08 a:nth-child(5):before, #navbx01.target08 a:nth-child(6):before, #navbx01.target08 a:nth-child(7):before{background:#429ab5; } #navbx01.target08 a:nth-child(8):before {background:#127e9f;} #navbx01.target08 a.active:after {border-color:#127e9f;} #navbx01.target08 a:nth-child(1) strong, #navbx01.target08 a:nth-child(2) strong, #navbx01.target08 a:nth-child(3) strong, #navbx01.target08 a:nth-child(5) strong, #navbx01.target08 a:nth-child(6) strong, #navbx01.target08 a:nth-child(7) strong, #navbx01.target08 a:nth-child(4) strong{color:rgba(255,255,255,0.6)} #slidernew02, #slidernew04, #slidernew06, #slidernew08 { text-align:right; } /*웹*/ @media (min-width:1024px) { #navbx01 a strong {font-size:30px; line-height:90px; } #navbx01 a.active:after { height:69px; width:69px; } .subv h2 {font-size:55px; line-height:60px ; letter-spacing:-2px; } .subv h3{font-size:23px; line-height: 1.6; letter-spacing:-1px;} .subv , .sub_wrap_cs { height:690px; } .subv p {font-size:18px;} .subv:nth-child(2n-1) h3 span {display:block; padding-left:30px; color:#000} .subv:nth-child(2n) h3 span {display:block; padding-right:30px; color:#000} .subv {width:100%; box-sizing:border-box; } .subv section { box-sizing:border-box; margin-left:auto; margin-right:auto; max-width:1500px; width:98%;} #slidernew01, #slidernew03, #slidernew05, #slidernew07 {padding:220px 0px 0px 0px !important; } #slidernew02, #slidernew04, #slidernew06, #slidernew08 {padding:220px 0 0px 0px !important;} #navbx01 {text-align:left;} #navbx01 a {display:inline-block !important;} } /*웹2*/ @media (min-width:1431px) { #navbx01{width:1500px; } #navbx01 a {width:180px; } #navbx01 a.active:after { left:54px; top:45px; } #navbx01 a:before { left:62px; top:45px; } #navbx01 a:before { height:58px; width:58px;} #navbx01.target01:before { background: linear-gradient(to right,#129a75 0%, #129a75 113px, #ddd 113px, #dddd 100%); } #navbx01.target02:before { background: linear-gradient(to right,#127e9f 0%, #127e9f 290px, #ddd 290px, #ddd 100%); } #navbx01.target03:before { background: linear-gradient(to right,#2f419d 0%, #2f419d 670px, #ddd 670px, #ddd 100%); } #navbx01.target04:before { background: linear-gradient(to right,#129a75 0%, #129a75 880px, #ddd 880px, #ddd 100%); } #navbx01.target05:before { background: linear-gradient(to right,#127e9f 0%, #127e9f 970px, #ddd 970px, #ddd 100%); } #navbx01.target06:before {background: linear-gradient(to right,#2f419d 0%, #127e9f 1300px, #ddd 1300px, #ddd 100%); } #navbx01.target07:before {background: linear-gradient(to right,#129a75 0%, #129a75 1500px, #ddd 1500px, #ddd 100%); } #navbx01.target08:before {background: linear-gradient(to right,#127e9f 0%, #127e9f 100%); } #slidernew01 { background-size:auto 410px;} #slidernew02 { background-size:auto 460px;} #slidernew03 { background-size:auto 550px;} #slidernew04 { background-size:auto 610px;} #slidernew05 { background-size:auto 640px;} #slidernew06 { background-size:auto 630px;} #slidernew07 { background-size:auto 410px;} #slidernew08 { background-size:auto 660px;} .subv:nth-child(2n-1) p {padding-left:37%;} .subv:nth-child(2n) p{padding-right:37%;} } /*웹3*/ @media (min-width:1024px) and (max-width:1430px) { .subv:nth-child(2n-1) p {padding-left:57%;} .subv:nth-child(2n) p{padding-right:57%;} #navbx01{width:100%; max-width:1024px; } #navbx01 a {width:124px; } #navbx01 a.active:after { left:24px; top:45px; } #navbx01 a:before { left:32px; top:45px; } #navbx01 a:before { height:58px; width:58px;} #navbx01.target01:before { background: linear-gradient(to right,#129a75 0%, #129a75 98px, #ddd 98px, #dddd 100%); } #navbx01.target02:before { background: linear-gradient(to right,#127e9f 0%, #127e9f 190px, #ddd 190px, #ddd 100%); } #navbx01.target03:before { background: linear-gradient(to right,#2f419d 0%, #2f419d 290px, #ddd 290px, #ddd 100%); } #navbx01.target04:before {background: linear-gradient(to right,#129a75 0%, #129a75 470px, #ddd 470px, #ddd 100%); } #navbx01.target05:before { background: linear-gradient(to right,#127e9f 0%, #127e9f 570px, #ddd 570px, #ddd 100%); } #navbx01.target06:before {background: linear-gradient(to right,#2f419d 0%, #127e9f 700px, #ddd 700px, #ddd 100%); } #navbx01.target07:before {background: linear-gradient(to right,#129a75 0%, #129a75 800px, #ddd 800px, #ddd 100%); } #navbx01.target08:before {background: linear-gradient(to right,#127e9f 0%, #127e9f 100%); } #slidernew01 { background-size:auto 370px;} #slidernew02 { background-size:auto 420px;} #slidernew03 { background-size:auto 420px; background-position: right 80%!important;} #slidernew04 { background-size:auto 570px;} #slidernew05 { background-size:auto 590px;} #slidernew06 { background-size:auto 590px;} #slidernew07 { background-size:auto 370px;} #slidernew08 { background-size:auto 550px;} .sub_wrap_cs, .subv { height:820px !important; } } /*패드*/ @media (min-width:641px) and (max-width:1023px) { #navbx01 a strong {font-size:20px; line-height:60px; } #navbx01 a.active:after { height:44px; width:44px; left:57px; top:40px; } #navbx01 a:before { left:62px; top:40px; height:38px; width:38px;} #navbx01{width:100%;} #navbx01 a {width:160px; font-size:14px;line-height:22px; padding:10px 0px 0px 0px;} #navbx01:before { display:none;} #slidernew01 { background-size:auto 370px ; background-position:right bottom;} #slidernew02 { background-size:auto 390px; background-position:left bottom;} #slidernew03 { background-size:auto 490px; background-position:right bottom;} #slidernew04 { background-size:auto 470px; background-position:left bottom;} #slidernew05 { background-size:auto 490px; background-position:right bottom;} #slidernew06 { background-size:auto 490px; background-position:left bottom;} #slidernew07 { background-size:auto 270px; background-position:right bottom;} #slidernew08 { background-size:auto 450px; background-position:left bottom;} .subv h2 {font-size:35px; line-height:40px ; letter-spacing:-1px; } .subv h3{font-size:20px; line-height:30px; letter-spacing:-1px;} .sub_wrap_cs { height:900px !important; padding-top:90px; box-sizing:border-box;} .subv {height:900px; box-sizing:border-box; padding-top:220px;} .subv p {font-size:16px; line-height:28px; } .subv:nth-child(2n-1) h3 span {display:block; padding-left:30px;} .subv:nth-child(2n) h3 span {display:block; padding-right:30px;} .subv:nth-child(2n-1) p {padding-left:37%;} .subv:nth-child(2n) p{padding-right:37%;} .subv section { box-sizing:border-box; margin-left:auto; margin-right:auto; width:98%; max-width:900px;} } /*모바일*/ @media (max-width:640px) { .subv p br { display:none} #navbx01 a strong {font-size:14px; line-height:30px; } #navbx01 a.active:after { height:29px; width:29px; left:3px; top:17px; } #navbx01 a:before { left:8px; top:18px; height:24px; width:24px;} #navbx01{width:100%; padding-bottom:0px !important;} #navbx01 a {width:37px; height:34px; overflow:hidden; color:#fff !important; font-size:11px; line-height:17px; padding:2px 0px 0px 0px;} #navbx01:before { display:none;} #slidernew01 { background-size:auto 150px ; background-position:right bottom} #slidernew02 { background-size:auto 150px; background-position:left bottom} #slidernew03 { background-size:auto 250px; background-position:right bottom} #slidernew04 { background-size:auto 250px; background-position:left bottom} #slidernew05 { background-size:auto 240px; background-position:right bottom} #slidernew06 { background-size:auto 250px; background-position:left bottom} #slidernew07 { background-size:auto 150px; background-position:right bottom} #slidernew08 { background-size:auto 190px;background-position:left bottom} .subv h2 {font-size:20px; line-height:30px ; padding-top:30px; letter-spacing:-1px; padding-bottom:0px; text-shadow:1px 1px 1px rgba(255,255,255,0.9); } .subv h3{font-size:15px; line-height:23px; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(255,255,255,0.5) } .subv h3, .subv h2, .subv p { position:relative; z-index:3; } .sub_wrap_cs { height:500px !important; padding-top:20px; box-sizing:border-box;} .subv {height:550px; box-sizing:border-box; padding-top:30px; position:relative; } .subv:before {content:'';width:100%; height:100%; background:rgba(251,53,15,0.4); top:0; left:0; z-index:3;} .subv p {font-size:14px; line-height:22px; } .subv:nth-child(2n-1) h3 span {display:block; padding-left:30px;} .subv:nth-child(2n) h3 span {display:block; padding-right:30px;} .subv section { box-sizing:border-box; margin-left:auto; margin-right:auto; width:95%; max-width:800px;} } /* **************************************** * * 레이아웃수정 * **************************************** */ .industry .tabView1 .cont2, .tableW {overflow:hidden;} .industry .tabView1 .cont1 {margin-bottom:30px !important; min-height:1px;} .industry .tabView1 .cont1 .img1 {top:50px;} .industry .tabView1 .cont2 {margin-top:-20px;} .industry .tabView1 .cont2 .tab2 a span::before {display:none;} /*웹*/ @media (min-width:1024px) { .industry .tabView1 .cont2 .tab2 a { font-size: 18px; color: #fff; letter-spacing: 0px; } } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .industry .tabView1 .cont2 .tab2 {width:auto !important; width:100% !important;} .industry .tabView1 .cont2 .tab2 li {width:auto !important; } .industry .tabView1 .cont2 .tab2 a { font-size: 18px; box-sizing:border-box; color: #fff; letter-spacing: 0px; width:82px !important; height:82px !important; } } /*모바일*/ @media (max-width:640px) { .industry .tabView1 .cont2 .tab2 {width:auto !important; width:100% !important;} .industry .tabView1 .cont2 .tab2 li {width:auto !important; } .industry .tabView1 .cont2 .tab2 a { font-size: 14px !important; box-sizing:border-box; color: #fff; letter-spacing: 0px; width:62px !important; height:62px !important; } } /* **************************************** * * 코딩수정 * **************************************** */ /*대구의 산업*/ @media all and (max-width:1400px){ } @media all and (max-width:1300px){ } @media all and (max-width:1023px){ } @media all and (max-width:768px){ } @media all and (max-width:480px){ } /* **************************************** * * mmtab_new * **************************************** */ #mmtab_new { text-align:center; } #mmtab_new li {display:inline-block; float:none; opacity:0.6; padding-bottom:22px; position:relative; z-index:1;} #mmtab_new li.active {opacity:1;} #mmtab_new li.active:before {content:''; display:block; border-radius:3px !important; width:60px; height:60px; background:#0db299; position:absolute; left:50%; transform:translateX(-50%) rotate(45deg); z-index:-1; } #mmtab_new li.active:hover:before {background:#3dc1ad;} #mmtab_new li:last-child:before {background:#12a4ad !important; } #mmtab_new li:last-child.active:before {background:#12a4ad !important;} #mmtab_new li:last-child.active:hover:before {background:#5095ac !important;} /*웹*/ @media (min-width:1024px) { #mmtab_new li { padding-bottom:22px; } #mmtab_new li:last-child:before {margin-left:30px;} #mmtab_new li.active:before {border-radius:3px !important; width:60px; height:60px; BOTTOM:18px; z-index:-1; } .industry .tabView1 .cont2 .tab2 a::before { width: 60px; height: 60px; left: 50%; transform:translateX(-50%); top: 35px; margin-left: 0px; background-size:auto 124px; } .industry .tabView1 .cont2 .tab2 a {width: 150px; height: 150px; padding-top: 100px; font-size:18px !important;} .industry .tabView1 .cont2 .tab2 a.medi::before {background-position: -64px 0;} .industry .tabView1 .cont2 .tab2 a.car::before {background-position: -123px 0;} .industry .tabView1 .cont2 .tab2 a.ener::before {background-position: 0px -63px;} .industry .tabView1 .cont2 .tab2 a.robot::before {background-position: -64px -63px;} .industry .tabView1 .cont2 .tab2 a.city::before {background-position: -123px -63px;} } /*웹*/ @media (min-width:1024px) and (max-width:1400px) { .industry .tabView1 .cont2 .tab2 a::before { top: 15px;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .industry .tabView1 .cont2 .tab2 a { font-size:17px !important;} #mmtab_new li { padding-bottom:22px; } #mmtab_new li.active:before {border-radius:3px !important; width:20px; height:20px; BOTTOM:18px; z-index:-1; } } /*패드*/ @media (min-width:956px) and (max-width:1023px) { #mmtab_new li:last-child:before {margin-left:30px;} } /*패드2*/ @media (min-width:800px) and (max-width:955px) { .industry .tabView1 .cont2 .tab2 a {width:120px !important; height:120px !important;} .industry .tabView1 .cont2 .tab2 a {font-size:14px !important; letter-spacing:-1px;} #mmtab_new li {margin-left:-9px;} #mmtab_new li:last-child:before {margin-left:40px;} } /*모바일*/ @media (max-width:640px) { .industry .tabView1 .cont2 .tab2 {padding-bottom:20px !important;} #mmtab_new li { padding-bottom:22px; } #mmtab_new li:last-child:before {margin-left:15px;} #mmtab_new li.active:before {border-radius:3px !important; width:20px; height:20px; BOTTOM:18px; z-index:-1; } } /* **************************************** * * mcontent * **************************************** */ .mcontent { width:100%; overflow:hidden; box-sizing:border-box; display:none; } .mcontent h2 { padding-bottom:30px;font-weight:300; color:#2173bd;} .mcontent h2 span {position:relative; z-index:3; font-weight:600; } .mcontent h2 span:before {content:'';position:absolute; z-index:-1; background:rgba(130, 221, 236, 0.5); width:100%; height:16px; bottom:3px; left:0;} .n_con_new01 {background:url('/img/sub/m0001.jpg') no-repeat;} .n_con_new02 {background:url('/img/sub/m0002.jpg') no-repeat;} .n_con_new03 {background:url('/img/sub/m0003.jpg') no-repeat;} .n_con_new04 {background:url('/img/sub/m0004.jpg') no-repeat;} .n_con_new05 {background:url('/img/sub/m0005.jpg') no-repeat;} .n_con_new06 {background:url('/img/sub/m0006.jpg') no-repeat;} .mcontent h3 { font-weight:300; color:#497dac;} /*웹*/ @media (min-width:1024px) { .mcontent h3 {font-size:18px; line-height:1.8; padding-bottom:20px;letter-spacing:-1px;} .mcontent .txt li {font-size:18px; position:relative; box-sizing:border-box; padding-left:15px;} .mcontent .txt li:before {content:'.'; position:absolute; top:-20px; left:0px; font-size:30px; color:#0868bd;} .mcontent .banner{padding:30px 0px;} .mcontent .banner img{width:100%;} .mcontent h2, .mcontent h2 span {font-size:49px; line-height:63px; letter-spacing:-3px;} } /*웹*/ @media (min-width:1300px) { .n_con_new01, .n_con_new03, .n_con_new05 { background-position: -40px 50px; padding:30px 70px 110px 530px; } .n_con_new02, .n_con_new04, .n_con_new06 { background-position: 100% 50px; padding:40px 520px 110px 70px; } .mcontent {background-size: 510px auto; } } /*웹2*/ @media (min-width:1024px) and (max-width:1299px) { .n_con_new01, .n_con_new03, .n_con_new05 { background-position: -40px 120px; padding:80px 70px 110px 490px; } .n_con_new02, .n_con_new04, .n_con_new06 { background-position: 100% 120px; padding:80px 490px 110px 70px; } .mcontent {background-size: 480px auto; } } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .mcontent {max-width:100%;} /* .industry .tabView1 .cont2 .tab2 a { font-size:17px !important; padding-top:10px !important;} */ .mcontent h2, .mcontent h2 span {font-size:27px; line-height:35px; letter-spacing:-2px;} .mcontent h3 {font-size:17px; padding-right:200px; box-sizing:border-box;line-height:26px; padding-bottom:20px;letter-spacing:-1px; font-weight:300; } .mcontent .txt li {font-size:15px; line-height:26px; padding-bottom:7px; position:relative; box-sizing:border-box; padding-left:15px;} .mcontent .txt li:before {content:'.'; position:absolute; top:-10px; left:0px; font-size:30px; color:#0868bd;} .mcontent .banner{padding:30px 0px;} .mcontent .banner img{width:100%;} .n_con_new01, .n_con_new03, .n_con_new05 { background-position: top right; } .n_con_new02, .n_con_new04, .n_con_new06 { background-position: top right; } .mcontent {background-size: 250px auto; padding:30px 30px 30px 30px; text-align:left;} } /*모바일*/ @media (max-width:640px) { .mcontent h2 span:before {height:8px;} .mcontent {max-width:100%;} .industry .tabView1 .cont2 .tab2 a { font-size:17px !important; padding-top:10px !important;} .mcontent h2, .mcontent h2 span {font-size:20px; line-height:26px; letter-spacing:-1px;} .mcontent h3 {font-size:16px; box-sizing:border-box; line-height:26px; padding-bottom:20px;letter-spacing:-1px; font-weight:300; } .mcontent .txt li {font-size:14px; line-height:22px; padding-bottom:7px; position:relative; box-sizing:border-box; padding-left:15px;} .mcontent .txt li:before {content:'.'; position:absolute; top:-10px; left:0px; font-size:30px; color:#0868bd;} .mcontent .banner{padding:20px 0px;} .mcontent .banner img{width:100%;} .mcontent {background-size:180px auto; background-position:center bottom; padding:30px 30px 240px 30px; text-align:left;} } .display_none {display:none !important;} /* **************************************** * * 대구를 중심으로 주요 기업 * **************************************** */ .industry .tabView1 .map { background: #f7f7f7 url(/img/sub/industryMap1.png) no-repeat left;} .industry .tabView1 .map .wrap .map1, .industry .tabView1 .map .wrap .map2, .industry .tabView1 .map .wrap .map3 {display:block; right: 50px; top: 50px;} /*웹*/ @media (min-width:1024px) { .industry .tabView1 .cont2 .tab2 a { font-size: 18px; color: #fff; letter-spacing: 0px; } } /*패드2*/ @media (min-width:641px) and (max-width:1023px) { .industry .tabView1 .cont2 .tab2 a {font-size:16px; line-height:22px;} } /*패드 + 모바일*/ @media (max-width:801px) { .industry .tabView1 .cont2 .tab2 a::before {display:none;} .industry .tabView1 .cont2 .tab2 {width:auto !important; width:100% !important; padding-bottom:70px;} .industry .tabView1 .cont2 .tab2 li {width:auto !important; margin-bottom:0px; } .industry .tabView1 .cont2 .tab2 a { position:relative; font-size: 13px !important; box-sizing:border-box; color: #fff; border-radius:5px; padding:0px ; padding-top:0px; letter-spacing: 0px; width:62px !important; height:52px !important; } .industry .tabView1 .cont2 .tab2 a span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)} .industry .tabView1 .cont2 .tab2 a.city {margin-left:30px;} .industry .tabView1 .cont2 .tab2 a.city::after {width:17px; height:17px; left:-25px; margin:0px !important; background-size:cover; background-position:center center; top:20px;} } /* **************************************** * * 지원서비스 * **************************************** */ .service .cont1 li div {position:relative; z-index:6;} .service .cont1 p.ont01{background:rgba(49, 134, 138,0.85); } .service .cont1 p.ont02{background:rgba(31, 82, 127,0.85); } .service .cont1 p.ont03{background:rgba(126, 79, 193,0.85); } .service .cont1 p {font-family:'CJONLYONENEWtitleBold'} .service .cont1 li:nth-child(1) .detail-list01 { border:3px solid rgba(49, 134, 138,0.85); } .service .cont1 li:nth-child(2) .detail-list01 { border:3px solid rgba(31, 82, 127,0.85); } .service .cont1 li:nth-child(3) .detail-list01 { border:3px solid rgba(126, 79, 193,0.85); } .detail-list01 {overflow:hidden; box-sizing:border-box; margin-left:auto; margin-right:auto;} .detail-list01 li {width:100% !important; overflow:hidden; font-weight:400; color:#000; box-sizing:border-box; position:relative; text-align:left !important;} .detail-list01 li:before {content:'.'; position:absolute; left:0;} .detail-list01 li ul {display:none;} .detail-list01 li ul li:before {content:'-'; position:absolute; left:0;} .detail-list01 li ul li {color:#666; font-weight:300; } .detail-list01 {position:relative; z-index:1;} .new_cvb_desc01 {width:100%; box-sizing:border-box; position:relative;/* background:#efefef; */overflow:hidden;} .new_cvb_desc01 .tit {text-align:center;} .new_cvb_desc01 .tit dt, .new_link_down h3{ font-family:'CJONLYONENEWtitleBold' } .new_cvb_desc01 .tit dd {} .new_cvb_desc01:before { font-family: 'Pinyon Script', cursive !important;color:rgba(0,0,0,0.2); text-align:center; box-sizing:border-box; content:'+a'; position:absolute; left:0; width:100%; z-index:2; } .new_link_down h3 {text-align:center;} .new_cvb_desc01 .movie_area video {width:100%; height:100%; object-fit:cover; object-position:center;} .new_link_down .downlink a {display:inline-block; width:100%;} .new_link_down h3 {margin-bottom:20px;} .new_link_down .downlink a { color:#000; font-weight:500; border-bottom:3px solid #000; box-sizing:border-box;} .new_link_down .downlink a.wd {border:none; background:blue; color:#fff; background:#3d9fbd url('/img/sub/icon_link_w.png') no-repeat; border-radius:4px;} .new_link_down .downlink a {background:url('/img/sub/icon_link.png') no-repeat} .new_link_down .downlink a.hwp {background:url('/img/sub/icon_hwp.png') no-repeat} .cont3 #pageInfo p {border-radius:50%; position:relative; overflow:hidden; background:#fff;} .cont3 #pageInfo p img {top:50%; left:50%; transform:translate(-50%,-50%);} .overflow {overflow:hidden;} /*웹*/ @media (min-width:1024px) { .detail-list01 {width:86% !important; padding:80px 30px 30px 30px ; margin-top:-80px; border-radius:50px; height:380px;} .detail-list01 li {padding-left:10px; font-size:17px; line-height:26px; padding-top:4px;} .detail-list01 li:before { top:3px;} .detail-list01 li ul li { font-size:14px; line-height:18px; padding-bottom:4px; } .detail-list01 li ul li:before { top:7px;} .new_cvb_desc01 {padding:80px 0px 100px 0px; margin:80px 0px 0px 0px;; } .new_cvb_desc01:before {top:-150px; font-size:300px; line-height:360px;} .new_cvb_desc01 .tit {padding-bottom:30px; padding-top:30px; } .new_cvb_desc01 .tit dt, .new_link_down h3{font-size:40px; line-height:50px; padding-bottom:10px;} .new_cvb_desc01 .tit dd {} .new_cvb_desc01 .nimg {width:38%; float:left; overflow:hidden;} .new_cvb_desc01 .movie_area { float:right; width:50%; margin-top:5% } .new_link_down { padding:30px 0px 60px 0px; overflow:hidden;} .new_link_down .downlink a { font-size:18px; width:48%; line-height:80px; float:left; margin:10px 1%; padding:0px 40px; } .new_link_down .downlink a.hwp { background-size: 25px auto; background-position: 95% center; } .new_link_down .downlink a, .new_link_down .downlink a.wd { background-size: 23px auto; background-position: 95% center; } .cont3 #pageInfo{ width:49% !important; float:left; } .cont3 #pageInfo.last {float:right;} .cont3 #pageInfo p {width:100px; height:100px; float:left;} .cont3 #pageInfo dl {} .cont3 #pageInfo dd {width:auto !important; padding-right:15px;} } /*웹*/ @media (min-width:1024px) and (max-width:1170px) { .detail-list01 {padding:70px 20px 20px 20px ; height:430px;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { body {border:5px solid green;} .detail-list01 {width:86% !important; padding:80px 10px 10px 10px ; margin-top:-80px; border-radius:50px; height:430px;} .detail-list01 li {padding-left:10px; font-size:15px; line-height:20px; padding-top:5px;} .detail-list01 li:before { top:3px;} .detail-list01 li ul li { font-size:13px; line-height:15px; padding-bottom:2px; } .detail-list01 li ul li:before { top:7px;} .new_cvb_desc01 {padding:130px 0px 100px 0px; margin-top:30px; } .new_cvb_desc01:before {top:-110px; font-size:250px; line-height:310px;} .new_cvb_desc01 .tit {padding-bottom:80px; } .new_cvb_desc01 .tit dt, .new_link_down h3{font-size:28px; line-height:33px; padding-bottom:10px;} .new_cvb_desc01 .tit dd { font-size:15px; line-height:22px;} .new_cvb_desc01 .nimg {width:44%; float:left; overflow:hidden;} .new_cvb_desc01 .movie_area { float:right; width:50%; margin-top:11% } .new_link_down { padding:0px 0px 60px 0px; overflow:hidden;} .new_link_down .downlink a { font-size:15px; width:100%; line-height:80px; float:left; margin:10px 1%; padding:0px 10px; } .new_link_down .downlink a.hwp { background-size: 18px auto; background-position: 95% center; } .new_link_down .downlink a.wd{ width:48%; } .new_link_down .downlink a, .new_link_down .downlink a.wd { background-size: 18px auto; background-position: 95% center; } .cont3 #pageInfo{ width:100% !important; margin-bottom:10px; overflow:hidden;} .cont3 #pageInfo.last {float:right;} .cont3 #pageInfo p {width:100px; height:100px; float:left;} .cont3 #pageInfo dl {float:right; width:calc(100% - 160px)} .cont3 #pageInfo dd {width:auto !important; padding-right:15px;} } /*모바일*/ @media (max-width:640px) { .service .cont1 li {width:70%; margin-left:15%;} .detail-list01 {width:100% !important; padding:80px 10px 30px 10px ; margin-top:-80px; border-radius:30px;} .detail-list01 li { margin:10px 0px 0px 0px !important; padding-left:10px; font-size:14px; line-height:17px; padding-top:3px;} .detail-list01 li:before { top:3px;} .detail-list01 li ul li {margin:0px !important; font-size:12px; line-height:14px; margin:0px !important; padding-bottom:2px; } .detail-list01 li ul li:before { top:7px;} .new_cvb_desc01 {padding:130px 0px 100px 0px; margin-top:30px } .new_cvb_desc01:before {top:-160px; font-size:360px; line-height:360px; text-align:right; } .new_cvb_desc01 .tit {padding-bottom:80px; text-align:left;} .new_cvb_desc01 .tit dt, .new_link_down h3{font-size:28px; line-height:33px; padding-bottom:10px;} .new_cvb_desc01 .tit dd { font-size:15px; line-height:22px;} .new_cvb_desc01 .nimg { text-align:Center;overflow:hidden;} .new_cvb_desc01 .movie_area { width:100%; } .new_cvb_desc01 .nimg {position:relative; padding-bottom:30px;} .new_cvb_desc01 .nimg img { width:80%;} .new_cvb_desc01 .movie_area {height:200px; } .new_link_down { padding:0px 0px 20px 0px; overflow:hidden;} .new_link_down .downlink a { font-size:15px; width:100%; line-height:25px; float:left; margin:5px 1%; padding:10px 10px; } .new_link_down .downlink a.hwp { background-size: 16px auto; background-position: 95% center; } .new_link_down .downlink a, .new_link_down .downlink a.wd { background-size: 16px auto; background-position: 95% center; padding-right:30px; } .cont3 #pageInfo{ width:100% !important; margin-bottom:10px; overflow:hidden;} .cont3 #pageInfo.last {float:right;} .cont3 #pageInfo p {width:70px; height:70px; float:left;} .cont3 #pageInfo dl {float:right;} .cont3 #pageInfo dd {width:auto !important; padding-right:15px;} } .important2_desc, .new_modify .info_dcvd dl.title dd {} /* **************************************** * * 유네스코 수정 * ****************************/ /* .unesco { margin-top: 30px} .unesco .top { background:url('../img/sub/unescoBg.jpg') no-repeat left top; margin-bottom:100px; } .unesco .top > dl{text-align:center; } .unesco .top > dl > dt { font-family: 'CJONLYONENEWtitleBold','돋움',Dotum,'굴림',Gulim,Tahoma,Verdana,AppleGothic,sans-serif; font-size:55px; color:#12a4ad; letter-spacing:-1.5px; font-weight:normal }0215 .unesco .top > dl > dt strong {display:block;} .unesco .top > dl > dd {font-size:20px; margin:40px 0 100px; font-weight: 500 !important; color:#000} .unesco .top > div {position:relative;} .unesco .control {position:absolute; bottom:-75px; left:50%; margin-left:-60px; background:#5f646a; z-index:10; } .unesco .control a { position:relative; display:block; float:left; width:60px; height:60px; text-indent:-9999px;} .unesco .control a::before {content:''; position:absolute; width:11px; height:16px; left:50%; top:50%; margin:-8px 0 0 -5px; background:url('../img/sub/unescoArrow.jpg') no-repeat center;} .unesco .control a.next::before {transform:scale(-1,-1);} .unesco .control a.next::after { content:''; position:absolute; left:0; top:50%; width:1px; height:20px; margin-top:-10px; background:rgba(255,255,255,0.5); } .unesco .unesco_ul {height:350px;} .unesco .unesco_ul li {position:relative; color:#fff; background:#000; text-align:center; transition: all 0.2s ease; height:350px; opacity:0.7; } .unesco .unesco_ul .slick-current li { opacity:1; } .unesco .unesco_ul li::before { content:''; position:absolute; left:0; top:0; width:100%; height:100% ; background-position:center !important; background-size:cover !important; -webkit-filter: grayscale(100%); filter:gray; opacity:0.8; } .unesco .unesco_ul li.img1::before { background:url('../img/sub/unescoImg1.jpg'); } .unesco .unesco_ul li.img2::before { background:url('../img/sub/unescoImg2.jpg'); } .unesco .unesco_ul li.img3::before { background:url('../img/sub/unescoImg3.jpg'); } .unesco .unesco_ul li.img4::before { background:url('../img/sub/unescoImg4.jpg'); } .unesco .unesco_ul li.img5::before { background:url('../img/sub/unescoImg5.jpg'); } .unesco .unesco_ul li.img6::before { background:url('../img/sub/unescoImg6.jpg'); } .unesco .unesco_ul li.img7::before { background:url('../img/sub/unescoImg7.jpg'); } .unesco .unesco_ul li.img8::before { background:url('../img/sub/unescoImg8.jpg'); } .unesco .unesco_ul li.img9::before { background:url('../img/sub/unescoImg9.jpg'); } .unesco .unesco_ul li.img10::before { background:url('../img/sub/unescoImg10.jpg'); } .unesco .unesco_ul .slick-center li { transform: scale(1.3); -webkit-transform:scale(1.3); z-index:100;} .unesco .unesco_ul .slick-center li::before { -webkit-filter: grayscale(0); filter:none; } .unesco .unesco_ul .slick-list { overflow:unset; } .unesco .unesco_ul li dl {position:absolute; left:0; bottom:40px; width:100%; padding:0 30px; text-shadow:1px 1px 5px rgba(0,0,0,1); } .unesco .unesco_ul li dt {font-size:23px; font-weight:600; margin-bottom:10px; line-height:1.3; } .unesco .unesco_ul li dt span {display:block; font-size:16px; font-weight:400; letter-spacing:0; margin-top:10px; } .unesco .unesco_ul li dd {font-size:14px; font-weight:300;} .unesco .unesco_ul li dd span.small, .unesco .unesco_ul li dd a { display:block; font-size:12px; letter-spacing:0; } .unesco .unesco_ul li dd a { color:#97faff; text-decoration:underline; } .unesco .map { position:relative; } .unesco .map .btn { position:relative; text-align:center; max-width:850px; margin:250px auto; } .unesco .map .btn a { position:relative; display:flex; align-items:center; position:absolute; width:240px; height:240px; z-index:20; font-size:25px; color:#fff; background:#000; border-radius:50%; letter-spacing:-1px; z-index:40; } .unesco .map .btn a div {width:100%; padding:0 10px;} .unesco .map .btn a div.on::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; border:10px solid rgba(255,255,255,0.2); box-sizing:border-box; -webkit-animation: blink 2s linear infinite; } @-webkit-keyframes blink { 0% { opacity:0.2; } 50% { opacity:1; } 100% { opacity:0.2; } } .unesco .map .btn a strong{display:block;} .unesco .map .btn a img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; opacity:0.6; border-radius:50%; } .unesco .map .btn a .abL { position:absolute; left:50%; bottom:-20px; margin-left:-107px; font-size:20px; font-weight:600; background:#ff6600; padding:10px 20px; border-radius:30px; opacity:0; transition: all 0.2s ease; } .unesco .map .btn a .abL span {display:inline-block; background:url('../img/sub/unescoMap_more.png') no-repeat right center; padding-right:20px; } .unesco .map .btn a:hover .abL { opacity:1; } .unesco .map .btn #pop1 {right:-1%; bottom:35%;} .unesco .map .btn #pop2 {right:-2%; bottom:0;} .unesco .map .btn #pop3 {left:45%; bottom:-31%;} .unesco .map .btn #pop4 {left:9%; bottom:-20%;} .unesco .map .btn #pop5 {left:-25%; top:42%;} .unesco .map .btn #pop6 {left:9%; top:0;} .unesco .map .btn #pop7 {left:38%; top:-11%;} .unesco .map .btn #pop8 {right:-25%; top:-25%;} .unesco .map .btn .bg { position:relative; max-width:850px; margin:0 auto; } .unesco .map .btn > img { position:relative; width:100%; z-index:10; } .unesco .map .btn img.layer { position:absolute; left:0; top:0; height:100%; z-index:20; } .unesco .map .btn img.dot { z-index:30; } .unesco .slick-dots li {width:20%;} @media all and (max-width:1200px){ .unesco .map .btn {margin:200px auto;} .unesco .map .btn a { width:200px; height:200px; font-size:25px; } .unesco .map .btn a .abL {font-size:18px; margin-left:-98px; } .unesco .map .btn .bg { width:90%; } .unesco .map .btn #pop1 {right:5%;} .unesco .map .btn #pop2 {right:6%;} .unesco .map .btn #pop3 {bottom:-28%;} .unesco .map .btn #pop4 {left:16%; bottom:-16%;} .unesco .map .btn #pop5 {left:-8%;} .unesco .map .btn #pop6 {left:17%;} .unesco .map .btn #pop7 {left:41%; top:-8%;} .unesco .map .btn #pop8 {right:-7px; top:-15%; } } @media all and (max-width:1023px){ .unesco .top > dl > dt { font-size:50px; line-height:1.4; } .unesco .top > dl > dd {font-size:20px; margin:40px 0 60px;} .unesco .top > dl > dd p {display:inline;} .unesco .control {bottom:-27px;} .unesco .map .btn {margin:150px auto;} .unesco .map .btn a { width:150px; height:150px; font-size:20px; } .unesco .map .btn a .abL { font-size:16px; margin-left:-75px; opacity:1; padding:10px 15px; } .unesco .map .btn a .abL span {padding-right:0; background:none;} .unesco .map .btn #pop1 {right:11%;} .unesco .map .btn #pop2 {right:10%; bottom:5%;} .unesco .map .btn #pop3 {left:47%; bottom:-23%;} .unesco .map .btn #pop4 {left:18%; bottom:-12%;} .unesco .map .btn #pop5 {left:0;} .unesco .map .btn #pop6 {left:18%; top:7%;} .unesco .map .btn #pop7 {left:42%; top:-3%;} .unesco .map .btn #pop8 {right:0; top:-9%;} .unesco .unesco_ul {height:450px;} .unesco .unesco_ul li {height:450px;} .unesco .unesco_ul .slick-center li { transform: scale(1); -webkit-transform:scale(1);} .unesco .unesco_ul li::before { -webkit-filter: grayscale(0); filter:none; } .unesco .unesco_ul li dt {font-size:25px;} .unesco .unesco_ul li dd {font-size:20px;} } @media all and (max-width:768px){ .unesco .top > dl > dt { font-size:35px; letter-spacing:-1px; } .unesco .top > dl > dd {font-size:16px; margin:20px 0 40px; line-height:1.4} .unesco .unesco_ul li dt {font-size:25px;} .unesco .unesco_ul li dd {font-size:20px;} .unesco .map .btn a { font-size:20px; line-height:1.4 } .unesco .map .btn a .abL { font-size:13px; } } @media all and (max-width:650px){ .unesco .map .btn {margin:0; overflow:hidden;} .unesco .map .btn .bg {display:none;} .unesco .map .btn a { position:relative; left:auto !important; top:auto !important; right:auto !important; bottom:auto !important; float:left; width:31.33%; margin:10px 0 10px 3%; border-radius:20px; } .unesco .map .btn a:nth-child(3n+1) {margin:10px 0;} .unesco .map .btn a .abL {bottom:-10px;} .unesco .map .btn a img { border-radius:20px; } .unesco .map .btn a div.on::before {display:none;} } @media all and (max-width:500px){ .unesco .map .btn a { width:48.5%; } .unesco .map .btn a:nth-child(3n+1) { margin:10px 0 10px 3%; } .unesco .map .btn a:nth-child(2n+1) { margin:10px 0; } .unesco .unesco_ul {height:350px;} .unesco .unesco_ul li {height:350px;} .unesco .unesco_ul li dt {font-size:20px; line-height:1.4} .unesco .unesco_ul li dd {font-size:16px; line-height:1.4} } */ /* .unesco .map .btn a { width:220px !important; height:220px !important; } .unesco .map .btn #pop1 {right: -5%; bottom: 48%;} .unesco .map .btn #pop2 {right: -10%; bottom: -10%; } .unesco .map .btn #pop3 {left: 98%; bottom: 23%;} .unesco .map .btn #pop4 {left: -17%; bottom: -7%;} .unesco .map .btn #pop5 {left:-25%; top:38%;} .unesco .map .btn #pop6 {left: 2%; top: 6%;} .unesco .map .btn #pop7 {left:34%; top:-16%;} .unesco .map .btn #pop8 {right: 3%; top: -15%;} .unesco .map .btn #pop9 {left: 26%; bottom: -27%;} .unesco .map .btn #pop10 {right: 16%; bottom: -30%; } .unesco .map .btn a .abL {transform:translateX(-50%); width:200px; margin-left:0px; } @media all and (max-width:1200px){ .unesco .map .btn a { width:200px; height:200px; font-size:25px; } } @media all and (max-width:1023px){ .unesco .map .btn a { width:150px; height:150px; font-size:20px; } } @media all and (max-width:768px){ } */ /* **************************************** * * legacy_wrap * ****************************/ .legacy_wrap .intro { box-sizing:border-box; position:relative; } .legacy_wrap .intro:before{content:'intro'; color:rgba(0,0,0,0.1); z-index:-1;} .legacy_wrap .event:before{content:'event'; color:rgba(0,0,0,0.1); z-index:2;} .legacy_wrap .intro:before, .legacy_wrap .event:before{ font-weight:800; display:none; position:absolute; text-transform:uppercase;} .legacy_wrap h3.movie {text-transform:uppercase;} .legacy_wrap .event h3, .legacy_wrap h3.movie, .legacy_wrap .intro .txt h3 {font-weight: normal;} /* nt-family:'CJONLYONENEWtitleBold','TmonMonsori', */ .legacy_wrap .intro .txt, .legacy_wrap .intro iframe {position:relative; z-index:2;} .legacy_wrap .intro h3 {text-align:center;} .legacy_wrap .event {background:#3b55a2; width:100%; box-sizing:border-box; position:relative;} .legacy_wrap .event .inwrap {margin-left:auto; margin-right:auto;} .legacy_wrap .event .inwrap .ev01, .legacy_wrap .event .inwrap .ev02, .legacy_wrap .event .inwrap .ev03, .legacy_wrap .event .inwrap .ev04, .legacy_wrap .event .inwrap .ev05, .legacy_wrap .event .inwrap .ev06 {box-sizing:border-box; overflow:hidden;} .legacy_wrap .event .inwrap .ev01 div, .legacy_wrap .event .inwrap .ev02 div, .legacy_wrap .event .inwrap .ev03 div, .legacy_wrap .event .inwrap .ev04 div, .legacy_wrap .event .inwrap .ev05 div, .legacy_wrap .event .inwrap .ev06 div{box-sizing:border-box; overflow:hidden; position:relative; z-index:1;} .legacy_wrap .event .inwrap div div:before {content:''; position:Absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:3;} /*.legacy_wrap .event .inwrap div div:hover:before {background:none;}*/ .legacy_wrap .event h3 {color:#fff;} .legacy_wrap .event .inwrap div div p {color:#fff; z-index:4; position:absolute; font-weight:500;} /*.legacy_wrap .event .inwrap div div:hover > p {text-shadow: 2px 2px 11px #000, 6px 6px 11px rgba(0,0,0,0.6);} .legacy_wrap .event .inwrap div div:hover {border: 5px solid #fff;}*/ .legacy_wrap .event .inwrap .ev01 div{ background:url('/img/sub/onnew01.jpg') no-repeat center center; background-size:cover;} .legacy_wrap .event .inwrap .ev02 div{ background:url('/img/sub/onnew02.jpg') no-repeat center center ; background-size:cover;} .legacy_wrap .event .inwrap .ev03 div{ background:url('/img/sub/exView2-3.jpg') no-repeat center center; background-size:cover;} .legacy_wrap .event .inwrap .ev04 div{ background:url('/img/sub/onnew03.jpg') no-repeat center center; background-size:cover;} .legacy_wrap .event .inwrap .ev05 div{ background:url('/img/sub/onnew04.jpg') no-repeat center right; background-size:cover;} .legacy_wrap .event .inwrap .ev06 div{ background:url('/img/sub/onnew05.jpg') no-repeat center center; background-size:cover;} .legacy_wrap {} .legacy_wrap .event h3 {text-align:center; } .legacy_wrap .event h3 br {display:none} .legacy_wrap .intro .txt p.tit {font-weight:500;} .legacy_wrap .intro .txt p.tit strong{color:#12a4ad; font-weight:500;} /*웹*/ @media (min-width:1024px) { .legacy_wrap .intro {padding:0px 0px 200px 0px; width:90%; position:relative; margin-left:auto; margin-right:auto; max-width:1300px; overflow:hidden; } .legacy_wrap {background:url('/img/sub/sk.gif') no-repeat right 370px ; background-size:auto 700px;} .legacy_wrap .event .inwrap {margin-left:auto !important; margin-right:auto !important; width:92%; max-width:1600px; height:700px; position:relative; z-index:2; } .legacy_wrap .intro:before{ font-size:150px; line-height:170px; letter-spacing:60px;} .legacy_wrap .event:before{ font-size:70px; line-height:110px; letter-spacing:30px;} .legacy_wrap .intro:before {top:40px; left:0px;} .legacy_wrap .event:before {top:130px; right:0%;} .legacy_wrap .intro .txt { width:52%; overflow:hidden; float:left;} .legacy_wrap .intro .txt h3, .legacy_wrap .event h3 {font-size:57px; line-height:70px;} .legacy_wrap .intro .txt h3 br {display:none;} .legacy_wrap .intro .txt p {font-size:18px; padding-top:30px; text-shadow:1px 0px 1px #fff, 0px 0px 10px #fff} .legacy_wrap .intro .txt p.tit {font-size:23px; line-height: 1.6;} .legacy_wrap .intro .movie {position:absolute; top: 10%; right: 0; width: 45%; height: 50%;} .legacy_wrap .intro .movie video {width:100%; height:100%; object-fit:contain; object-position:center;} .legacy_wrap .event {padding:90px 0px 70px 0px; position:relative; } .legacy_wrap .event .inwrap .ev01, .legacy_wrap .event .inwrap .ev02, .legacy_wrap .event .inwrap .ev03, .legacy_wrap .event .inwrap .ev04, .legacy_wrap .event .inwrap .ev05, .legacy_wrap .event .inwrap .ev06 {position:absolute; padding:10px; } .legacy_wrap .event .inwrap .ev01 div, .legacy_wrap .event .inwrap .ev02 div, .legacy_wrap .event .inwrap .ev03 div, .legacy_wrap .event .inwrap .ev04 div, .legacy_wrap .event .inwrap .ev05 div, .legacy_wrap .event .inwrap .ev06 div{ width:100%; height:100%; } .legacy_wrap .event .inwrap .ev01 {left:0; top:0; height:330px; width:26%;} .legacy_wrap .event .inwrap .ev02 {left:26%; top:0px; height:330px; width:48%; } .legacy_wrap .event .inwrap .ev03 {right:0px; top:0px; height:330px; width:26%;} .legacy_wrap .event .inwrap .ev04 {left:0; top:330px; height:330px; width:38%;} .legacy_wrap .event .inwrap .ev05 {right:0; top:330px; height:330px; width:26%;} .legacy_wrap .event .inwrap .ev06 {left:38%; top:330px; height:330px; width:36%;} .legacy_wrap .event .inwrap div div p {font-size:23px; line-height:31px; bottom:30px; left:30px;} .legacy_wrap h3.movie{ font-size:70px; line-height:190px; padding-top:50px; text-align:center; } .legacy_wrap .s_bg_1_2{padding-bottom:90px; } .legacy_wrap .event h3, .legacy_wrap h3.movie, .legacy_wrap .intro .txt h3 { font-size: 40px; letter-spacing: -2px; margin-bottom: 40px; } } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .legacy_wrap .intro {padding:30px 4% 90px 4%; overflow:hidden;} .legacy_wrap {background:url('/img/sub/sk.gif') no-repeat right 900px ; background-size:auto 400px;} .legacy_wrap .intro:before{ font-size:100px; line-height:110px; letter-spacing:40px;} .legacy_wrap .event:before{ font-size:70px; line-height:110px; letter-spacing:30px;} .legacy_wrap .intro:before {top:20px; left:0px;} .legacy_wrap .event:before {top:130px; right:0%;} .legacy_wrap .intro .txt {padding-top:20px; padding-bottom:30px;} .legacy_wrap .intro .txt h3, .legacy_wrap .event h3 {font-size:37px; line-height:50px;} .legacy_wrap h3.movie{ font-size:37px; line-height:190px; text-align:center; } .legacy_wrap .intro .movie video {width:100%; } .legacy_wrap .intro .txt p {font-size:18px; padding-top:30px; text-shadow:1px 0px 1px #fff, 0px 0px 10px #fff} .legacy_wrap .intro .txt p.tit {font-size:20px; line-height:30px;} .legacy_wrap .intro iframe {width:100%; height:400px;} .legacy_wrap .event {padding:70px 0px 70px 0px; position:relative; } .legacy_wrap .event .inwrap {margin-left:2%; width:96%; height:900px; position:relative; z-index:2; } .legacy_wrap .event h3 { padding-left:2%; padding-bottom:60px; } .legacy_wrap .event h3 br {display:none;} .legacy_wrap .event .inwrap .ev01, .legacy_wrap .event .inwrap .ev02, .legacy_wrap .event .inwrap .ev03, .legacy_wrap .event .inwrap .ev04, .legacy_wrap .event .inwrap .ev05, .legacy_wrap .event .inwrap .ev06 {position:absolute; padding:10px; } .legacy_wrap .event .inwrap .ev01 div, .legacy_wrap .event .inwrap .ev02 div, .legacy_wrap .event .inwrap .ev03 div, .legacy_wrap .event .inwrap .ev04 div, .legacy_wrap .event .inwrap .ev05 div, .legacy_wrap .event .inwrap .ev06 div{ width:100%; height:100%; } .legacy_wrap .event .inwrap .ev01 {left:0; top:0; height:300px; width:36%;} .legacy_wrap .event .inwrap .ev02 {right:0%; top:0px; height:300px; width:64%; } .legacy_wrap .event .inwrap .ev03 {left:0px; top:300px; height:300px; width:64%;} .legacy_wrap .event .inwrap .ev04 {right:0; top:300px; height:300px; width:36%;} .legacy_wrap .event .inwrap .ev05 {left:0; top:600px; height:330px; width:36%;} .legacy_wrap .event .inwrap .ev06 {right:0%; top:600px; height:330px; width:64%;} .legacy_wrap .event .inwrap div div p {font-size:23px; line-height:31px; bottom:30px; left:30px;} .legacy_wrap .s_bg_1_2 { background-position:right bottom !important ; background-size:auto 300px !important; padding-bottom:170px;} } /*패드 모바일*/ @media (max-width:768px) { .legacy_wrap .event h3, .legacy_wrap h3.movie, .legacy_wrap .intro .txt h3 { font-size: 30px; letter-spacing: -1px; margin-bottom: 20px; } } /*모바일*/ @media (max-width:640px) { .legacy_wrap .intro {padding:0px 4% 90px 4%; overflow:hidden;} .legacy_wrap {background:url('/img/sub/sk.gif') no-repeat right 900px ; background-size:auto 240px;} .legacy_wrap .intro:before{ font-size:57px; line-height:80px; letter-spacing:20px;} .legacy_wrap .event:before{ font-size:30px; line-height:40px; letter-spacing:20px;} .legacy_wrap .intro:before {top:10px; left:0px;} .legacy_wrap .event:before {top:30px; right:0%;} .legacy_wrap .intro .txt {padding-top:40px; padding-bottom:30px;} .legacy_wrap .intro .txt h3, .legacy_wrap .event h3 {font-size:27px; line-height:40px; text-align:center;} .legacy_wrap h3.movie{ font-size:37px; line-height:190px; text-align:center; } .legacy_wrap .intro .txt p {font-size:13px; line-height:19px; padding-top:20px;} .legacy_wrap .intro .txt p br { display:none} .legacy_wrap .intro iframe {width:100%; height:300px;} .legacy_wrap .intro .txt p.tit {font-size:16px; line-height:24px;} .legacy_wrap .intro .txt p.tit br { display:none} .legacy_wrap .event {padding:60px 0px 50px 0px; position:relative; } .legacy_wrap .event .inwrap {margin-left:2%; width:96%; position:relative; z-index:2; } .legacy_wrap .event h3 { padding-left:2%; padding-bottom:30px; } .legacy_wrap .event h3 br {display:none;} .legacy_wrap .event .inwrap .ev01, .legacy_wrap .event .inwrap .ev02, .legacy_wrap .event .inwrap .ev03, .legacy_wrap .event .inwrap .ev04, .legacy_wrap .event .inwrap .ev05, .legacy_wrap .event .inwrap .ev06 {width:100%; height:170px; margin-bottom:10px;} .legacy_wrap .event .inwrap .ev01 div, .legacy_wrap .event .inwrap .ev02 div, .legacy_wrap .event .inwrap .ev03 div, .legacy_wrap .event .inwrap .ev04 div, .legacy_wrap .event .inwrap .ev05 div, .legacy_wrap .event .inwrap .ev06 div{ width:100%; height:100%; } .legacy_wrap .event .inwrap div div p {font-size:17px; line-height:21px; bottom:30px; left:30px;} .legacy_wrap .s_bg_1_2 { background-position:right bottom !important ; background-size:auto 200px !important; padding-bottom:70px;} .legacy_wrap .intro .movie video {width:100%; } } /* **************************************** * * 유치지원 * ****************************/ .s_bg_1_2 #tab_01 {background:none !important; border-bottom:1px solid #ddd;} .form-desc-new h3 {font-weight:600; position:relative; text-align:center; margin: 3% 0} /*.form-desc-new h3:before {content:''; position:absolute; left:0; background: #12a4ad; display:block; left:50%;transform:translateX(-50%); }*/ .form-desc-new .dotlist_new {overflow:hidden;} .form-desc-new .dotlist_new li{overflow:hidden; position:relative;} .form-desc-new .dotlist_new li:before {content:'.'; color:#3e65bb; position:absolute; left:0;} .form-desc-new .dotlist_new {box-sizing:border-box;} .form-desc-new table {width:80%; border-top:1px solid #ccc; border-right:1px solid #ddd; margin:0 auto} .form-desc-new table thead th {text-align:center;} .form-desc-new table thead {background:#eee; color:#000;} .form-desc-new table thead th, .form-desc-new table thead td {text-align:center; font-weight:bold;border-left:1px solid rgba(0,0,0,0.2);} .form-desc-new table .center {text-align:center;} .form-desc-new table tbody td, .form-desc-new table tbody th{ border-left:1px solid #ddd; border-bottom:1px solid #ddd; } .form-desc-new table tbody th { font-weight:600;} .form-desc-new table tbody td, .form-desc-new table tbody td li{font-weight:300;} .form-desc-new .alert_in {color:#f05454; font-weight:600;} .form-desc-new table tbody td li{ position:relative; } .form-desc-new table tbody td li:before {content:'.'; color:#000; position:absolute; left:0;} .form-desc-new table tbody td li ul li {color:#666;} .form-desc-new table tbody td li ul li:before {content:'-'; color:#666; position:absolute; left:0;} .support_inwrap .txt li{ position:relative; } .support_inwrap .txt li:before {content:'.'; color:#2b91c9; position:absolute; left:0;} .support_inwrap .txt li ul li {color:#666;} .support_inwrap .txt li ul li:before {content:'-'; color:#2b91c9; position:absolute; left:0;} .wd10per {width:10%;} .wd15per {width:15%;} .wd20per {width:20%;} .wd25per {width:25%;} .wd30per {width:30%;} .wd50per {width:50%;} .form-desc-new h5 {color:#3e9ebb} .notice_alert { text-align:right; color:#f05454; width:100%; overflow:hidden; margin-top:10px;} .notice_alert:before {content:'!'; color:#fff; background:#f05454; font-weight:600; } .grap_precess {overflow:hidden; text-align:center; padding-bottom:20px;} .grap_precess .step {position:relative; border-radius:50%; border:2px solid #eee; display:inline-block; vertical-align:middle;} .grap_precess .step dl dt, .grap_precess .step dl dd {color:#222; text-align:left; } .grap_precess .step dl dd {font-weight:500;} .grap_precess .step p {color:rgba(0,0,0,0.9); text-align:left;} .callwrap {float:left; box-sizing:border-box; border:4px solid #ddd; } .support_inwrap {border-bottom:1px solid #ddd; overflow:hidden;} .support_inwrap:last-child {border-bottom:none;} .support_inwrap h4 {color:#3fa6ce; font-weight:600; width:100%; overflow:hidden;} .support_inwrap .tit { background:#3fa6ce; } .support_inwrap .tit dt { color:#fff; font-weight:600;} .support_inwrap .tit dd { color:rgba(255,255,255,0.6);} .support_inwrap .tit {background:#42a9ae; text-align:center; width:100%; box-sizing:border-box; } .support_inwrap .tit .wd100 {width:100%;} /*웹*/ @media (min-width: 1024px) { /* .s_bg_1_2 .tab a {padding-top:20px; padding-bottom:20px;} */ .form-desc-new h3 { font-size: 40px; line-height: 50px; padding-bottom: 10px;} .form-desc-new h3:before {height:3px; top:0px; height:4px; width:50px;} .form-desc-new .dotlist_new {padding-left:5px; text-align:center} .form-desc-new .dotlist_new li{overflow:hidden; padding-left:17px; padding-bottom:10px; font-size:19px; line-height:27px;} .form-desc-new .dotlist_new li:before {font-size:30px; line-height:30px; top:-10px; } .form-desc-new table thead th, .form-desc-new table thead td {font-size:20px; line-height:30px; padding:20px 0px; } .form-desc-new table tbody td, .form-desc-new table tbody td li { } .form-desc-new table tbody td, .form-desc-new table tbody th {padding:20px 20px;} .form-desc-new table tbody td li, .support_inwrap .txt li {padding-left:10px;} .form-desc-new table tbody td li:before, .support_inwrap .txt li:before { top:1px; font-size:15px; line-height:15px;} .form-desc-new table tbody td ul li ul , .support_inwrap .txt li ul {padding-bottom:10px;} .form-desc-new table tbody td ul li ul li, .support_inwrap .txt li ul li{font-size:16px; line-height:22px;} .form-desc-new table tbody td ul li ul li:before, .support_inwrap .txt li ul li:before{ top:1px; font-size:15px; line-height:15px;} .form-desc-new h5{font-size:24px; line-height:34px; padding:30px 0px 10px 0px;} .notice_alert {margin-top:10px;} .notice_alert, .notice_alert:before {font-size:15px; line-height:30px; } .notice_alert:before {padding:0px 10px; margin-right:10px;} .grap_precess .step {border-radius:6px; box-sizing:border-box; position:relative; padding:25px 25px 25px 67px; width:23%; margin:10px 6px} .grap_precess .step dl dt {position:absolute; top:30px; left:5px; padding-left:10px; line-height:60px !important;} .grap_precess .step dl dt{font-size:27px; line-height:30px; border-right:1px solid rgba(0,0,0,0.1); padding-bottom:0px; padding-right:20px;} .grap_precess .step dl dd {font-size:20px; line-height:30px;} .grap_precess .step p {padding-top:10px; FONT-SIZE:14px; line-height:22px;} .callwrap {padding:30px 30px; width:44%; margin:0px 2%;} .support_inwrap {padding:50px 0px;} .support_inwrap .tit { border-radius:20px; margin-bottom:30px; padding:25px 0px;} .support_inwrap h4 {font-size:20px; line-height:80px;} .support_inwrap .tit dt, .support_inwrap .tit dd { display:inline-block; padding:0px 20px; line-height:30px; line-height:35px; } .support_inwrap .tit dd br {display:none;} .support_inwrap .tit dt {font-size:24px; font-weight:600;} .support_inwrap .tit dd {font-size:19px; border-left:1px solid rgba(255,255,255,0.2); } .support_inwrap .txt li { width:50%; float:left; } } /*패드 +모바일*/ @media (max-width:1023px) { /* .s_bg_1_2 .tab a {padding-top:10px; padding-bottom:10px;} */ } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .form-desc-new h3 {font-size:25px; line-height:40px; padding:10px 0px 10px 0px; margin-top:70px;} .form-desc-new h3:before {height:3px; top:0px; height:4px; width:50px;} .form-desc-new .dotlist_new {padding-left:5px;} .form-desc-new .dotlist_new li{overflow:hidden; padding-left:17px; padding-bottom:10px; font-size:17px; line-height:24px;} .form-desc-new .dotlist_new li:before {font-size:30px; line-height:30px; top:-10px; } .form-desc-new table thead th, .form-desc-new table thead td {font-size:16px; line-height:23px; padding:10px 0px; } .form-desc-new table tbody td, .form-desc-new table tbody td li { font-size:16px; line-height: 23px;} .form-desc-new table tbody td, .form-desc-new table tbody th {padding:10px 10px;} .form-desc-new table tbody td li {padding-left:10px;} .form-desc-new table tbody td li:before { top:1px; font-size:15px; line-height:15px;} .form-desc-new table tbody td ul li ul {padding-bottom:10px;} .form-desc-new table tbody td ul li ul li {font-size:16px; line-height:22px;} .form-desc-new table tbody td ul li ul li:before { top:1px; font-size:15px; line-height:15px;} .form-desc-new h5{font-size:24px; line-height:34px; padding:30px 0px 10px 0px;} .notice_alert {margin-top:10px;} .notice_alert, .notice_alert:before {font-size:15px; line-height:30px; } .notice_alert:before {padding:0px 10px; margin-right:10px;} .grap_precess .step {border-radius:6px; box-sizing:border-box; position:relative; padding:10px 10px 10px 60px; width:48%; margin:2px 2px} .grap_precess .step dl dt {position:absolute; top:15px; left:10px; padding-left:10px; font-size:23px; line-height:40px;} .grap_precess .step dl dt{font-size:20px; line-height:30px; border-right:1px solid rgba(0,0,0,0.1); padding-bottom:20px; padding-right:14px;} .grap_precess .step dl dd {font-size:19px; line-height:23px;} .grap_precess .step p {padding-top:7px; FONT-SIZE:14px; line-height:21px;} .callwrap {padding:30px 30px; width:44%; margin:0px 2%;} .support_inwrap {padding:50px 0px;} .support_inwrap .tit { border-radius:20px; margin-bottom:30px; padding:25px 0px;} .support_inwrap h4 {font-size:20px; line-height:80px;} .support_inwrap .tit dt, .support_inwrap .tit dd { display:inline-block; padding:0px 20px; line-height:30px; line-height:35px; } .support_inwrap .tit dd br {display:none;} .support_inwrap .tit dt {font-size:24px; font-weight:600;} .support_inwrap .tit dd {font-size:19px; border-left:1px solid rgba(255,255,255,0.2); } } /*모바일*/ @media (max-width:640px) { .form-desc-new h3 {font-size:20px; line-height:30px; padding:10px 0px 10px 0px; margin-top:40px;} .form-desc-new h3:before {height:3px; top:0px; height:4px; width:50px;} .form-desc-new .dotlist_new {padding-left:5px;} .form-desc-new .dotlist_new li{overflow:hidden; padding-left:16px; padding-bottom:10px; font-size:15px; line-height:24px;} .form-desc-new .dotlist_new li:before {font-size:30px; line-height:30px; top:-10px; } .form-desc-new table thead th, .form-desc-new table thead td {font-size:13px; line-height:20px; padding:10px 0px; } .form-desc-new table tbody td, .form-desc-new table tbody th, .form-desc-new table tbody td li { font-size:13px; line-height: 20px;} .form-desc-new table tbody td, .form-desc-new table tbody th {padding:10px 10px;} .form-desc-new table tbody td li {padding-left:10px;} .form-desc-new table tbody td li:before { top:1px; font-size:14px; line-height:15px;} .form-desc-new table tbody td ul li ul {padding-bottom:10px;} .form-desc-new table tbody td ul li ul li {font-size:13px; line-height:20px; padding-top:3px; padding-bottom:3px;} .form-desc-new table tbody td ul li ul li:before { top:1px; font-size:15px; line-height:15px;} .form-desc-new h5{font-size:24px; line-height:34px; padding:30px 0px 10px 0px;} .notice_alert {margin-top:10px;} .notice_alert, .notice_alert:before {font-size:15px; line-height:30px; } .notice_alert:before {padding:0px 10px; margin-right:10px;} .grap_precess .step {border-radius:6px; box-sizing:border-box; position:relative; padding:20px 20px 20px 100px; width:97% !important; margin:10px 0px} .grap_precess .step dl dt {position:absolute; top:25px; left:20px; padding-left:10px; font-size:26px; line-height:80px;} .grap_precess .step dl dt{font-size:20px; line-height:30px; border-right:1px solid rgba(255,255,255,0.3); padding-bottom:20px; padding-right:20px;} .grap_precess .step dl dd {font-size:16px; line-height:23px;} .grap_precess .step p {padding-top:10px; FONT-SIZE:13px; line-height:23px;} .grap_precess .step {border-radius:6px; box-sizing:border-box; position:relative; padding:10px 10px 10px 60px; width:48%; margin:2px 2px} .grap_precess .step dl dt {position:absolute; top:15px; left:10px; padding-left:10px; font-size:23px; line-height:40px;} .grap_precess .step dl dt{font-size:20px; line-height:30px; border-right:1px solid rgba(0,0,0,0.1); padding-bottom:20px; padding-right:14px;} .grap_precess .step dl dd {font-size:19px; line-height:23px;} .grap_precess .step p {padding-top:7px; FONT-SIZE:14px; line-height:21px;} .callwrap {padding:30px 30px; width:44%; margin:0px 2%;} } /*event_top2*/ .event_top2{overflow:hidden; box-sizing:border-box; background:#cff2f9 url('/img/event.gif') no-repeat ;} .event_top2 h4, .event_top2 h3 {text-align:left !important; font-family: 'CJONLYONENEWtitleBold' !important; font-weight:normal;} .event_top2 h4 {color:#000 !important;} .event_top2 h3 {color:#0474aa} .event_top2 dl {overflow:hidden;} .event_top2 dl dt {background:#1f7ea4; font-weight:bold; color:#fff; text-align:center;} /*웹*/ @media (min-width: 1024px) { .event_top2 {margin-top:40px; padding:60px 70px; background-size:auto 300px; background-position:90% center ;} .event_top2 h4 {font-size:30px !important; line-height:40px !important; margin-bottom:0px !important;} .event_top2 h3 {font-size:50px; line-height:70px; margin-bottom:20px;} .event_top2 dl {width:calc(100% - 350px); padding:4px 0px;} .event_top2 dl dt {float:left; width:210px; border-radius:10px;} .event_top2 dl dd{float:right; width:calc(100% - 250px);} } /*작은웹*/ @media (min-width:1024px) and (max-width:1200px) { .event_top2 { background-size:auto 260px; padding:60px 40px; } .event_top2 dl {width:calc(100% - 260px); } } /*패드 +모바일*/ @media (max-width:1023px) { } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .event_top2 {margin-top:40px; padding:40px 40px 140px 40px; background-size:auto 200px; background-position:90% bottom;} .event_top2 h4 {font-size:26px !important; line-height:40px !important; margin-bottom:0px !important;} .event_top2 h3 {font-size:40px; line-height:50px; margin-bottom:20px;} .event_top2 dl { padding:4px 0px;} .event_top2 dl dt {float:left; width:110px; border-radius:10px;} .event_top2 dl dd{float:right; width:calc(100% - 150px);} } /*모바일*/ @media (max-width:640px) { .event_top2 {margin-top:30px; padding:20px 20px 20px 20px; background-size:auto 110px; background-position:96% 20px;} .event_top2 h4 {font-size:16px !important; line-height:26px !important; margin-bottom:0px !important;} .event_top2 h3 {font-size:26px; line-height:30px; margin-bottom:20px;} .event_top2 h4, .event_top2 h3 {padding-right:125px;} .event_top2 dl { padding:6px 0px;} .event_top2 dl dt { width:100%; border-radius:10px;} .event_top2 dl dt br {display:none;} .event_top2 dl dd{} .event_top2 dl dt, .event_top2 dl dd {font-size:15px; line-height:24px;} } /* **************************************** * * 공통버튼 * **************************************** */ .btnst01 { text-align:center;} .btnst01 a, .btnst01 input{display:inline-block; background:#eee; font-weight:500;} .btnst01 .important {color:#fff; background:#4362bf;} .btnst01 input{ border:none;} .btnst01 br {display:none;} .intit_check {text-align:right; font-size:16px; line-height:40px;} /*웹*/ @media (min-width: 1024px) { .btnst01 {padding:50px 0px;} .btnst01 a, .btnst01 input {width:200px; font-size:20px; line-height:60px; margin:0px 10px; border-radius:30px;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .btnst01 {padding:30px 0px;} .btnst01 a, .btnst01 input{width:160px; font-size:18px; line-height:40px; margin:0px 6px; border-radius:20px;} } /*모바일*/ @media (max-width:640px) { .btnst01 {padding:25px 0px;} .btnst01 a, .btnst01 input{width:106px; font-size:15px; line-height:36px; margin:0px 1px; border-radius:17px;} } /* **************************************** * * 개인정보처리방침 * **************************************** */ .termsBox2 {box-sizing:border-box; width:100%; background:#eee; overflow-y:scroll; } .ontitnew01 {border-left:3px solid #4a69e1; } h5.ontit {text-align:center;} /*웹*/ @media (min-width: 1024px) { .termsBox2 {padding:40px 40px; font-size:16px; line-height:27px;} .ontitnew01 { padding-left:10px; margin-bottom:20px; font-size:20px; line-height:20px;} h5.ontit { font-size:20px; line-height:30px; padding-bottom:40px;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .termsBox2 {padding:40px 40px; font-size:16px; line-height:24px;} .ontitnew01 { padding-left:10px; margin-bottom:20px; font-size:20px; line-height:20px;} h5.ontit { font-size:18px; line-height:30px; padding-bottom:40px;} } /*모바일*/ @media (max-width:640px) { .termsBox2 {padding:20px 20px; font-size:14px; line-height:23px;} .ontitnew01 { padding-left:6px; margin-bottom:10px; font-size:16px; line-height:16px;} h5.ontit { font-size:16px; line-height:24px; padding-bottom:30px;} } .mt50 {margin-top:50px;} /* **************************************** * * dept_new * **************************************** */ .dept_new{box-sizing:border-box; width:100%; background:#eee; } .dept_new li {position:relative;} .dept_new li:before{content:'.'; font-weight:bold; color:#4362bf; position:absolute; left:0;} /*웹*/ @media (min-width: 1024px) { .dept_new {padding:25px 40px; font-size:16px; line-height:27px;} .dept_new li {padding:5px 9px;} .dept_new li:before{font-size:15px;line-height:15px; top:5px;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .dept_new {padding:25px 30px; font-size:16px; line-height:27px;} .dept_new li {padding:5px 9px;} .dept_new li:before{font-size:15px;line-height:15px; top:5px;} } /*모바일*/ @media (max-width:480px) { .dept_new{ padding: 3% } .dept_new li { font-size: 13px; padding-left:10px} } /* **************************************** * * 캘린더 * **************************************** */ .calSrch span{font-family: 'TmonMonsori';} .tableSt2 {width:100%;} .tableSt2 table {border-top:2px solid #000; width:100%;text-align:center; border-right:1px solid #ccc;} .tableSt2 th, .tableSt2 td { border-bottom:1px solid #ccc; border-left:1px solid #ccc; box-sizing:border-box; word-break: break-all;} .tableSt2 tbody th {background:#f2f2f2; text-align:center; } .tableSt2 tbody td { text-align:left; } .tableSt2 select, .tableSt2 input, .tableSt2 textarea {border:1px solid #ddd; max-width:100% !important;} .tableSt2 p {width:100%;} /*웹*/ @media (min-width: 1024px) { .calSrch span , .calSrch a{font-size:40px; line-height:110px;} .boardWrap.list .calendar table td img{ margin-top:20px; width:90%; max-width:150px;} .boardWrap.list .calendar table td {height:140px !important;} .tableSt2 tbody th{padding:15px 0px;} .tableSt2 tbody td{ padding:15px; } .tableSt2 tbody td, .tableSt2 tbody th { line-height:35px; font-size:17px} /* .tableSt2 tbody td input, .tableSt2 tbody td select {line-height:35px; height:35px; min-width:200px !important;} */ .tableSt2 tbody td input[type=text], .tableSt2 tbody td select {line-height:35px; height:35px; min-width:200px !important;} .tableSt2 tbody td input[type=radio], .tableSt2 tbody td input[type=checkbox] {line-height:35px; } .tableSt2 tbody td textarea {line-height:35px; height:300px;} .tableSt2 tbody td select {width:200px !important;} colgroup.mobile {display:none;} br.mobile_show{display:none;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .calSrch span , .calSrch a{font-size:30px; line-height:80px !important;} .boardWrap.list .calendar table td img{ margin-top:20px; width:90%; max-width:150px;} .boardWrap.list .calendar table td {height:110px !important;} .tableSt2 tbody th{padding:11px 0px;} .tableSt2 tbody td{ padding:11px; } .tableSt2 tbody td, .tableSt2 tbody th { line-height:35px; font-size:17px} .tableSt2 tbody td input, .tableSt2 tbody td select {line-height:35px; height:35px; min-width:200px !important;} .tableSt2 tbody td textarea {line-height:35px; height:300px;} .tableSt2 tbody td select {width:150px !important;} colgroup.mobile {display:none;} br.mobile_show{display:none;} } /*모바일*/ @media (max-width:640px) { .calSrch span , .calSrch a{font-size:30px; line-height:50px;} .boardWrap.list .calendar table td img{ margin-top:20px; max-width:110px; width:110px !important;} .boardWrap.list .calendar table td {min-height:80px !important;} .tableSt2 select, .tableSt2 input, .tableSt2 textarea {max-width:230px !important;} colgroup.web_pad {display:none;} .tableSt2 tbody th{padding:8px 0px;} .tableSt2 tbody td{ padding:8px; } .tableSt2 tbody td, .tableSt2 tbody th { line-height:1.3; font-size:12px} .tableSt2 tbody td input, .tableSt2 tbody td select {line-height:30px; height:30px; min-width:80px !important; font-size:12px } .tableSt2 tbody td textarea {line-height:1.3; height:100px;} .tableSt2 tbody td select {width:80px !important;} } /*모바일*/ @media (max-width:768px) { .boardWrap.list .calendar colgroup {display:none;} .boardWrap.list .calendar table td, .boardWrap.list .calendar table tr {display:block; width:100%;} .boardWrap.list .calendar table td {width:100%; position:relative; } .boardWrap.list .calendar table.btn_check td {min-height:60px !important;} .calendar table.btn_check td a {position:absolute; display:inline-block; right:0; top:-10px;} .calendar table.btn_check td a img {width:80px !important;} } /*모바일*/ @media (max-width:600px) { .industry .tabView3 .cont p {width:100%; text-align:center; overflow:hidden; top:0; } .industry .tabView3 .cont p iframe {width:350px; height:233px;} .industry .tabView3 .cont > div {padding-top:260px; margin-top:40px; } .industry .tabView3 .cont dl { text-align:left !important; width:100%; margin:0 !important;} .industry .tabView3 .cont dl dd li {float:left !important; margin:0 20px 0 0 !important;} .industry .tabView3 .cont .text {margin:20px 0 0 !important; } .industry .tabView3 .cont .text br { display:none} .industry .tabView3 .cont img { width:350px; right:auto !important; left:50% !important; margin-left:-175px;} }