@charset "utf-8"; /* 화면 해상도 width 640px 이상 Design --------------------------------------*/ @media screen and (min-width: 1025px){ body {overflow-x: auto; min-width: 1280px;} /* layout */ #wrap {overflow: hidden;} #skip_nav {height:0} #skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center} #skip_nav a:focus, #skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;} #container {overflow: hidden; clear: both;} .left_area {overflow: hidden; float: left; width: 200px; margin-right: 38px;} .content_area {overflow: hidden; width: 1280px; margin: 0px auto;} #content.main {overflow: hidden; width: 1280px; margin: 0px auto;} #content.sub {overflow: hidden; padding: 62px 10px 95px 0;} #content {overflow: hidden; display: block;} #aside {overflow: hidden;} #footer {overflow: hidden; background-color: #f4f4f4;} /* header */ #header {position: relative; z-index: 300; width: 100%; height: 144px; margin: 0 auto; border-bottom: 2px solid #1d3751; background: url('/user/images/common/bg_header.png') no-repeat center 18px;} h1.home_logo {position: absolute; display: inline-block; z-index: 1; top: 80px; left: 50%; width: 288px; height: 45px; margin-left: -600px;} .hsection {overflow: hidden; width: 1280px; height: 82px; margin: 0 auto;} .hsection:after {content:""; display: block; clear: both;} .hsection > div {float: right; margin-top: 29px;} .hsection ul {display: inline-block; vertical-align: top;} .hsection ul li {float: left; margin-left: 9px; padding-left: 9px; font-size: 13px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; list-style: none; background: url('/user/images/common/bg_hsection.png') no-repeat left 2px;} .hsection ul li:first-child {margin-left: 0; padding-right: 0; background: none;} .hsection ul li a {color: #4d4d4d;} .hsection ul li a:hover {text-decoration: underline;} /* nav */ .gnb {width: 1280px; height: 62px; margin: 0 auto;} .gnb nav {float: right; z-index: 100; font-family: 'Nanum Square', 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} .gnb nav li {list-style: none;} .gnb nav > ul {position: relative; z-index: 6; *zoom: 1;} .gnb nav > ul:after {content:""; display: block; clear: both;} .gnb nav > ul > li {float: left; position: relative;} .gnb nav > ul > li > a > span > img {display: inline-block; margin-top: 8px; vertical-align: top;} .gnb nav > ul > li.on > a {height: 62px; line-height: 62px; color: #0067b4;} .gnb nav > ul > li > a {display:block; height: 62px; padding: 0 40px; font-weight:bold; text-align: center; font-size: 20px; color: #221815; line-height: 62px; letter-spacing: -0.08em;} .gnb nav > ul > li > a.on, .gnb nav > ul > li > a:hover {height: 62px; line-height: 62px; color: #0067b4; text-decoration: none;} .gnb nav > ul > li:hover > div > ul {background: #192c40;} .gnb nav > ul > li > div {display: none; position: absolute; z-index: 20; left:0; top: 62px; width: 100%; height: 240px;} /* .gnb nav > ul > li > div > ul {height: 223px; padding: 20px 0 0;} 20170705 홈페이지 메인 사업메뉴 추가후 화면 메뉴가 길어서 첫메뉴 위치를 위로 당김 */ .gnb nav > ul > li > div > ul {height: 242px; padding: 0px 0 0;} .gnb nav > ul > li > div > ul:hover {background: #192c40;} .gnb nav > ul > li > div > ul > li {padding:0 0 0 38px; text-align: left;} /* .gnb nav > ul > li > div > ul > li a {display: inline-block; height: 20px; font-size: 15px; font-weight: bold; color: #ffffff; line-height: 28px; letter-spacing: 0px;} 20170713 사업 메뉴가 추가되어 간격조정위해 메뉴길이가 길어져서 간격을 좁힘 */ .gnb nav > ul > li > div > ul > li a {display: inline-block; height: 25px; font-size: 15px; font-weight: bold; color: #ffffff; line-height: 25px; letter-spacing: 0px;} .gnb nav > ul > li > div > ul:hover a {color: #ffffff;} .gnb nav > ul > li > div > ul:hover a:hover {color:#ffffff; text-decoration: underline;} .gnb nav.on .nav_bg {display: block; position: absolute; z-index: 4; width: 100%; min-height: 241px; top: 145px; left: 0; border-bottom: 1px solid #1d3751; background: url('/user/images/common/bg_gnb.png') repeat 0 0;} .gnb nav .nav_bg span {overflow-x: hidden; position: relative; display: block; width: 100%; min-height: 241px; left: 0; background: url('/user/images/common/bg_gnb_icon.png') no-repeat center bottom;} #gnb_mobile {display: none;} #mnav {display: none;} #mnav .gnb_area {display: none;} #mnav .nav {display: none;} #left_mnav {display: none;} #left_mnav .gnb_area {display: none;} #left_mnav .nav {display: none;} /* location */ .location_area {overflow: hidden; height: 48px; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; line-height: 48px; background: url('/user/images/common/bg_location_bot.png') repeat-x 0 bottom #f2f1f1;} .location_division {width: 1270px; padding: 0 5px; margin: 0 auto;} .location {overflow: hidden; float: left;} .location li {float: left; margin-left: 9px; padding-left: 10px; font-size: 12px; color: #696868; list-style: none; background: url('/user/images/common/bg_location.png') no-repeat left center;} .location li:first-child {margin-left: 0; padding-left: 0; background: none;} .location li:hover {cursor: pointer;} .location li img {margin-top: -4px;} .location li strong {color: #042375;} .sns_area {overflow: hidden; float: right;} .sns_area a {display: inline-block;} /* lnb */ #lnb {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} .lnb_area {overflow: hidden; float: left; width: 225px; margin: 0 35px 80px 0;} .lnb_title_area {overflow: hidden; height: 195px; background: url('/user/images/common/bg_lnb_title_area.png') no-repeat 86px 25px;} .lnb_title_area h2.title {display: block; margin: 47px 0 31px; padding-top: 16px; font-size: 24px; font-weight: bold; color: #2a2a2a; background: url('/user/images/common/bullet_lnb_title.png') no-repeat 0 0;} .lnb_title_area p {font-size: 12px; color: #696969;} .lnb_title_area p.blue_txt {margin-bottom: 6px; color: #1c5aa0;} .lnb_menu_area {overflow: hidden;} ul.lnb_menu {overflow: hidden; border-bottom: 1px solid #032274;} ul.lnb_menu > li {border-top: 1px solid #d4d4d4; list-style: none;} ul.lnb_menu > li:first-child {border-top: 0;} ul.lnb_menu > li.on > a {border: 1px solid #032274; color: #ffffff; background-color: #094a94;} ul.lnb_menu > li > a {display: block; padding: 18px 11px; font-size: 15px; color: #333333;} ul.lnb_menu > li > a:hover {text-decoration: none;} ul.lnb_menu > li > ul.lnb_sub_menu {overflow: hidden; padding: 16px 12px; background-color: #f8f8f8;} ul.lnb_menu > li > ul.lnb_sub_menu > li {padding-left: 11px; font-size: 13px; color: #4d4d4d; line-height: 2em; list-style: none;} ul.lnb_menu > li > ul.lnb_sub_menu > li.on {background: url('/user/images/common/bullet_lnb_submenu.png') no-repeat 0 12px;} ul.lnb_menu > li > ul.lnb_sub_menu > li.on a {font-weight: bold; color: #094a94;} /* content */ .title_area {overflow: hidden; margin-bottom: 30px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} .title_area h3.title {display: block; font-size: 28px; font-weight: bold; color: #094a94;} .sub_title_area {overflow: hidden; margin-bottom: 24px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} .sub_title_area2 {overflow: hidden; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} .sub_title_area h4.title01 {display: block; padding-left: 28px; font-size: 19px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h4_title01.png') no-repeat 0 2px;} .sub_title_area h4.title02 {display: block; padding-left: 21px; font-size: 19px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h4_title02.png') no-repeat 0 2px;} h5.dash_title {display: block; margin-bottom: 14px; padding-left: 14px; font-size: 17px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h5_dash.png') no-repeat 0 9px;} h5.normal_title {display: block; margin-bottom: 14px; padding-left: 14px; font-size: 17px; font-weight: bold; color: #383838;} h5.squre_title {display: block; margin-bottom: 14px; padding-left: 18px; font-size: 17px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h5_squre.png') no-repeat 0 4px;} h5.circle_title {display: block; margin-bottom: 14px; padding-left: 20px; font-size: 18px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h5_circle.png') no-repeat 0 3px;} h5.bar_title {display: block; margin-bottom: 14px; padding-left: 20px; font-size: 18px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h4_title02.png') no-repeat 0 3px;} h5.view_title {overflow: hidden; padding: 10px 14px 8px; border-top: 2px solid #137dbf; border-bottom: 3px double #c9c9c9; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} h5.view_title span {font-size: 1.04em; font-weight: bold; color: #333333; line-height: 1.5em;} h6.dot_title {display: block; margin-bottom: 5px; padding-left: 7px; font-size: 14px; font-weight: bold; color: #4d4d4d; background: url('/user/images/common/bullet_dot.png') no-repeat 0 6px;} /* footer */ .footer_area {width: 1280px; height: 134px; margin: 0 auto; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; background: url('/user/images/common/bg_footer_logo.png') no-repeat 78px center;} .footer_link_area {overflow: hidden; display: inline-block; margin: 29px 0 10px 188px;} .footer_link_area ul {overflow: hidden;} .footer_link_area ul li {float: left; margin-left: 9px; padding-left: 9px; list-style: none; background: url('/user/images/common/bg_hsection.png') no-repeat left 2px;} .footer_link_area ul li:first-child {margin-left: 0; padding-left: 0; background: none;} .footer_link_area ul li a {font-size: 13px; color: #4d4d4d;} .footer_link_area ul li a.orange_link {color: #f68121; font-weight: bold;} .footer_addr_area {overflow: hidden; display: block; margin: 0 0 0 188px; font-size: 12px; color: #727171; line-height: 1.6em;} .footer_addr_area address {display: inline-block;} } /* 화면 해상도 width 640px 이상 960px 이하 Design --------------------------------------*/ @media screen and (max-width: 1024px) and (min-width: 641px) { /* layout */ #wrap {overflow: hidden;} #skip_nav {height:0} #skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center} #skip_nav a:focus, #skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;} #nav {display: none;} #container {overflow: hidden; clear: both;} .container {overflow: hidden;} .left_area {display: none;} .content_area {overflow: hidden;} #content {overflow: hidden;} #content.main {overflow: hidden; padding: 0 10px;} #content.sub {overflow: hidden; padding: 0 10px;} #aside {overflow: hidden;} #footer {overflow: hidden; padding: 0 10px; background-color: #f4f4f4;} /* header */ #header {overflow: hidden; position: relative; height: 126px; margin: 0 auto;} h1.home_logo {position: absolute; display: inline-block; top: 70px; left: 50%; width: 288px; height: 45px; margin-left: -110px;} .hsection {overflow: hidden; height: 59px; margin: 0 auto; padding: 0 10px; background: url('/user/images/common/bg_m_hsection.png') repeat-x 0 bottom;} .hsection:after {content:""; clear: both;} .hsection > div {float: right; margin-top: 12px;} .hsection ul {display: inline-block; vertical-align: top; margin-top: 7px;} .hsection ul li {float: left; margin-left: 9px; padding-left: 9px; font-size: 13px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; list-style: none; background: url('/user/images/common/bg_hsection.png') no-repeat left 2px;} .hsection ul li:first-child {margin-left: 0; padding-right: 0; background: none;} .hsection ul li a {color: #4d4d4d;} .hsection ul li a:hover {text-decoration: underline;} /* mobile_menu */ #gnb_mobile {position: absolute; top: 10px; left: 10px;} #mnav {z-index: 999999; width: 100%; height: 100%;} #mnav .gnb_area {overflow: hidden; display: block; position: relative; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} #mnav .nav {display: block; width: 100%; height: 100%; background-color: #ffffff;} #mnav .m_close_area {position: absolute; top: 0; right: 0;} .mobile_title_area {height: 60px; background-color: #003c86;} .mobile_title_area h2.title {float: left; margin-left: 20px; font-size: 1.3em; font-weight: bold; color: #ffffff; line-height: 60px;} .mobile_info_area {overflow: hidden; padding: 20px 20px 17px;} .mobile_info_area p {overflow: hidden; display: inline-block; margin-right: 5px; font-size: 14px; color: #4d4d4d;} .mobile_info_area p strong {color: #003474;} .mobile_info_area ul {overflow: hidden; display: inline-block;} .mobile_info_area ul li {float: left; padding-left: 8px; margin-left: 8px; color: #4d4d4d; list-style: none; background: url('/user/images/mobile/bg_info_list.png') no-repeat left center;} .mobile_info_area ul li:first-child {padding-left: 0; margin-left: 0; background: none;} .mobile_info_area ul li a:hover {text-decoration: none;} #mnav ul.mobile_menu {overflow: hidden;} #mnav ul.mobile_menu > li {border-bottom: 1px solid #ffffff; list-style: none; background-color: #e8e8e8;} #mnav ul.mobile_menu > li > a {display: block; padding: 20px 0 16px 20px; font-size: 1.2em; font-weight: bold; color: #333333; background: url('/user/images/mobile/bg_menu_off.png') no-repeat 98% center;} #mnav ul.mobile_menu > li > a:hover {text-decoration: none;} #mnav ul.mobile_menu > li.on > a {background: url('/user/images/mobile/bg_menu_on.png') no-repeat 98% center;} #mnav ul.mobile_menu > li > ul {padding: 19px 27px; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; background-color: #f3f3f3;} #mnav ul.mobile_menu > li > ul > li {padding-left: 8px; margin-top: 24px; list-style: none; background: url('/user/images/mobile/bullet_m_menu.png') no-repeat 0 6px;} #mnav ul.mobile_menu > li > ul > li:first-child {margin-top: 0} #mnav ul.mobile_menu > li > ul > li > a {font-size: 14px; color: #434343;} #mnav ul.mobile_menu > li > ul > li > ul > li {margin-top: 14px; padding-left: 8px; list-style: none; background: url('/user/images/mobile/bullet_m_sub_menu.png') no-repeat 0 8px;} #mnav ul.mobile_menu > li > ul > li > ul > li > a {font-size: 13px; color: #434343;} /* mobile_left_menu */ #left_mnav {z-index: 999999; width: 100%; height: 100%;} #left_mnav .gnb_area {overflow: hidden; display: block; position: relative; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} #left_mnav .left_nav {display: block; width: 100%; height: 100%; background-color: #ffffff;} #left_mnav .m_close_area {position: absolute; top: 0; right: 0;} #left_mnav ul.mobile_menu {overflow: hidden;} #left_mnav ul.mobile_menu > li {border-bottom: 1px solid #ffffff; list-style: none; background-color: #003c86;} #left_mnav ul.mobile_menu > li > a {display: block; padding: 20px 0 16px 20px; font-size: 1.2em; font-weight: bold; color: #ffffff; background: url('/user/images/mobile/bg_left_menu_off_.png') no-repeat right center;} #left_mnav ul.mobile_menu > li > a:hover {text-decoration: none;} #left_mnav ul.mobile_menu > li.on > a {background: url('/user/images/mobile/bg_left_menu_on_.png') no-repeat right center;} #left_mnav ul.mobile_menu > li > ul {overflow: hidden; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; background-color: #f3f3f3;} #left_mnav ul.mobile_menu > li > ul > li {padding-right: 40px; list-style: none; border-top: 1px solid #dddddd; background: url('/user/images/mobile/bg_menu_off.png') no-repeat right 20px;} #left_mnav ul.mobile_menu > li > ul > li.on {background: url('/user/images/mobile/bg_menu_on.png') no-repeat right 20px;} #left_mnav ul.mobile_menu > li > ul > li:first-child {border-top: 0; margin-top: 0} #left_mnav ul.mobile_menu > li > ul > li > a {display: block; padding: 14px 0 13px 30px; font-size: 14px; color: #434343; line-height: 1.42em; background: url('/user/images/mobile/bullet_m_menu.png') no-repeat 21px 21px;} #left_mnav ul.mobile_menu > li > ul > li.on > a {font-weight: bold; text-decoration: underline;} #left_mnav ul.mobile_menu > li > ul > li > ul {overflow: hidden; margin: 0 0 10px 30px; padding: 0; background-color: #dedede; } #left_mnav ul.mobile_menu > li > ul > li > ul > li {padding: 7px 0 6px 18px; list-style: none; line-height: 1.42em; background: url('/user/images/mobile/bullet_m_sub_menu.png') no-repeat 10px 16px;} #left_mnav ul.mobile_menu > li > ul > li > ul > li > a {font-size: 13px; color: #333333;} /* location */ .location_area {overflow: hidden; height: 48px; padding: 0 10px; border-top: 1px solid #1d3751; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; line-height: 48px; background: url('/user/images/common/bg_location_bot.png') repeat-x 0 bottom #f2f1f1;} .location_division {width: 1280px; margin: 0 auto;} .location {overflow: hidden; float: left;} .location li {float: left; margin-left: 9px; padding-left: 10px; font-size: 12px; color: #696868; list-style: none; background: url('/user/images/common/bg_location.png') no-repeat left center;} .location li:first-child {margin-left: 0; padding-left: 0; background: none;} .location li:hover {cursor: pointer;} .location li img {margin-top: -4px;} .location li strong {color: #042375;} .sns_area {overflow: hidden; float: right;} .sns_area a {display: inline-block;} #lnb {display: none;} /* content */ .title_area {overflow: hidden; margin: 50px 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} .title_area h3.title {display: block; font-size: 28px; font-weight: bold; color: #094a94;} .sub_title_area {overflow: hidden; margin-bottom: 40px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} .sub_title_area h4.title01 {display: block; padding-left: 28px; font-size: 19px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h4_title01.png') no-repeat 0 2px;} .sub_title_area h4.title02 {display: block; padding-left: 21px; font-size: 19px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h4_title02.png') no-repeat 0 2px;} h5.dash_title {display: block; margin-bottom: 14px; padding-left: 14px; font-size: 17px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h5_dash.png') no-repeat 0 8px;} h5.normal_title {display: block; margin-bottom: 14px; padding-left: 14px; font-size: 17px; font-weight: bold; color: #383838;} h5.squre_title {display: block; margin-bottom: 14px; padding-left: 18px; font-size: 17px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h5_squre.png') no-repeat 0 4px;} h5.circle_title {display: block; margin-bottom: 14px; padding-left: 20px; font-size: 18px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h5_circle.png') no-repeat 0 3px;} h5.bar_title {display: block; margin-bottom: 14px; padding-left: 20px; font-size: 18px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h4_title02.png') no-repeat 0 3px;} h5.view_title {overflow: hidden; padding: 10px 14px 8px; border-top: 2px solid #137dbf; border-bottom: 3px double #c9c9c9; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} h5.view_title span {font-size: 1.04em; font-weight: bold; color: #333333; line-height: 1.5em;} h6.dot_title {display: block; margin-bottom: 5px; padding-left: 7px; font-size: 14px; font-weight: bold; color: #4d4d4d; background: url('/user/images/common/bullet_dot.png') no-repeat 0 6px;} /* footer */ .footer_area {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; background: url('/user/images/common/bg_footer_logo.png') no-repeat 0 11px;} .footer_link_area {overflow: hidden; display: inline-block; margin-top: 98px;} .footer_link_area ul {overflow: hidden;} .footer_link_area ul li {float: left; margin-left: 9px; padding-left: 9px; list-style: none; background: url('/user/images/common/bg_hsection.png') no-repeat left 2px;} .footer_link_area ul li:first-child {margin-left: 0; padding-left: 0; background: none;} .footer_link_area ul li a {font-size: 13px; color: #4d4d4d;} .footer_link_area ul li a.orange_link {color: #f68121; font-weight: bold;} .footer_addr_area {overflow: hidden; display: block; margin: 10px 0 50px; font-size: 12px; color: #727171; line-height: 1.6em;} .footer_addr_area address {display: inline-block;} } /* 화면 해상도 width 640px 이하 Design --------------------------------------*/ @media screen and (max-width: 640px){ /* layout */ #wrap {overflow: hidden;} #skip_nav {height:0} #skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center} #skip_nav a:focus, #skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;} #nav {display: none;} #container {overflow: hidden; clear: both;} .container {overflow: hidden;} .left_area {display: none;} .content_area {overflow: hidden;} #content {overflow: hidden;} #content.main {overflow: hidden; padding: 0 10px;} #content.sub {overflow: hidden; padding: 0 10px;} #aside {overflow: hidden;} #footer {overflow: hidden; padding: 0 10px; background-color: #f4f4f4;} /* header */ #header {overflow: hidden; position: relative; height: 126px; margin: 0 auto;} h1.home_logo {position: absolute; display: inline-block; top: 70px; left: 50%; width: 288px; height: 45px; margin-left: -110px;} .hsection {overflow: hidden; height: 59px; margin: 0 auto; padding: 0 10px; background: url('/user/images/common/bg_m_hsection.png') repeat-x 0 bottom;} .hsection:after {content:""; clear: both;} .hsection > div {float: right; margin-top: 12px;} .hsection ul {display: inline-block; vertical-align: top; margin-top: 7px;} .hsection ul li {float: left; margin-left: 9px; padding-left: 9px; font-size: 11px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; list-style: none; background: url('/user/images/common/bg_hsection.png') no-repeat left 2px;} .hsection ul li:first-child {margin-left: 0; padding-right: 0; background: none;} .hsection ul li a {color: #4d4d4d;} .hsection ul li a:hover {text-decoration: underline;} /* mobile_menu */ #gnb_mobile {position: absolute; top: 10px; left: 10px;} #mnav {z-index: 999999; width: 100%; height: 100%;} #mnav .gnb_area {overflow: hidden; display: block; position: relative; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} #mnav .nav {display: block; width: 100%; height: 100%; background-color: #ffffff;} #mnav .m_close_area {position: absolute; top: 0; right: 0;} .mobile_title_area {height: 60px; background-color: #003c86;} .mobile_title_area h2.title {float: left; margin-left: 20px; font-size: 1.3em; font-weight: bold; color: #ffffff; line-height: 60px;} .mobile_info_area {overflow: hidden; padding: 20px 20px 17px;} .mobile_info_area p {overflow: hidden; display: inline-block; margin-right: 5px; font-size: 14px; color: #4d4d4d;} .mobile_info_area p strong {color: #003474;} .mobile_info_area ul {overflow: hidden; display: inline-block;} .mobile_info_area ul li {float: left; padding-left: 8px; margin-left: 8px; color: #4d4d4d; list-style: none; background: url('/user/images/mobile/bg_info_list.png') no-repeat left center;} .mobile_info_area ul li:first-child {padding-left: 0; margin-left: 0; background: none;} .mobile_info_area ul li a:hover {text-decoration: none;} #mnav ul.mobile_menu {overflow: hidden;} #mnav ul.mobile_menu > li {border-bottom: 1px solid #ffffff; list-style: none; background-color: #e8e8e8;} #mnav ul.mobile_menu > li > a {display: block; padding: 20px 0 16px 20px; font-size: 1.2em; font-weight: bold; color: #333333; background: url('/user/images/mobile/bg_menu_off.png') no-repeat 98% center;} #mnav ul.mobile_menu > li > a:hover {text-decoration: none;} #mnav ul.mobile_menu > li.on > a {background: url('/user/images/mobile/bg_menu_on.png') no-repeat 98% center;} #mnav ul.mobile_menu > li > ul {padding: 19px 27px; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; background-color: #f3f3f3;} #mnav ul.mobile_menu > li > ul > li {padding-left: 8px; margin-top: 24px; list-style: none; background: url('/user/images/mobile/bullet_m_menu.png') no-repeat 0 6px;} #mnav ul.mobile_menu > li > ul > li:first-child {margin-top: 0} #mnav ul.mobile_menu > li > ul > li > a {font-size: 14px; color: #434343;} #mnav ul.mobile_menu > li > ul > li > ul > li {margin-top: 14px; padding-left: 8px; list-style: none; background: url('/user/images/mobile/bullet_m_sub_menu.png') no-repeat 0 8px;} #mnav ul.mobile_menu > li > ul > li > ul > li > a {font-size: 13px; color: #434343;} /* mobile_left_menu */ #left_mnav {z-index: 999999; width: 100%; height: 100%;} #left_mnav .gnb_area {overflow: hidden; display: block; position: relative; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} #left_mnav .left_nav {display: block; width: 100%; height: 100%; background-color: #ffffff;} #left_mnav .m_close_area {position: absolute; top: 0; right: 0;} #left_mnav ul.mobile_menu {overflow: hidden;} #left_mnav ul.mobile_menu > li {border-bottom: 1px solid #ffffff; list-style: none; background-color: #003c86;} #left_mnav ul.mobile_menu > li > a {display: block; padding: 20px 0 16px 20px; font-size: 1.2em; font-weight: bold; color: #ffffff; background: url('/user/images/mobile/bg_left_menu_off_.png') no-repeat right center;} #left_mnav ul.mobile_menu > li > a:hover {text-decoration: none;} #left_mnav ul.mobile_menu > li.on > a {background: url('/user/images/mobile/bg_left_menu_on_.png') no-repeat right center;} #left_mnav ul.mobile_menu > li > ul {overflow: hidden; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; background-color: #f3f3f3;} #left_mnav ul.mobile_menu > li > ul > li {padding-right: 40px; list-style: none; border-top: 1px solid #dddddd; background: url('/user/images/mobile/bg_menu_off.png') no-repeat right 20px;} #left_mnav ul.mobile_menu > li > ul > li.on {background: url('/user/images/mobile/bg_menu_on.png') no-repeat right 20px;} #left_mnav ul.mobile_menu > li > ul > li:first-child {border-top: 0; margin-top: 0} #left_mnav ul.mobile_menu > li > ul > li > a {display: block; padding: 14px 0 13px 30px; font-size: 14px; color: #434343; line-height: 1.42em; background: url('/user/images/mobile/bullet_m_menu.png') no-repeat 21px 21px;} #left_mnav ul.mobile_menu > li > ul > li.on > a {font-weight: bold; text-decoration: underline;} #left_mnav ul.mobile_menu > li > ul > li > ul {overflow: hidden; margin: 0 0 10px 30px; padding: 0; background-color: #dedede; } #left_mnav ul.mobile_menu > li > ul > li > ul > li {padding: 7px 0 6px 18px; list-style: none; line-height: 1.42em; background: url('/user/images/mobile/bullet_m_sub_menu.png') no-repeat 10px 16px;} #left_mnav ul.mobile_menu > li > ul > li > ul > li > a {font-size: 13px; color: #333333;} /* location */ .location_area {overflow: hidden; height: 48px; padding: 0 10px; border-top: 1px solid #1d3751; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; line-height: 48px; background: url('/user/images/common/bg_location_bot.png') repeat-x 0 bottom #f2f1f1;} .location_division {width: 1280px; margin: 0 auto;} .location {overflow: hidden; float: left;} .location li {float: left; margin-left: 9px; padding-left: 10px; font-size: 12px; color: #696868; list-style: none; background: url('/user/images/common/bg_location.png') no-repeat left center;} .location li:first-child {margin-left: 0; padding-left: 0; background: none;} .location li:hover {cursor: pointer;} .location li img {margin-top: -4px;} .location li strong {color: #042375;} .sns_area {overflow: hidden; float: right;} .sns_area a {display: inline-block;} #lnb {display: none;} /* content */ .title_area {overflow: hidden; margin: 50px 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} .title_area h3.title {display: block; font-size: 28px; font-weight: bold; color: #094a94;} .sub_title_area {overflow: hidden; margin-bottom: 40px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} .sub_title_area h4.title01 {display: block; padding-left: 28px; font-size: 19px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h4_title01.png') no-repeat 0 2px;} .sub_title_area h4.title02 {display: block; padding-left: 21px; font-size: 19px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h4_title02.png') no-repeat 0 2px;} h5.dash_title {display: block; margin-bottom: 14px; padding-left: 14px; font-size: 17px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h5_dash.png') no-repeat 0 8px;} h5.normal_title {display: block; margin-bottom: 14px; padding-left: 14px; font-size: 17px; font-weight: bold; color: #383838;} h5.squre_title {display: block; margin-bottom: 14px; padding-left: 18px; font-size: 17px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h5_squre.png') no-repeat 0 4px;} h5.circle_title {display: block; margin-bottom: 14px; padding-left: 20px; font-size: 18px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h5_circle.png') no-repeat 0 3px;} h5.bar_title {display: block; margin-bottom: 14px; padding-left: 20px; font-size: 18px; font-weight: bold; color: #383838; background: url('/user/images/common/bullet_h4_title02.png') no-repeat 0 3px;} h5.view_title {overflow: hidden; padding: 10px 14px 8px; border-top: 2px solid #137dbf; border-bottom: 3px double #c9c9c9; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;} h5.view_title span {font-size: 1.04em; font-weight: bold; color: #333333; line-height: 1.5em;} h6.dot_title {display: block; margin-bottom: 5px; padding-left: 7px; font-size: 14px; font-weight: bold; color: #4d4d4d; background: url('/user/images/common/bullet_dot.png') no-repeat 0 6px;} /* footer */ .footer_area { font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; background: url('/user/images/common/bg_footer_logo.png') no-repeat 0 11px;} .footer_link_area {overflow: hidden; display: inline-block; margin-top: 98px;} .footer_link_area ul {overflow: hidden;} .footer_link_area ul li {float: left; margin-left: 9px; padding-left: 9px; list-style: none; background: url('/user/images/common/bg_hsection.png') no-repeat left 2px;} .footer_link_area ul li:first-child {margin-left: 0; padding-left: 0; background: none;} .footer_link_area ul li a {font-size: 13px; color: #4d4d4d;} .footer_link_area ul li a.orange_link {color: #f68121; font-weight: bold;} .footer_addr_area {overflow: hidden; display: block; margin: 10px 0 50px; font-size: 12px; color: #727171; line-height: 1.6em;} .footer_addr_area address {display: inline-block;} }