* {-webkit-text-size-adjust:none;} /*팝업*/ @media all and (min-width: 1024px) { #hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0;z-index:99999999999999999;} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #000;background:#fff} .hd_pops_con {} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} } @media only screen and (min-width: 768px) and (max-width: 1023px){ #hd_pop {z-index:1000;position:relative;margin:0 auto;width:768px;height:0;z-index:99999999999999999;} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #000;background:#fff} .hd_pops_con {} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} } @media only screen and (max-width: 767px){ #hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0;z-index:99999999999999999;} #hd_pop img {width:100%;} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;background:#fff; width:250px !important; height:492px !important;} .hd_pops_con {width:250px !important; height:492px !important;} .hd_pops_con img {width:100%; border:1px solid #000;} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} } /*퀵메뉴*/ @media all and (min-width: 1500px) { #quick {position:fixed; top:160px; right:30px; width:160px; height:330px; background-color:#3299c4; z-index:10000;} #quick .title {width:100%; height:60px; line-height:60px; background-color:#2181b1; text-align:center; color:#90bfd9; font-size:15px; font-weight:700; line-height:} #quick .title img {opacity:0.5; margin-right:3px;} #quick .list {width:100%;} #quick .list li {width:100%; height:45px; background:url('/sub/img/quick_arrow.png')right center no-repeat;border-top:1px solid #59adcf; border-bottom:1px solid #2181b1; background-color:#3299c4; padding:0 20px; line-height:43px; color:#fff; text-align:left; font-size:14px; font-weight:700;} #quick .list li a {color:#fff; display:block;} #network_m {display:none;} #network_m_area {display:none;} } @media only screen and (min-width: 1200px) and (max-width: 1499px){ #quick {position:fixed; top:160px; right:0px; width:140px; height:330px; background-color:#3299c4; z-index:10000;} #quick .title {width:100%; height:60px; line-height:60px; background-color:#2181b1; text-align:center; color:#90bfd9; font-size:15px; font-weight:700; line-height:} #quick .title img {opacity:0.5; margin-right:3px;} #quick .list {width:100%;} #quick .list li {width:100%; height:45px; background:url('/sub/img/quick_arrow.png')right center no-repeat;border-top:1px solid #59adcf; border-bottom:1px solid #2181b1; background-color:#3299c4; padding:0 15px; line-height:43px; color:#fff; text-align:left; font-size:13px; font-weight:700;} #quick .list li a {color:#fff; display:block;} #network_m {display:none;} #network_m_area {display:none;} } @media only screen and (min-width: 768px) and (max-width: 1199px){ #quick {display:none;} #network_m { position:fixed; color:#fff;right:30px; bottom:30px; width:90px; height:90px; line-height:16px;background-color:#3299c4; border-radius:100px; z-index:100000000000000000000; text-align:center; cursor: pointer; font-size:14px; } #network_m p {padding-top:15px;} #network_m img {width:22px; padding-bottom:6px;} #network_m_area {display:none; position:fixed; overflow-y: scroll; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.9); z-index:100000000000; } #network_m_area .close {position:fixed; width:30px; height:30px; right:30px; top:30px; z-index:100000000001; cursor: pointer; } #network_m_area .close img {width:100%;} #network_m_area .list {width:100%; padding:100px 30px 30px 30px; text-align:left; color:#fff; font-size:18px;} #network_m_area .list table {} #network_m_area .list table th {background-color:#3299c4; padding:15px; text-align:center;} #network_m_area .list table td {border-bottom:1px solid #555; border-right:1px solid #555; padding:15px; text-align:center; white-space:normal; word-break:keep-all; } #network_m_area .list table .btn {opacity:0.5; width:100px; height:30px; border:1px solid #fff; margin:5px auto; text-align:center; color:#fff; font-size:13px; line-height:29px; cursor: pointer; } #network_m_area .list table td:nth-child(3) {border-right:0;} #network_m_area .list table .name {width:165px;} #network_m_area .list table .call {width:145px;} #network_m_area table td a {color:#fff;} } @media only screen and (max-width: 767px){ #quick {display:none;} #network_m { position:fixed; color:#fff;right:15px; bottom:15px; width:70px; height:70px; line-height:14px;background-color:#3299c4; border-radius:100px; z-index:100000000000000000000; text-align:center; cursor: pointer; font-size:11px; } #network_m p {padding-top:10px;} #network_m img {width:20px; padding-bottom:3px;} #network_m_area {display:none; position:fixed; overflow-y: scroll; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.9); z-index:100000000000;} #network_m_area .close {position:fixed; width:20px; height:20px; right:15px; top:15px; z-index:100000000001; cursor: pointer; } #network_m_area .close img {width:100%;} #network_m_area .list {width:100%; padding:80px 15px 15px 15px; text-align:left; color:#fff; font-size:12px; line-height:17px;} #network_m_area .list table {} #network_m_area .list table th {background-color:#3299c4; padding:10px; text-align:center;} #network_m_area .list table td {border-bottom:1px solid #555; border-right:1px solid #555; padding:10px; text-align:center; white-space:normal; word-break:keep-all; } #network_m_area .list table .btn {opacity:0.5; width:70px; height:20px; border:1px solid #fff; margin:5px auto; text-align:center; color:#fff; font-size:11px; line-height:19px; cursor: pointer; } #network_m_area .list table td:nth-child(3) {border-right:0;} #network_m_area .list table .name {width:90px;} #network_m_area .list table .call {width:100px;} } /*상단*/ @media all and (min-width: 1200px) { #head {width:1200px; height:100px; margin:0 auto;} #head .logo {float:left; width:320px; line-height:100px;} #head .menu {float:left; width:750px;} #head .menu .icon {display:none;} #head .menu .m1 {float:left; padding:0 13px;} #head .menu .m1 h4 {line-height:100px; font-size:17px; color:#111; background:url('/sub/img/top_menu_arrow.png')right no-repeat; padding-right:17px;} #head .menu .m2 {display:none; position:absolute;width:160px; padding:7px 0; overflow:hidden; background-color:#3199c3; z-index:100000;} #head .menu .m2 li {width:100%; text-align:center; font-size:14px; padding:3px 0; } #head .menu .m2 li a {display:block; color:#fff; } #head .menu .m2 li a:hover {background-color:#2181b1; } #head .menu .sec_01 {margin-left:-40px; } #head .menu .sec_02 {margin-left:-40px; } #head .menu .sec_03 {margin-left:-20px; } #head .menu .sec_04 {margin-left:-30px; } #head .menu .sec_05 {margin-left:-60px; } #head .menu .sec_06 {margin-left:-40px; } #head .btn { float:left; cursor: pointer; margin-top:30px; width:130px; text-align:center; background-color:#fafafa; border:1px solid #ddd; border-radius:3px; line-height:38px; height:40px; letter-spacing:-1px; font-size:14px; } #head .btn:hover {border:1px solid #3899c3; color:#3899c3;} #head .btn img {margin-right:5px;} #menu_on {display:none;} } @media only screen and (min-width: 768px) and (max-width: 1199px){ #head {width:100%; padding:0 30px; height:100px;} #head .logo {float:left; line-height:100px;} #head .menu {float:right;} #head .menu .icon {line-height:98px; margin-left:25px;} #head .menu .m1 {display:none;} #head .menu .m1 h4 {line-height:100px; font-size:17px; color:#111; background:url('/sub/img/top_menu_arrow.png')right no-repeat; padding-right:17px;} #head .menu .m2 {display:none;} #head .menu .m2 li {width:100%; text-align:center; font-size:14px; padding:3px 0; } #head .menu .m2 li a {display:block; color:#fff; } #head .menu .m2 li a:hover {background-color:#2181b1; } #head .menu .sec_01 {margin-left:-40px; } #head .menu .sec_02 {margin-left:-40px; } #head .menu .sec_03 {margin-left:-20px; } #head .menu .sec_04 {margin-left:-30px; } #head .menu .sec_05 {margin-left:-60px; } #head .menu .sec_06 {margin-left:-40px; } #head .btn { float:right; cursor: pointer; margin-top:30px; width:130px; text-align:center; background-color:#fafafa; border:1px solid #ddd; border-radius:3px; line-height:38px; height:40px; letter-spacing:-1px; font-size:14px; } #head .btn:hover {border:1px solid #3899c3; color:#3899c3;} #head .btn img {margin-right:5px;} #menu_on {position:fixed; top:0; right:-1200px; width:100%; height:100%; background-color:#fff; z-index:111111111111; } #menu_on .top {width:100%; height:100px; background-color:#333; padding:25px 30px 0 30px;; color:#aaa; font-size:18px;} #menu_on .top span {color:#fff;} #menu_on .top .logo {float:left; width:286px; margin-right:10px;} #menu_on .top .logo img {width:100%;} #menu_on .top .btn {float:left;width:150px; height:45px; border:1px solid #3899c3; text-align:center; border-radius:3px; line-height:43px; color:#3899c3; cursor: pointer; } #nav { display: block; width: 100%; margin: 0 auto; } #nav > li > a { display: block; padding: 20px 30px; font-size: 18px; font-weight: bold; color: #333; text-decoration: none; border-bottom: 1px solid #ddd; background:url('/mobile/sub/img/menu_arrow_off.jpg') right no-repeat; } #nav > li > a:hover, #nav > li > a.open { color: #3299c4; border-bottom-color: #ddd; background:url('/mobile/sub/img/menu_arrow_on.jpg') right no-repeat; } #nav li ul { display: none; background: #f3f3f3; } #nav li ul li a { display: block; background: none; padding: 15px 0px; padding-left: 35px; font-size: 16px; text-decoration: none; color: #555; background:url('/mobile/sub/img/menu_sub_bg.jpg') left no-repeat; border-bottom:1px solid #ddd; } #nav li ul li a:hover { color: #3299c4; } #menu_on .menu_area h3 {width:100%; height:49px; border-bottom:1px solid #ddd; line-height:50px; font-size:14px; color:#222; padding:0 20px; background-color:#fff;} #menu_on .menu_area ul {list-style: none;} #menu_on .menu_area li {width:100%; height:49px; border-bottom:1px solid #ddd; background-color:#f3f3f3; font-size:13px; color:#444; line-height:50px; padding:0 20px;} #menu_close{position:absolute; top:5px; right:30px; color:#333; font-size:24px; font-weight:bold; cursor:pointer; } #menu_close img {width:30px; padding-top:30px;} } @media only screen and (max-width: 767px){ #head {width:100%; padding:0 15px; height:60px; position:fixed; top:0; left:0; z-index:100000; background-color:#fff; border-bottom:1px solid #ddd;} #head .logo {float:left; line-height:60px;} #head .logo img {height:32px;} #head .menu {float:right;} #head .menu .icon {line-height:58px; margin-left:15px;} #head .menu .icon img {width:25px;} #head .menu .m1 {display:none;} #head .menu .m1 h4 {line-height:60px; font-size:17px; color:#111; background:url('/sub/img/top_menu_arrow.png')right no-repeat; padding-right:17px;} #head .menu .m2 {display:none;} #head .menu .m2 li {width:100%; text-align:center; font-size:14px; padding:3px 0; } #head .menu .m2 li a {display:block; color:#fff; } #head .menu .m2 li a:hover {background-color:#2181b1; } #head .menu .sec_01 {margin-left:-40px; } #head .menu .sec_02 {margin-left:-40px; } #head .menu .sec_03 {margin-left:-20px; } #head .menu .sec_04 {margin-left:-30px; } #head .menu .sec_05 {margin-left:-60px; } #head .menu .sec_06 {margin-left:-40px; } #head .btn { display:none; float:right; cursor: pointer; margin-top:30px; width:130px; text-align:center; background-color:#fafafa; border:1px solid #ddd; border-radius:3px; line-height:38px; height:40px; letter-spacing:-1px; font-size:14px; } #head .btn:hover {border:1px solid #3899c3; color:#3899c3;} #head .btn img {margin-right:5px;} #head_blank {width:100%; height:60px;} #menu_on {position:fixed; top:0; right:-1200px; width:100%; height:100%; background-color:#fff; z-index:111111111111; } #menu_on .top {width:100%; height:60px; background-color:#333; padding:15px 15px 0 15px; color:#aaa; font-size:13px;} #menu_on .top .logo {float:left; width:214px; margin-right:10px;} #menu_on .top .logo img {width:100%;} #menu_on .top span {color:#fff;} #menu_on .top .btn {width:100px; height:30px; border:1px solid #3899c3; color:#3899c3; text-align:center; border-radius:3px; line-height:30px;} #nav { display: block; width: 100%; margin: 0 auto; } #nav > li > a { display: block; padding: 15px 20px; font-size: 14px; font-weight: bold; color: #333; text-decoration: none; border-bottom: 1px solid #ddd; background:url('/mobile/sub/img/menu_arrow_off.jpg') right no-repeat; } #nav > li > a:hover, #nav > li > a.open { color: #3299c4; border-bottom-color: #ddd; background:url('/mobile/sub/img/menu_arrow_on.jpg') right no-repeat; } #nav li ul { display: none; background: #f3f3f3; } #nav li ul li a { display: block; background: none; padding: 10px 0px; padding-left: 35px; font-size: 13px; text-decoration: none; color: #555; background:url('/mobile/sub/img/menu_sub_bg.jpg') left no-repeat; border-bottom:1px solid #ddd; } #nav li ul li a:hover { color: #3299c4; } #menu_on .menu_area h3 {width:100%; height:59px; border-bottom:1px solid #ddd; line-height:60px; font-size:14px; color:#222; padding:0 20px; background-color:#fff;} #menu_on .menu_area ul {list-style: none;} #menu_on .menu_area li {width:100%; height:49px; border-bottom:1px solid #ddd; background-color:#f3f3f3; font-size:13px; color:#444; line-height:50px; padding:0 20px;} #menu_close{position:absolute; top:5px; right:15px; color:#333; font-size:24px; font-weight:bold; cursor:pointer; } #menu_close img {width:20px; } } /*메인 슬라이드*/ @media all and (min-width: 1200px) { #main {width:100%; height:440px;} #main li {width:100%; height:440px;} #main .text p {font-size:55px; line-height:60px; padding:70px 0 35px 0; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase;} #main .text {color:#fff; font-size:19px; line-height:33px; width:1200px; margin:0 auto;} #main .main_01 {background:url('/sub/img/main_01_bg.jpg')center no-repeat; background-size:cover;} #main .main_02 {background:url('/sub/img/main_02_bg.jpg')center no-repeat; background-size:cover;} #main .main_03 {background:url('/sub/img/main_03_bg.jpg')center no-repeat; background-size:cover;} } @media only screen and (min-width: 768px) and (max-width: 1199px){ #main {width:100%; height:440px;} #main li {width:100%; height:440px;} #main .text p {font-size:55px; line-height:60px; padding:70px 0 35px 0; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase;} #main .text {color:#fff; font-size:19px; line-height:33px; padding:0 30px; text-align:center;} #main .main_01 {background:url('/sub/img/main_01_m_bg.jpg')center no-repeat; background-size:cover;} #main .main_02 {background:url('/sub/img/main_02_m_bg.jpg')center no-repeat; background-size:cover;} #main .main_03 {background:url('/sub/img/main_03_m_bg.jpg')center no-repeat; background-size:cover;} } @media only screen and (max-width: 767px){ #main {width:100%; height:270px;} #main li {width:100%; height:270px;} #main .text p {font-size:27px; line-height:33px; padding:50px 0 25px 0; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase;} #main .text {color:#fff; font-size:13px; line-height:20px; padding:0 15px; text-align:center;} #main .main_01 {background:url('/sub/img/main_01_m_bg.jpg')center no-repeat; background-size:cover;} #main .main_02 {background:url('/sub/img/main_02_m_bg.jpg')center no-repeat; background-size:cover;} #main .main_03 {background:url('/sub/img/main_03_m_bg.jpg')center no-repeat; background-size:cover;} } /*메인 아이콘*/ @media all and (min-width: 1200px) { #main_icon {width:100%; overflow:hidden; padding:50px 0; background-color:#f3f3f3;} #main_icon .area {width:1200px; margin:0 auto;} #main_icon .title {float:left; width:300px; font-size:16px; line-height:27px; color:#949494;} #main_icon .title p {color:#3c3c3c; font-size:33px; font-weight:700; font-family: 'Montserrat', sans-serif; padding-bottom:20px; } #main_icon .title p span {color:#3299c4;} #main_icon .icon {float:left; width:830px; margin-left:70px;} #main_icon .icon li {float:left; width:20%; text-align:center; font-size:16px; color:#3d3d3d; font-weight:700; cursor: pointer; } #main_icon .icon img {padding-bottom:15px;} } @media only screen and (min-width: 768px) and (max-width: 1199px){ #main_icon {width:100%; overflow:hidden; padding:50px 0; background-color:#f3f3f3;} #main_icon .area {} #main_icon .title {width:100%; font-size:16px; line-height:27px; color:#949494; text-align:center; padding:0 0 30px 0;} #main_icon .title p {color:#3c3c3c; font-size:33px; font-weight:700; font-family: 'Montserrat', sans-serif; padding-bottom:20px; } #main_icon .title p span {color:#3299c4;} #main_icon .icon {width:100%;} #main_icon .icon li {float:left; width:20%; text-align:center; font-size:16px; color:#3d3d3d; font-weight:700; cursor: pointer; } #main_icon .icon img {padding-bottom:15px;} } @media only screen and (max-width: 767px){ #main_icon {width:100%; overflow:hidden; padding:35px 0 0 0; background-color:#f3f3f3;} #main_icon .area {} #main_icon .title {width:100%; font-size:13px; line-height:18px; color:#949494; text-align:center; padding:0 0 15px 0;} #main_icon .title p {color:#3c3c3c; font-size:25px; font-weight:700; font-family: 'Montserrat', sans-serif; padding-bottom:20px; } #main_icon .title p span {color:#3299c4;} #main_icon .icon {width:100%; padding-top:10px;} #main_icon .icon li {float:left; width:33%; height:90px; text-align:center; font-size:12px; line-height:15px; color:#3d3d3d; font-weight:700; cursor: pointer; } #main_icon .icon img {width:40px; padding-bottom:7px;} } /*게시판*/ @media all and (min-width: 1200px) { #main_board {width:1200px; margin:50px auto; overflow:hidden;} #main_board .board_01 {float:left; width:367px; margin-right:40px;} #main_board .board_02 {float:left; width:367px; margin-right:40px;} #main_board .board_03 {float:left; width:367px;} #main_board .title {width:100%; height:45px; border-bottom:2px solid #575757; overflow:hidden; margin-bottom:20px;} #main_board .subj {float:left; font-size:15px; color:#777; font-weight:700;} #main_board .subj span {color:#575758; font-size:19px; font-weight:700; margin-right:10px; font-family: 'Montserrat', sans-serif; } #main_board .plus {float:right;} #main_board .list {} #main_board .list li {width:100%; height:15px; line-height:15px; margin-bottom:12px; background:url('/sub/img/main_board_dot.png')center left no-repeat; padding-left:10px; font-size:14px;} #main_board .list li a {color:#535353} #main_board .list li a:hover {color:#000} } @media only screen and (min-width: 1024px) and (max-width: 1199px){ #main_board {width:100%; padding:30px; overflow:hidden;} #main_board .board_01 {float:left; width:32%; margin-right:2%;} #main_board .board_02 {float:left; width:32%; margin-right:2%;} #main_board .board_03 {float:left; width:32%;} #main_board .title {width:100%; height:45px; border-bottom:2px solid #575757; overflow:hidden; margin-bottom:20px;} #main_board .subj {float:left; font-size:14px; color:#777; font-weight:700;} #main_board .subj span {color:#575758; font-size:17px; font-weight:700; margin-right:10px; font-family: 'Montserrat', sans-serif; } #main_board .plus {float:right;} #main_board .list {} #main_board .list li {width:100%; height:15px; line-height:15px; margin-bottom:12px; background:url('/sub/img/main_board_dot.png')center left no-repeat; padding-left:10px; font-size:14px;} #main_board .list li a {color:#535353} #main_board .list li a:hover {color:#000} } @media only screen and (min-width: 768px) and (max-width: 1023px){ #main_board {width:100%; padding:30px; overflow:hidden;} #main_board .board_01 {width:100%; margin-bottom:5%;} #main_board .board_02 {width:100%; margin-bottom:5%;} #main_board .board_03 {width:100%;} #main_board .title {width:100%; height:45px; border-bottom:2px solid #575757; overflow:hidden; margin-bottom:20px;} #main_board .subj {float:left; font-size:14px; color:#777; font-weight:700;} #main_board .subj span {color:#575758; font-size:17px; font-weight:700; margin-right:10px; font-family: 'Montserrat', sans-serif; } #main_board .plus {float:right;} #main_board .list {} #main_board .list li {width:100%; height:15px; line-height:15px; margin-bottom:12px; background:url('/sub/img/main_board_dot.png')center left no-repeat; padding-left:10px; font-size:14px;} #main_board .list li a {color:#535353} #main_board .list li a:hover {color:#000} } @media only screen and (max-width: 767px){ #main_board {width:100%; padding:20px 15px; overflow:hidden;} #main_board .board_01 {width:100%; margin-bottom:20px;} #main_board .board_02 {width:100%; margin-bottom:20px;} #main_board .board_03 {width:100%;} #main_board .title {width:100%; height:45px; border-bottom:2px solid #575757; overflow:hidden; margin-bottom:20px;} #main_board .subj {float:left; font-size:14px; color:#777; font-weight:700;} #main_board .subj span {color:#575758; font-size:17px; font-weight:700; margin-right:10px; font-family: 'Montserrat', sans-serif; } #main_board .plus {float:right;} #main_board .list {} #main_board .list li {width:100%; height:15px; line-height:15px; margin-bottom:12px; background:url('/sub/img/main_board_dot.png')center left no-repeat; padding-left:10px; font-size:14px;} #main_board .list li a {color:#535353} #main_board .list li a:hover {color:#000} } /*메인 네트워크*/ @media all and (min-width: 1200px) { #main_network {width:1200px; margin:0 auto; padding-bottom:50px; overflow:hidden;} #main_network .title {float:left; width:296px; height:170px; margin: 0 5px 5px 0; background-color:#3299c4; text-align:center; color:#fff; font-size:16px; letter-spacing:-1px;} #main_network .title p {font-size:22px; padding-top:50px; font-weight:900;} #main_network .box {float:left; width:296px; height:170px; cursor: pointer; border:1px solid #ddd; } #main_network .n_01 {float:left; margin:0 5px 5px 0; background:url('/sub/img/n_01_bg.jpg')center left no-repeat; } #main_network .n_02 {float:left; margin:0 5px 5px 0; background:url('/sub/img/n_02_bg_n.jpg')center left no-repeat; } #main_network .n_03 {float:left; margin:0 0 5px 0; background:url('/sub/img/n_03_bg.jpg')center left no-repeat; } #main_network .n_04 {float:left; margin:0 5px 0 0; background:url('/sub/img/n_04_bg_n2.jpg')center left no-repeat; } #main_network .n_05 {float:left; margin:0 5px 0 0; background:url('/sub/img/n_05_bg.jpg')center left no-repeat; } #main_network .n_06 {float:left; margin:0 5px 0 0; background:url('/sub/img/n_06_bg.jpg')center left no-repeat; } #main_network .n_07 {float:left; margin:0 0 0 0; background:url('/sub/img/n_07_bg.jpg')center left no-repeat; } #main_network .box .name {padding:30px; } #main_network .box .name p {color:#373737; font-size:20px; line-height:25px; font-weight:900; padding-bottom:7px;} #main_network .box .name p span {color:#3299c4;} #main_network .box .name a {font-size:13px; color:#aaa; font-weight:700;} } @media only screen and (min-width: 1024px) and (max-width: 1199px){ #main_network {padding:30px; overflow:hidden;} #main_network .title {float:left; width:calc(25% - 5px); height:170px; margin: 0 5px 5px 0; background-color:#3299c4; text-align:center; color:#fff; font-size:16px; letter-spacing:-1px;} #main_network .title p {font-size:22px; padding-top:50px; font-weight:900;} #main_network .box {float:left; width:calc(25% - 5px); height:170px; cursor: pointer; border:1px solid #ddd; } #main_network .n_01 {float:left; margin:0 5px 5px 0; background:url('/sub/img/n_01_bg.jpg')center right no-repeat; } #main_network .n_02 {float:left; margin:0 5px 5px 0; background:url('/sub/img/n_02_bg_n.jpg')center right no-repeat; } #main_network .n_03 {float:left; margin:0 0 5px 0; background:url('/sub/img/n_03_bg.jpg')center right no-repeat; } #main_network .n_04 {float:left; margin:0 5px 0 0; background:url('/sub/img/n_04_bg_n2.jpg')center right no-repeat; } #main_network .n_05 {float:left; margin:0 5px 0 0; background:url('/sub/img/n_05_bg.jpg')center right no-repeat; } #main_network .n_06 {float:left; margin:0 5px 0 0; background:url('/sub/img/n_06_bg.jpg')center right no-repeat; } #main_network .n_07 {float:left; margin:0 0 0 0; background:url('/sub/img/n_07_bg.jpg')center right no-repeat; } #main_network .box .name {padding:30px; } #main_network .box .name p {color:#373737; font-size:20px; line-height:25px; font-weight:900; padding-bottom:7px;} #main_network .box .name p span {color:#3299c4;} #main_network .box .name a {font-size:13px; color:#aaa; font-weight:700;} } @media only screen and (min-width: 768px) and (max-width: 1023px){ #main_network {padding:30px; overflow:hidden;} #main_network .title {float:left; width:calc(50% - 5px); height:170px; margin: 0 5px 5px 0; background-color:#3299c4; text-align:center; color:#fff; font-size:16px; letter-spacing:-1px;} #main_network .title p {font-size:22px; padding-top:50px; font-weight:900;} #main_network .box {float:left; width:calc(50% - 5px); height:170px; cursor: pointer; border:1px solid #ddd; } #main_network .n_01 {float:left; margin:0 5px 5px 0; background:url('/sub/img/n_01_bg.jpg')center right no-repeat; } #main_network .n_02 {float:left; margin:0 5px 5px 0; background:url('/sub/img/n_02_bg_n.jpg')center right no-repeat; } #main_network .n_03 {float:left; margin:0 0 5px 0; background:url('/sub/img/n_03_bg.jpg')center right no-repeat; } #main_network .n_04 {float:left; margin:0 5px 0 0; background:url('/sub/img/n_04_bg_n2.jpg')center right no-repeat; } #main_network .n_05 {float:left; margin:0 5px 0 0; background:url('/sub/img/n_05_bg.jpg')center right no-repeat; } #main_network .n_06 {float:left; margin:0 5px 0 0; background:url('/sub/img/n_06_bg.jpg')center right no-repeat; } #main_network .n_07 {float:left; margin:0 0 0 0; background:url('/sub/img/n_07_bg.jpg')center right no-repeat; } #main_network .box .name {padding:30px; } #main_network .box .name p {color:#373737; font-size:20px; line-height:25px; font-weight:900; padding-bottom:7px;} #main_network .box .name p span {color:#3299c4;} #main_network .box .name a {font-size:13px; color:#aaa; font-weight:700;} } @media only screen and (max-width: 767px){ #main_network {padding:20px 15px; overflow:hidden;} #main_network .title {float:left; width:100%; height:170px; margin: 0 0 5px 0; background-color:#3299c4; text-align:center; color:#fff; font-size:16px; letter-spacing:-1px;} #main_network .title p {font-size:22px; padding-top:50px; font-weight:900;} #main_network .box {float:left; width:100%; height:170px; cursor: pointer; border:1px solid #ddd; } #main_network .n_01 {float:left; margin:0 0 5px 0; background:url('/sub/img/n_01_bg.jpg')center right no-repeat; } #main_network .n_02 {float:left; margin:0 0 5px 0; background:url('/sub/img/n_02_bg_n.jpg')center right no-repeat; } #main_network .n_03 {float:left; margin:0 0 5px 0; background:url('/sub/img/n_03_bg.jpg')center right no-repeat; } #main_network .n_04 {float:left; margin:0 0 5px 0; background:url('/sub/img/n_04_bg_n2.jpg')center right no-repeat; } #main_network .n_05 {float:left; margin:0 0 5px 0; background:url('/sub/img/n_05_bg.jpg')center right no-repeat; } #main_network .n_06 {float:left; margin:0 0 5px 0; background:url('/sub/img/n_06_bg.jpg')center right no-repeat; } #main_network .n_07 {float:left; margin:0 0 0 0; background:url('/sub/img/n_07_bg.jpg')center right no-repeat; } #main_network .box .name {padding:30px; } #main_network .box .name p {color:#373737; font-size:20px; line-height:25px; font-weight:900; padding-bottom:7px;} #main_network .box .name p span {color:#3299c4;} #main_network .box .name a {font-size:13px; color:#aaa; font-weight:700;} } /*하단 네트워크*/ @media all and (min-width: 1200px) { #tail_network {width:1200px; margin:0 auto;} #tail_network .subj {width:100%; height:60px; background-color:#3299c4; cursor: pointer;} #tail_network .subj li { float:left; width:16.666%; padding:0 20px; text-align:left; color:#fff; font-size:15px; font-weight:700; line-height:60px; border-right:1px solid #5aadcf; background:url('/sub/img/tail_network_arrow_down.png')center right no-repeat; } #tail_network .close {position:absolute; width:1200px; height:60px; z-index:100; cursor: pointer;} #tail_network .info {width:100%; height:200px; background-color:#fafafa; border-left:1px solid #ddd;} #tail_network .info li {float:left; width:16.666%; height:200px; padding:20px; border-right:1px solid #ddd;} #tail_network .call {width:100%; margin-bottom:15px; color:#555; padding-left:20px; font-size:13px; line-height:20px; background:url('/sub/img/icon_call_022.png')left top no-repeat;} #tail_network .add {width:100%; min-height:80px; white-space:normal; word-break:keep-all; margin-bottom:15px; color:#555; padding-left:20px; font-size:13px; line-height:20px; background:url('/sub/img/icon_lo_02.png')left top no-repeat;} #tail_network .link {width:133px; opacity:0.5; height:30px; cursor: pointer; margin:0 auto; line-height:30px; color:#555; border:1px solid #555; text-align:center;} #tail_network .link:hover {opacity:1.0;} #copy {width:100%; padding-bottom:50px; overflow:hidden; background-color:#1e1e1e;} #copy .area {width:1200px; margin:0 auto;} #copy .network {width:100%; height:75px; background-color:#343434;} #copy .network li {float:left; width:16.666%; height:75px; border-right:1px solid #494949; font-size:12px; line-height:20px; padding:20px; color:#9a9a9a; letter-spacing:-1px;} #copy .tail {width:100%; overflow:hidden; padding-top:50px;} #copy .tail .left {float:left;} #copy .tail .left p {color:#787878; font-size:9px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight:700; letter-spacing:1px; padding-top:15px;} #copy .tail .right {float:right; text-align:right;} #copy .tail .right .btn_01 {cursor: pointer; opacity:0.4; float:right; width:140px; height:45px; border:1px solid #fff; text-align:center; color:#fff; font-size:13px; line-height:45px;} #copy .tail .right .btn_01:hover {opacity:1.0;} #copy .tail .right .btn_02 {cursor: pointer; opacity:0.4; float:right; width:140px; height:45px; border:1px solid #fff; text-align:center; color:#fff; font-size:13px; line-height:45px;} #copy .tail .right .btn_02:hover {opacity:1.0;} } @media only screen and (min-width: 1024px) and (max-width: 1199px){ #tail_network {display:none;} #copy {width:100%; overflow:hidden; background-color:#1e1e1e;} #copy .area {padding:30px;} #copy .network {display:none;} #copy .network li {float:left; width:14.28%; height:75px; border-right:1px solid #494949; font-size:12px; line-height:20px; padding:20px; color:#9a9a9a; letter-spacing:-1px;} #copy .tail {width:100%; overflow:hidden;} #copy .tail .left {width:100%; text-align:center;} #copy .tail .left p {color:#787878; font-size:9px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight:700; letter-spacing:1px; padding-top:15px;} #copy .tail .right {width:100%; text-align:center;} #copy .tail .right .btn_01 {cursor: pointer; opacity:0.4; float:right; width:140px; height:45px; border:1px solid #fff; text-align:center; color:#fff; font-size:13px; line-height:45px;} #copy .tail .right .btn_01:hover {opacity:1.0;} #copy .tail .right .btn_02 {cursor: pointer; opacity:0.4; float:right; width:140px; height:45px; border:1px solid #fff; text-align:center; color:#fff; font-size:13px; line-height:45px;} #copy .tail .right .btn_02:hover {opacity:1.0;} } @media only screen and (max-width: 1023px){ #tail_network {display:none;} #copy {width:100%; overflow:hidden; background-color:#1e1e1e;} #copy .area {padding:30px;} #copy .network {display:none;} #copy .network li {float:left; width:14.28%; height:75px; border-right:1px solid #494949; font-size:12px; line-height:20px; padding:20px; color:#9a9a9a; letter-spacing:-1px;} #copy .tail {width:100%; overflow:hidden;} #copy .tail .left {width:100%; text-align:center;} #copy .tail .left p {color:#787878; font-size:9px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight:700; letter-spacing:1px; padding-top:15px;} #copy .tail .right {display:none;} #copy .tail .right .btn_01 {cursor: pointer; opacity:0.4; float:right; width:140px; height:45px; border:1px solid #fff; text-align:center; color:#fff; font-size:13px; line-height:45px;} #copy .tail .right .btn_01:hover {opacity:1.0;} #copy .tail .right .btn_02 {cursor: pointer; opacity:0.4; float:right; width:140px; height:45px; border:1px solid #fff; text-align:center; color:#fff; font-size:13px; line-height:45px;} #copy .tail .right .btn_02:hover {opacity:1.0;} } /* 헤더 */ #header {background:#121212;margin:0 0 0px;} #header .header_inner {width:1000px;height:100px;margin:0 auto} #header .utilmenu { font-size:12px; color:#111111; letter-spacing:0px; } #header .utilmenu a { font-size:12px; color:#999999; } #header .utilmenu a:hover { font-size:12px; color:#111111; } #header .utilmenu span { font-size:12px; color:#999999; padding:0px 5px; } #header .headmenu { font-size:16px; color:#333333; letter-spacing:0px; text-align:center; } #header .headmenu a { font-size:16px; color:#333333; } #header .headmenu a:hover { font-size:16px; color:#ff0000; } #header .headmenu span { font-size:12px; color:#999999; padding:0px 10px; } /* 풋터 */ #footer .tailmenu { font-size:12px; color:#999999; letter-spacing:0px; line-height:150%; } #footer .tailmenu a { font-size:12px; color:#999999; } #footer .tailmenu a:hover { font-size:12px; color:#111111; } #footer .tailmenu span { font-size: 8px; color:#dddddd; padding:0px 10px; } /* 서브페이지 레이아웃 */ #subvisual {height:200px;background:#f9f9f9} #subvisual .subvisual_inner {width:1000px;text-align:center;} #container { } #container .container_inner {width:1000px;margin:0 auto;padding:50px 0px} #container .sub_title {margin-top:-5px; text-align:left;} #container .sub_title p.subject {color:#111;font-size:32px;margin-bottom:10px;text-align:left; font-weight:bold;} #container .sub_title p.content {color:#aaa;font-size:14px;margin-bottom:40px;text-align:left; } #container .sub_content { } #container .sub_content_etc { } #container .sub_content_etc p.subject {color:#111;font-size:18px;margin-bottom:10px;font-weight:bold;} #container .sub_content_etc p.content {color:#999;font-size:14px;margin-bottom:40px;line-height:150%;} #container .sub_content .sub_tabmenu { } /* 메인페이지 레이아웃 */