#header .header-area { position: relative; width: 100%; height: 100%; margin: 0 auto; border-bottom: 1px solid #d3d3d3; background-color: #f9f9f9; z-index: 1000; box-sizing:border-box; } #header .top-links-area { border-bottom: 0 none; background: #f0f0f0; z-index: 2; } #header .top-links-area .top-links { height: 40px; max-width: 1280px; background: #f0f0f0; } #header .top-links-area .top-links .left { position: relative; float: left; } #header .top-links-area .top-links .right { position: relative; float: right; } #header .top-links-area .top-links ul li { display: inline-block; vertical-align: top; } #header .top-links-area .top-links .left ul.direct{ margin-left:10px; } #header .top-links-area .top-links ul.direct li { line-height: 40px; font-weight: 300; display: inline-block; vertical-align: top; margin: 0 15px 0 0px; position: relative; } #header .top-links-area .top-links ul.direct li::before { display: block; width: 4px; height: 4px; content: ""; position: absolute; top: 48%; right: -9px; background: #aaa; border-radius: 50%; } #header .top-links-area .top-links ul li a { display: block; } #header .top-links-area .top-links:after { clear: both; display: block; content: ''; } #header .top-links-area .top-links .right a{ position: relative; display: inline-block; vertical-align: top; font-weight: 300; margin: 0 7px; line-height: 40px; } #header .top-links-area .top-links .right a.sitemap { background: url(/images/common/all-menu.png) no-repeat center left; padding-left: 20px; } #header .top-links-area .top-links .right a.login { background: url(/images/common/top-certify.png) no-repeat center left; padding-left: 20px; } #header-middle-area { min-height: 90px; padding-top: 27px; } #header-middle-area .header-middle h1 { text-align: center; } #header-middle-area .header-middle h1 a { display: inline-block; } #menu-area { position: relative; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #header #menu { width: 1280px; margin: 0 auto; } #menu ul { z-index: 100; text-align: center; } #menu ul li { display: inline-block; vertical-align: top; text-align: center; margin: 0 2.3%; padding: 0; } /* current menu */ #menu ul li.current ul { display: block; } #menu ul li a.step01 { position: relative; display: block; font-size: 120%; font-weight: 500; text-align: center; margin: 0; padding: 0; transition-duration: 0s; -webkit-transition-duration: 0s; } #menu ul li a.step01 span { position: relative; display: inline-block; padding: 13px 0; border-bottom: 3px solid transparent; } #menu ul li.sfHover a.step01 span, #menu ul li a.step01:hover span, #menu ul li.menu-step01:hover span { color: #161616; border-bottom-color: #00ace1; z-index: 1001; } #menu ul li.current a.step01 span { border-bottom-color: #f05173; z-index: 1001; } #menu ul li div.main-mega div.second-group { width: 1200px; margin: 0 auto; } #menu ul li div.main-mega div.s-title { display: block !important; } #menu ul li div.main-mega div.second-group div.s-title { float: left; width: 200px; min-height: 200px; padding-right: 15px; background: url(/images/common/s-title-bg3.png) 0 100% no-repeat; background-size: 150px; } #menu ul li div.main-mega div.second-group div.s-title h2 { position: relative; color: #0060a7; font-size: 180%; margin: 0 0 15px 0; } #menu ul li div.main-mega div.second-group div.s-title h2:before { content: ''; display: block; width: 30px; height: 2px; margin: 15px 0 15px 3px; background-color: #f5c110; } #menu ul li div.main-mega div.second-group div.s-title p { color: #545454; font-size: 120%; font-weight: 300; } #menu ul li div.main-mega div.second-group div.s-title span { display: block; color: #545454; } #menu ul li div.main-mega div.second-group ul.main-second { float: left; width: 1000px; text-align:left; } #menu ul li div.main-mega { display: none; opacity: 0; position: absolute; top: 57px; left: 0; right: 0; width: 100%; margin: 0; padding: 30px 0; background-color: #f2f2f7; z-index: 1000; } /* #menu ul li.current div.main-mega { display: block; opacity: 1; }*/ #menu ul li.sfHover div.main-mega { display: block; opacity: 1; width: 100%; z-index: 1000; } #menu ul li ul { position: relative; float: none; overflow: hidden; max-width: 1200px; height: 100%; margin: 0 auto; padding: 0; background-color: transparent; z-index: 1000; } #menu ul li:hover ul { display: block; z-index: 100; background: transparent; } #menu ul li:hover ul li:hover ul { z-index: 101; } #menu ul li ul li { position: relative; vertical-align: top; width: 23%; margin: 1%; padding: 0; } #menu ul li ul li a { display: block; color: #fff; font-size: 105%; text-align: left; letter-spacing: -1px; margin: 0; padding: 8px 10px 8px 15px; background: #5792d0; } #menu ul li ul li a:hover { background-color: #f05173; } #menu ul li ul li ul { margin: 0; padding: 8px; } #menu ul li ul li ul li { display: block; position: relative; float: none; text-align: left; width: 100%; max-width: none; margin: 0; padding: 0; } #menu ul li ul li ul li a { display: block; color: #161616; font-size: 105%; letter-spacing: -1px; margin: 0; padding: 0 0 0 10px; background: transparent url(/images/common/bullet.png) 0 50% no-repeat; } #menu ul li ul li li a:after { display: none; } #menu ul li ul li ul li a:hover { color: #f05173; background-color: transparent; text-decoration: underline; } #content-main ul.depth01 li ul li { background: url(/images/common/depth02.png)no-repeat 5px 12px; padding-left: 0.8em; font-size: 100%; margin-bottom: 2px; } #content-main ul.depth01 li { background: url(/images/common/list1.png)no-repeat 0 11px; padding-left: 10px; font-size: 85%; margin-bottom: 6px; } #content-main h5 { font-size: 100%; font-weight: 400; letter-spacing: -1px; background: url(/images/common/h5-bg2.png) no-repeat 0 8px; padding-left: 18px; } #content-main span.block{ display:block; } #content-main .contents-title { font-size: 90%; margin: 0 0 15px 0; padding: 20px; background-color: #fafafa; } h6 { margin: 10px 0 10px 0; color: #35750a; font-size: 90%; font-weight: 500; line-height: 160%; } #content-main ul li.title2{ font-weight: 500; } #content-main p.right{ text-align:right; font-size:85%; } #content-main .content-button{ margin-top: 15px; } #content-main .content-button a{ background: #ff7033 url(/images/common/arrow01.svg) no-repeat right 14px center; color: #fff; padding: 10px 28px 10px 15px; font-size: 75%; font-weight: 400; border-radius: 5px; } #content-main .content-button a:hover{ transition: 0.3s; background: #ff4d00 url(/images/common/arrow01.svg) no-repeat right 11px center; } /*220419*/ #relation-links ul{ width:1280px; } #footer{ width:1280px; } #content-main div.agree-checkbox label { font-size: 16px; } a.url-button { padding: 3px; border: 1px solid #ccc; margin-left: 3px; } /* 2024-09-04 �꾩떆 */ ul.main-second li.last.main09 { position: absolute !important; top: 196px; left: -250px; } #menu ul li ul { overflow: inherit; } /* 2024-09-04 �꾩떆 */