#header .header-area { position: relative; width: 100%; height: 100%; margin: 0 auto; border-bottom: 1px solid #d3d3d3; background-color: #f9f9f9; z-index: 1000; } #header .top-links-area { border-bottom: 0 none; background: #f0f0f0; z-index: 2; } #header .top-links-area .top-links { line-height: 36px; height: 36px; } #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 ul li { margin: 0 10px; } #header .top-links-area .top-links ul li a { display: block; } #header .top-links-area .top-links div#language { position: relative; } #header .top-links-area .top-links div#language a.selection { margin: 0; padding: 0 10px 0 15px; } #header .top-links-area .top-links div#language a.selection span { display: inline-block; vertical-align: top; } #header .top-links-area .top-links div#language a.selection span.b-arrow { margin: 9px 0 0 3px; padding: 0; width: 20px; height: 20px; } #header .top-links-area .top-links div#language a.selection span.b-arrow:before { content: ''; display: inline-block; background: url(/images/common/sb-arrow-g.svg) 50% 50% no-repeat; width: 100%; height: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; } #header .top-links-area .top-links div#language a.selection.on { background: #6be2ff; background: #a3ffb0; } #header .top-links-area .top-links div#language a.selection.on span.b-arrow:before { transform: rotate(-180deg); } #header .top-links-area .top-links div#language ul { display: none; position: absolute; top: 36px; left: 0; width: 150%; background: #6be2ff; background: #a3ffb0; z-index: 10; } #header .top-links-area .top-links div#language ul li { display: block; line-height: normal; margin: 0; } #header .top-links-area .top-links div#language ul li a { display: block; line-height: normal; margin: 0; padding: 10px; background-position: 90% 50%; transition: all .3s ease; -webkit-transition: all .3s ease; } #header .top-links-area .top-links div#language ul li a:hover, #header .top-links-area .top-links div#language ul li a:focus { color: #fff; background: #46b756 url(/images/common/sr-arrow-w.svg) 90% 50% no-repeat; } #header .top-links-area .top-links:after { clear: both; display: block; content: ''; } #header-middle-area { padding: 30px 0 15px 0; } #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-bottom: 1px solid #ddd; } #header #menu { width: 1200px; margin: 0 auto; } #menu ul { text-align: center; z-index: 100; } #menu ul li { display: inline-block; vertical-align: top; text-align: center; margin: 0 4.5%; padding: 0; } /* current menu */ #menu ul li.current ul { display: block; } #menu ul li a.step01 { position: relative; display: block; font-size: 130%; font-weight: 600; letter-spacing: -.5px; 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: 200%; 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; } #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; float: left; 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 { font-family: "Noto Sans KR", sans-serif; font-weight: 400; word-break: break-all; letter-spacing: 0; } #content-main { font-size: 90%; line-height: 1.75; text-align: left; } #content-main p { text-align: left; } #container h2 { letter-spacing: -1px; } #footer-area { font-family: sans-serif; border-top: 1px solid #d3d3d3; } #footer h6 { margin: 0; } /*μΆκ°μμ */ #content-main h4 { padding-left: 26px; font-size: 130%; font-weight: 500; letter-spacing: -1px; background: url(/images/common/title-bg.png) no-repeat 0 8px; } #content-main h5 { font-weight: 500; } #content-main ul.list-style li{ background: url(/images/common/bullet01.png) 0 13px no-repeat; padding-left: 10px; }