/* 상단 레이아웃 */ #head {width:100%; min-width:1200px; height:100px; background-color:#fff; position:fixed; top:0; left:0; z-index:1111111111; box-shadow:0px 5px 5px rgba(0,0,0,.1);} #head .logo {float:left; width:310px; padding-left:70px; line-height:100px;} #head .menu {float:left; width:calc(100% - 690px); text-align:center;} #head .menu .menu_area {width:625px; margin:0 auto;} #head .menu .m1 {float:left; width:125px;} #head .menu .m1 h4 {text-align:center; line-height:100px; font-size:20px; letter-spacing:-1px;} #head .menu .m1 h4 a {display:block; color:#111;} #head .menu .m1 h4 a:hover {color:#2b428d;} #head .menu .m2 {display:none; position:absolute; width:200px; margin-left:-40px; overflow:hidden; z-index:11111111111111;} #head .menu .m2 li {width:100%; height:45px;text-align:center; line-height:45px; font-size:15px; font-weight:700;} #head .menu .m2 li a {display:block; color:#fff; background-color:#374f8a;} #head .menu .m2 li a:hover {background-color:#1f305b;} #head .login {float:left; width:280px; text-align:right; padding-right:20px; line-height:100px; font-size:15px; font-weight:700;} #head .login a {margin-left:10px; color:#aaa;} #head .login a:hover {color:#2b428d;} #head .btn {cursor: pointer; float:left; width:100px; height:100px; text-align:center; background:#2b428d url('/sub/img/icon_search.png')center top 25px no-repeat; background-size:25px 25px; color:#fff; color:#fff; font-size:14px; line-height:19px; padding-top:55px;} #head .btn:hover {background:#142660 url('/sub/img/icon_search.png')center top 25px no-repeat; background-size:25px 25px;} #head .search_box {display:none; position:fixed; top:0; right:0; width:350px;height:100px; background-color:#fff; z-index:1111111111; } #head .search_box .search_area {margin-top:20px; float:left; width:280px; height:50px; border-bottom:2px solid #2b428d;} #head .search_box .input {width:240px; height:45px; border:0; font-size:16px; padding-left:10px;} #head .search_box button {border:0; background-color:#fff; color:#2b428d; font-size:20px;} #head .search_box .close {float:right; width:70px; text-align:center; line-height:100px; color:#aaa; font-size:35px; cursor: pointer; } #head .search_box .close:hover {color:#000} #head_blank {width:100%; height:100px;} #sns_quick {width:100px; height:200px; position:fixed; top:100px; right:0; z-index:111111111111111111; } #sns_quick li {width:100px; height:100px; cursor: pointer; } #sns_quick li:nth-child(1) {background-color:#3e5dc0; text-align:center; color:#fff; font-size:14px;} #sns_quick li:nth-child(1) i {font-size:30px; display:block; padding:22px 0 5px 0;} #sns_quick li:nth-child(2) {background:url('/sub/img/sns_quick_01.jpg')center no-repeat;} #sns_quick li:nth-child(3) {background:url('/sub/img/sns_quick_02.jpg')center no-repeat;} /* 메인페이지 레이아웃 */ #main_slide {width:100%; height:450px;} #main_slide li {width:100%; height:450px;} #main_slide .main_01 {background:url('/sub/img/main_bg_01.jpg')center no-repeat;} #main_slide .text {width:100%; height:750px; background-color:rgba(0,0,0,.2); text-align:center; color:#fff; font-size:22px;} #main_slide .text h2 {font-size:65px; font-family: 'Lato'; font-weight:900; padding:130px 0 30px 0; text-transform:uppercase;} #main_pro {width:100%; overflow:hidden; padding:80px 70px 20px 70px;} #main_pro ul {width:100%; min-width:1200px;} #main_pro li {float:left; width:22%; margin-right:4%; margin-bottom:10px;} #main_pro li:nth-child(4) {margin-right:0;} #main_pro .img {width:100%; height:180px;} #main_pro h4 {width:100%; height:90px; color:#374f8a; font-size:19px; font-family: 'Lato'; line-height:35px; text-align:center; padding-top:15px;} #main_pro p {display:none; width:100%; height:45px; line-height:45px; border-bottom:1px solid #ddd; font-size:17px; font-weight:700; font-family: 'Lato'; background:url('/sub/img/main_pro_list_arrow.png')right 15px center no-repeat;} #main_pro p a {display:block; color:#333;} #main_pro p a:hover {color:#374f8a;} #main_pro_blank {} /* #main_pro {position:absolute; top:750px; width:100%; height:700px; left:0; z-index:111111111;} #main_pro ul {width:1200px; margin:0 auto;} #main_pro li {float:left; width:30%; margin-right:5%;} #main_pro li:nth-child(3) {margin-right:0;} #main_pro .img {width:100%; height:180px;} #main_pro h4 {width:100%; height:90px; color:#374f8a; font-size:27px; font-family: 'Lato'; line-height:90px; border-bottom:1px solid #374f8a;} #main_pro p {width:100%; height:45px; line-height:45px; border-bottom:1px solid #ddd; font-size:17px; font-weight:700; font-family: 'Lato'; background:url('/sub/img/main_pro_list_arrow.png')right 15px center no-repeat;} #main_pro p a {display:block; color:#333;} #main_pro p a:hover {color:#374f8a;} #main_pro_blank {width:100%; height:540px;} */ #main_board {width:100%; overflow:hidden; padding:80px 0; background-color:#f5f5f5;} #main_board .area {width:1200px; margin:0 auto;} #main_board .title {width:100%; overflow:hidden; padding-bottom:40px;} #main_board .title h2 {float:left; color:#000; font-size:40px; font-weight:900; font-family: 'Lato';} #main_board .title a {float:right; color:#374f8a; font-size:14px; letter-spacing:1px; font-weight:900; font-family: 'Lato'; text-transform:uppercase;} #main_board .title a:hover {opacity:0.5;} #main_board ul {width:100%; overflow:hidden;} #main_board li {float:left; width:22%; height:200px; margin-right:4%; background-color:#fff; border:1px solid #ddd;} #main_board li:nth-child(4) {margin-right:0;} #main_board .icon {width:100%; height:145px; background:url('/sub/img/icon_download.png')center top 30px no-repeat;} #main_board .icon p {text-align:center; color:#111; font-size:16px; font-weight:700; padding-top:95px;} #main_board .btn {width:100%; height:75px; text-align:center; line-height:55px;} #main_board .btn a {display:block; background-color:#374f8a; color:#fff; font-size:15px; font-weight:700; font-family: 'Lato';} #main_board .btn a img {margin-right:5px;} #main_board .btn a:hover {background-color:#000;} /* 하단단 레이아웃 */ #sitemap {width:100%; overflow:hidden; background:url('/sub/img/main_sitemap_bg.jpg')center no-repeat; background-size:cover; padding:80px 0;} #sitemap ul {width:1200px; margin:0 auto;} #sitemap li {float:left; width:20%; line-height:32px;} #sitemap li h4 {color:#fff; font-size:23px; padding-bottom:30px; font-weight:700;} #sitemap li a {display:block; color:#fff; font-size:15px; font-weight:700; opacity:0.7;} #sitemap li a:hover {opacity:1.0;} #tail {width:100%; overflow:hidden; padding:0 0 50px 0; background-color:#2f3137;} #tail .cs {width:1200px; margin:0 auto; height:100px; line-height:100px; border-bottom:1px solid rgba(255,255,255,.1);} #tail .cs .call {float:left; font-size:16px; color:#fff; font-weight:500;} #tail .cs .call span {margin-right:20px;} #tail .cs .call b {color:#4d7cf0;} #tail .cs .btn {float:right; font-size:16px; text-align:right;} #tail .cs .btn a {color:#fff; opacity:0.6; margin-left:20px;} #tail .cs .btn a:hover {opacity:1.0;} #tail .copy {width:1200px; margin:0 auto; overflow:hidden; padding-top:30px; color:#fff;} #tail .copy .info {float:left; width:50%; font-size:14px; line-height:25px;} #tail .copy .info span {display:inline-block; margin-right:15px; opacity:0.5;} #tail .copy .c {float:right; width:50%; opacity:0.3; font-family: 'Lato'; font-weight:900; font-size:12px; text-align:right; letter-spacing:1px;} /* 서브페이지 - 상단이미지 */ #subvisual {position:relative;background-repeat:no-repeat; background-position:center; background-position:top;height:225px;} #subvisual .inner {width:1200px; margin:0 auto;} #subvisual .subject {font-family:impact;font-size:60px;color:#fff;font-weight:300;text-transform:uppercase;padding-top:50px;} #subvisual .content {font-size:15px;color:#fff;padding-top:10px;} /* 서브페이지 - 레이아웃 */ #container {display:block;position:relative;background:#fff} #container:after {display:block;visibility:hidden;clear:both;content:""} #container .container_inner {width:1200px;margin:0 auto;padding:60px 0;} #container .sub_content { } /* 서브페이지 - 타이틀 */ #container .sub_title {margin-top:0px; text-align:left;padding-bottom:50px;} #container .sub_title p.subject {color:#111;font-size:32px;padding-bottom:10px;} #container .sub_title p.content {color:#aaa;font-size:14px;} /* 서브페이지 - 타이틀(회원) */ #container .member_title {text-align:center;margin-top:0px;} #container .member_title p.icon {padding-bottom:30px;} #container .member_title p.subject {font-size:63px;color:#111;font-weight:900;text-align:center;letter-spacing:-2px;padding-bottom:60px;} /* 서브페이지 - 이용약관, 개인정보처리, 이메일무답수집거부 */ #container #sub_privacy { } #container #sub_privacy .subject {color:#1a1a1a;font-size:15px;margin-bottom:10px;font-weight:500;} #container #sub_privacy .content {color:#9a9a9a;font-size:13px;margin-bottom:50px;line-height:150%;text-align:justify} /* 기본 탭메뉴 */ .sub_tabmenu {display:table;border-collapse:collapse;width:100%;border-bottom:3px solid #3a3a3a;margin-bottom:30px;} .sub_tabmenu ul {display:table-row;} .sub_tabmenu ul li {display:table-cell;height:50px;line-height: 50px;text-align:center;border:1px solid #eaeaea;} .sub_tabmenu ul li a {display: block;width:100%;height:100%; } .sub_tabmenu ul li.on, .sub_tabmenu ul li.on a {color:#fff;background:#3a3a3a;border: 1px solid #3a3a3a !important;z-index:9999;}