/* Pretendard */ @font-face{ font-family:'Pretendard'; font-weight:100; src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Thin.otf') format('opentype'); src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Thin.otf') format('opentype'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Thin.woff2') format('woff2'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Thin.woff') format('woff'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Thin.ttf') format('truetype'); } @font-face{ font-family:'Pretendard'; font-weight:200; src:url('/layouts/bluebDesign_2024/fonts/Pretendard-ExtraLight.otf') format('opentype'); src:url('/layouts/bluebDesign_2024/fonts/Pretendard-ExtraLight.otf') format('opentype'), url('/layouts/bluebDesign_2024/fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('/layouts/bluebDesign_2024/fonts/Pretendard-ExtraLight.woff') format('woff'), url('/layouts/bluebDesign_2024/fonts/Pretendard-ExtraLight.ttf') format('truetype'); } @font-face{ font-family:'Pretendard'; font-weight:300; src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Light.otf') format('opentype'); src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Light.otf') format('opentype'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Light.woff2') format('woff2'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Light.woff') format('woff'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Light.ttf') format('truetype'); } @font-face{ font-family:'Pretendard'; font-weight:400; src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Regular.otf') format('opentype'); src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Regular.otf') format('opentype'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Regular.woff2') format('woff2'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Regular.woff') format('woff'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Regular.ttf') format('truetype'); } @font-face{ font-family:'Pretendard'; font-weight:500; src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Medium.otf') format('opentype'); src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Medium.otf') format('opentype'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Medium.woff2') format('woff2'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Medium.woff') format('woff'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Medium.ttf') format('truetype'); } @font-face{ font-family:'Pretendard'; font-weight:600; src:url('/layouts/bluebDesign_2024/fonts/Pretendard-SemiBold.otf') format('opentype'); src:url('/layouts/bluebDesign_2024/fonts/Pretendard-SemiBold.otf') format('opentype'), url('/layouts/bluebDesign_2024/fonts/Pretendard-SemiBold.woff2') format('woff2'), url('/layouts/bluebDesign_2024/fonts/Pretendard-SemiBold.woff') format('woff'), url('/layouts/bluebDesign_2024/fonts/Pretendard-SemiBold.ttf') format('truetype'); } @font-face{ font-family:'Pretendard'; font-weight:700; src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Bold.otf') format('opentype'); src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Bold.otf') format('opentype'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Bold.woff2') format('woff2'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Bold.woff') format('woff'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Bold.ttf') format('truetype'); } @font-face{ font-family:'Pretendard'; font-weight:800; src:url('/layouts/bluebDesign_2024/fonts/Pretendard-ExtraBold.otf') format('opentype'); src:url('/layouts/bluebDesign_2024/fonts/Pretendard-ExtraBold.otf') format('opentype'), url('/layouts/bluebDesign_2024/fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('/layouts/bluebDesign_2024/fonts/Pretendard-ExtraBold.woff') format('woff'), url('/layouts/bluebDesign_2024/fonts/Pretendard-ExtraBold.ttf') format('truetype'); } @font-face{ font-family:'Pretendard'; font-weight:900; src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Black.otf') format('opentype'); src:url('/layouts/bluebDesign_2024/fonts/Pretendard-Black.otf') format('opentype'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Black.woff2') format('woff2'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Black.woff') format('woff'), url('/layouts/bluebDesign_2024/fonts/Pretendard-Black.ttf') format('truetype'); } @font-face { font-family: 'KCCMurukmuruk'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/KCCMurukmuruk.woff2') format('woff2'); font-weight: normal; font-style: normal; } * {margin:0;padding:0;} html, body{height:100%;letter-spacing:-0.025em;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:none;} body{font-family:'Pretendard', sans-serif; font-weight:300;font-size:12px;color:#222;} header, section, nav, article, aside, details, figcaption, figure, hgroup, menu, footer {display:block;} h1, h2, h3, h4, h5, h6{font-weight:400;font-size:100%} ul, ol, li{list-style:none;} fieldset, img{border:none;} img{vertical-align:top;} em {font-style:normal;} table{width:100%;border-collapse:collapse;} th {font-weight:400;} td {color:#222;} legend {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;padding:0;visibility:hidden;text-indent:-9999px;} caption {width:0;height:0;overflow:hidden;padding:0;font-size:0;line-height:0;} .hidden {font-size:0;line-height:0;text-indent:-99999px;} .clear:after {display:block;content:'';clear:both;} input, select{font-weight:300;font-family:'Noto Sans KR', sans-serif;vertical-align:middle;color:#777;border:1px solid #ddd;} textarea {resize:none;border:1px solid #afafaf;padding:5px;font-family:'Noto Sans KR', sans-serif;font-size:12px;} a{text-decoration:none;color:#666;} a:foucs {border:1px solid red;outline: inherit;} #wrap {width:100%; height: 100%; margin: 0 auto; /*overflow:hidden;*/ } #content {} #content .subContent { color:#333; font-size:15px; word-break:keep-all; text-align: left;} #content .subContent .location {clear:both;font:normal 11px dotum;color:#999;padding:0;text-align:right} #content .subContent .location a {color:#999;letter-spacing:-1px;} #content .subContent .location a:hover {color:#000} #content .subContent h3.subTitleSubject {margin:0;padding:0;border-bottom:2px #ddd solid;font-size:28px;font-weight:bold;letter-spacing:-1px;margin-bottom:15px;color:#555; /*background:url(./image/ico_title.png) no-repeat;*/padding:45px 0 5px 0;} /*--서브메뉴--*/ #content .snb {bottom: 0; position: absolute; width: 100%;} #content .snb .snbBottom {padding:0px;margin-top:10px} #content .snb .mybox {margin-bottom:10px} #content .snb .mybox {border:#D4D4D4 solid 1px;} #content .snb .mybox .login .mbrinfo {background:#F4F4F4;padding:0;border-bottom:#dfdfdf solid 1px;position:relative;height:80px;} #content .snb .mybox .login .symbol {position:absolute;top:5px;left:5px;} #content .snb .mybox .login .symbol img {width:37px;height:37px;border:1px #c0c0c0 solid} #content .snb .mybox .login .namel {position:absolute;top:30px;left:55px;width:120px;height:12px;font-weight:bold;color:#454545;} #content .snb .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:bold;color:#454545;} #content .snb .mybox .login .score {position:absolute;bottom:12px;left:10px;font-size:11px;font-family:verdana;color:#636363;padding-top:3px;letter-spacing:-1px} #content .snb .mybox .login .tabbox {} #content .snb .mybox .login .tabbox .tp {float:left;width:60px;height:24px;line-height:24px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;position:relative} #content .snb .mybox .login .tabbox .tp span.mcounter { font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial; border-radius:12px;background-color:#ff6000;height:14px;padding:0 5px;color:#fff;line-height:14px; box-shadow:1px 1px 3px #ccc; } #content .snb .mybox .login .tabbox .tp span.mcounter1 { font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial; border-radius:12px;background-color:#999;height:14px;padding:0 5px;color:#fff;line-height:14px; box-shadow:1px 1px 3px #ccc; } #content .snb .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;} #content .snb .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;} #content .snb .mybox .login .lbody {padding:8px;} #content .snb .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;} #content .snb .mybox .login .lbody li {padding:4px 0;line-height:130%;} #content .snb .mybox .login .lbody li a {font-family:dotum;font-size:11px;letter-spacing:-1px;line-height:130%} #content .snb .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;} #content .snb .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;} #content .snb .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;letter-spacing:-1px} #content .snb .mybox .login .lbody li .pic {float:left;width:35px;} #content .snb .mybox .login .lbody li .info {float:left;width:130px;} #content .snb .mybox .login .lbody li a.lbmore {display:block;text-align:center;border:1px #ddd solid;padding:3px;} #content .snb .mybox .login .lbody li a.lbmore:hover {color:#ff6000;background:#f0f0f0} #content .snb .mybox .login .lbody .none {text-align:center;padding-top:40px;} #content .snb .mybox .login .lbody .none span {display:block;font-weight:bold;font-size:13px;letter-spacing:-1px;} #content .snb .mybox .login .lbody .none p {padding:10px 0 40px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px} #content .snb .mybox .logout .tabbox {} #content .snb .mybox .logout .tabbox .np {padding:10px 0 10px 10px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;font-weight:bold;color:#9E9E9E;} #content .snb .mybox .logout .tabbox .tp {float:left;width:90px;height:22px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;padding-top:12px;cursor:pointer;} #content .snb .mybox .logout .tabbox .vline {width:91px;border-right:#D4D4D4 solid 1px;} #content .snb .mybox .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;} #content .snb .mybox .logout .nlog {margin-top:10px;padding:0 0 30px 10px;position:relative;height:65px;} #content .snb .mybox .logout .i1 {position:absolute;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;} #content .snb .mybox .logout .i1 .input {float:left;width:110px;height:17px;border:#BEBEBE solid 1px;font-size:12px;font-family:tahoma} #content .snb .mybox .logout .i1 .input:focus {border:#BEBEBE solid 2px;} #content .snb .mybox .logout .i2 {position:absolute;top:48px;left:8px;font-family:dotum;font-size:11px;letter-spacing:-1px} #content .snb .mybox .logout .i3 {position:absolute; top:1px;left:127px;} #content .snb .mybox .logout .rbtm {position:absolute;bottom:4px;left:8px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 0 3px;} #content .snb .mybox .logout .rbtm .ipc {color:#67686A} #content .snb .mybox .logout .rbtm a {color:#313946;} #content .snb .mybox .logout .rbtm span {padding:0 5px 0 5px;} #content .snb .mybox .logout .slog {padding:20px 10px 10px 10px;} #content .snb .mybox .logout .slog .icon {width:160px;padding:0px;text-align:center;} #content .snb .mybox .logout .slog .icon img {cursor:pointer;margin:0 4px 0 4px;} #content .snb .mybox .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;} #content .snb .category {padding:0;text-align:center; width:1350px; margin:0 auto;} #content .snb .category h3 {margin:0;font-size:35px;letter-spacing:-2px;font-weight:500;color:#222; text-align:center;} #content .snb .category ul { padding-top:50px;} #content .snb .category li { display:inline-block;list-style-type:none;margin:0; margin-left:-5px; background:#fff; min-width:195px;} #content .snb .category .m2 {font-size:19px;letter-spacing:-1px;} #content .snb .category .m2 a {color:#444;display:block; padding:23px 10px; text-align:center; } #content .snb .category .m2 a:hover {text-decoration:none;color:#03b4b2;background-color:#efefef} #content .snb .category .selected2 a {color:#fff; background-color:#03b4b2; font-weight:500;} #content .snb .category .selected2 a:hover {color:#fff;text-decoration:none;} #content .snb .category .selected2 span.num {color:#fff} #content .snb .category .orange a {background:url(./image/sub_active_orange.jpg) repeat-x 0 0;} #content .snb .category .green a {background:url(./image/sub_active_green.jpg) repeat-x 0 0;} #content .snb .category .blue a {background:url(./image/sub_active_blue.jpg) repeat-x 0 0;} #content .snb .category .light_blue a {background:url(./image/sub_active_light_blue.jpg) repeat-x 0 0;} #content .snb .category .black a {background:url(./image/sub_active_black.jpg) repeat-x 0 0;} #content .snb .category .grey a {background:url(./image/sub_active_grey.jpg) repeat-x 0 0;} #content .snb .category .red a {background:url(./image/sub_active_red.jpg) repeat-x 0 0;} #content .snb .category ul li ul {margin:0px;background:none;background:#f0f0f0 url(./image/submenu_shadow.gif) repeat-x top;padding:10px 0;border-top:none} #content .snb .category ul li ul li.m3 {font-weight:normal;font-size:12px;border-bottom:none} #content .snb .category ul li ul li.m3 a {font-weight:normal;font-family:dotum;color:#454545;display:block;padding-left:23px;height:21px;line-height:21px;background:url(./image/snb_m3_ico.gif) no-repeat 16px 8px;letter-spacing:-1px;} #content .snb .category ul li ul li.m3 a:hover {text-decoration:none;color:#000;background-color:#ddd;} #content .snb .category ul li ul li.selected3 a {color:#ff6000;font-weight:bold;background:url(./image/snb_m3_ico_open.gif) no-repeat 15px 7px;} #content .snb .category .spaceLi {height:7px;} #content .snb .category .new {font:normal 10px arial;color:#ff0000;} #content .snb .category .num {font:normal 11px arial;color:#999;} .subTitleSubject{ text-align:center; font-size:37px;height:50px; font-weight:700; padding:100px 0; /*background:#f1f5f8 url(./image/sub/boderTop.jpg) 70% 0; background-size:auto;*/} /*하단정보영역*/ #footerWrap{background-color: #292f3b; padding-top: 30px;} #footerInfoWrap .newPhoto {position:absolute;left:0;width:210px} #footerInfoWrap .newPhoto .tt {padding:0 0 8px 0;font-weight:bold;color:#666;} #footerInfoWrap .newPhoto .pic {float:left;margin:0 0 8px 5px;padding:3px;background:#fff} #footerInfoWrap .newPhoto .pic:hover{background:#ff6000} #footerInfoWrap .newPhoto .pic img {width:54px;height:45px;} #footerInfoWrap .newPhoto .nomargin {margin:0 0 7px 0;clear:both;} #footerInfoWrap .newPost {position:absolute;left:250px;width:210px} #footerInfoWrap .newPost .tt {padding:0 0 8px 0;font-weight:bold;color:#666;} #footerInfoWrap .newPost ul {padding:0;margin:0;} #footerInfoWrap .newPost li {list-style-type:none;margin-bottom:5px;} #footerInfoWrap .newPost li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block} #footerInfoWrap .newPost li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px} #footerInfoWrap .newPost li .comment {font:normal 11px arial;color:#FC6138;} #footerInfoWrap .newPost li .trackback {font:normal 11px arial;color:#02ACD6;} #footerInfoWrap .newPost li .new {font-family:arial;font-size:10px;color:#ff0000;} #footerInfoWrap .newPost .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;} #footerInfoWrap .newComment {position:absolute;left:250px;width:210px} #footerInfoWrap .newComment .tt {padding:0 0 8px 0;font-weight:bold;color:#666;} #footerInfoWrap .newComment ul {padding:0;margin:0;} #footerInfoWrap .newComment li {list-style-type:none;margin-bottom:5px;} #footerInfoWrap .newComment li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block} #footerInfoWrap .newComment li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px} #footerInfoWrap .newComment li .comment {font:normal 11px arial;color:#FC6138;} #footerInfoWrap .newComment li .trackback {font:normal 11px arial;color:#02ACD6;} #footerInfoWrap .newComment li .new {font-family:arial;font-size:10px;color:#ff0000;} #footerInfoWrap .newComment .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;} #footerInfoWrap .newNotice {position:absolute;left:250px;width:210px} #footerInfoWrap .newNotice .tt {padding:0 0 8px 0;font-weight:bold;color:#666;} #footerInfoWrap .newNotice ul {padding:0;margin:0;} #footerInfoWrap .newNotice li {list-style-type:none;margin-bottom:5px;} #footerInfoWrap .newNotice li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block} #footerInfoWrap .newNotice li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px} #footerInfoWrap .newNotice li .comment {font:normal 11px arial;color:#FC6138;} #footerInfoWrap .newNotice li .trackback {font:normal 11px arial;color:#02ACD6;} #footerInfoWrap .newNotice li .new {font-family:arial;font-size:10px;color:#ff0000;} #footerInfoWrap .newNotice .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;} #footerInfoWrap .postCalendar,#footerInfoWrap .bottomRss,#footerInfoWrap .bottomCounter { -webkit-border-radius: 8px; -moz-border-radius:8px; border-radius: 8px; -moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5);-webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5);box-shadow:1px 1px 6px rgba(0,0,0,0.5);behavior: url(./_ie/PIE.htc); } #footerInfoWrap .postCalendar {position:absolute;width:184px;left:810px;background:#fff;border:2px #c0c0c0 solid;top:20px;} #footerInfoWrap .postCalendar .tt {padding:5px 0 5px 0;text-align:center;font-weight:bold;font-family:verdana;color:#666;} #footerInfoWrap .postCalendar .tt img {position:relative;top:-1px;} #footerInfoWrap .postCalendar .sunday {color:#2B97D7;} #footerInfoWrap .postCalendar .week {height:20px;} #footerInfoWrap .postCalendar .week td {color:#333;background:#f9f9f9;} #footerInfoWrap .postCalendar table {width:100%;} #footerInfoWrap .postCalendar td {text-align:center;color:#666;font-family:dotum;font-size:11px;} #footerInfoWrap .bottomRss {position:absolute;left:810px;width:174px;height:18px;padding:5px;background:#fff url(./image/rss.gif) no-repeat 5px 6px;border:2px #c0c0c0 solid;text-align:right;line-height:18px;} #footerInfoWrap .bottomRss {font-family:tahoma;font-size:11px;} #footerInfoWrap .bottomCounter {position:absolute;left:810px;background:#fff url(./image/ico_count.gif) no-repeat 8px 1px;width:114px;padding:5px 5px 5px 65px;border:2px #c0c0c0 solid;font-family:tahoma;font-size:11px;color:#777} #footerInfoWrap .customerCont {position:absolute;width:200px;height:200px;font-family:dotum;font-size:11px;color:#ddd;letter-spacing:-1px;} #footerInfoWrap .customerCont a {color:#fff;} #footerInfoWrap .customerCont a:hover {color:#ff6000;} /*하단*/ #footer {} #footerbg {margin:0;padding:0 0 0px 0;position:absolute;left:0;display:block;width:100%;z-index:1;} #footer .footerCont {width:60%;margin:0 auto;display:block;position:relative;} /*#footer .footerCont div.footerMenu {text-align:left;margin-bottom:10px;padding:7px 20px; }*/ #footer .footerCont div.footerMenu {font-size: 12px; color: #999;text-align: left; width: 600px; margin: 0 auto;line-height: 18px;padding: 15px 0; border-bottom: 1px solid #666; border-top: 1px solid #666;} #footer .footerCont div.footerMenu a {font-size:14px;color:#ddd;letter-spacing:-1px;font-weight: 400;} #footer .footerCont div.footerMenu a:hover {color:#03b4b2;} #footer .footerCont div.footerMenu .split {font-family:dotum;font-size:9px;color:#c0c0c0;} #footer .footerCont .logoBox {margin:0 auto; position:relative; text-align:center; width:1100px; height:80px; } #footer .footerCont .logoBox .btn_pre {position:absolute; top:7px; left:0;cursor:pointer;} #footer .footerCont .logoBox .btn_next {position:absolute; top:7px; right:0;cursor:pointer;} #footer .footerCont .logoBox .logoDiv {margin:0 auto; width:1020px; padding:0; text-align:left; height:56px;overflow:hidden;} #footer .footerCont .logoBox .logoImg {margin:0 auto; width:2020px; padding:0; text-align:left; height:56px;} #footer .footerCont .logoBox .logoImg li {float:left; list-style-type:none;padding:0 5px;width:230px;text-align:center;} .logoDiv {margin:40px auto; padding:0; text-align:left; height:60px;overflow:hidden;} .logoImg {display: flex; justify-content: space-evenly;} .logoImg li img{height: 100%;} .footerSiteInfo2 { background-color: #000;padding: 15px 0; text-align: center;} #footer .footerCont div.footerSiteInfo {font-size:13px;color:#999;text-align:left;width:600px;margin:0 auto; line-height:20px; padding-top:20px;} #footer .footerCont div.footerSiteInfo a{color:#adb3c1; border-top: 1px solid #666; display: block; padding-top: 5px;} #footer .footerCont address {font-family:arial;font-size:11px;font-style:normal;color:#adb3c1;text-align:left;margin-top:20px;} #footer .footerCont .footerLogo {position:absolute;width: 208px;height: 32px;top:10px;left:60px;} #footer .footerCont .qrimage {position:absolute;right:0;top:0} #familysite {position:absolute; top:0px; right:70px; width:180px; padding:0; z-index:10; } #familysite #family_layer { position:absolute; bottom:26px; left:0px; width:163px; display:none; background:#fff; text-align:left; border:1px solid #cccccc; height:auto; padding:5px 7px;} #familysite #family_layer p {margin:3px 0; padding:0;font-family:'nanumgothic'; font-size:12px;color:#777;} #familysite #family_layer a {color:#777; } #familysite #family_layer a:hover {color:#F60; } #familysite #family_layer.on {display:block;} #familysite .selectBox {display:block; width:180px; height:36px; line-height:33px; text-align:left; padding-left:10px; color:#fff; font-family:'nanumgothic'; font-size:13px; border: 1px solid #666; border-radius: 4px;} #familysite2 {position:absolute; top:45px; right:70px; width:180px; padding:0; z-index:10; } #familysite2 #family_layer2 { position:absolute; bottom:26px; left:0px; width:163px; display:none; background:#fff; text-align:left; border:1px solid #cccccc; height:auto; padding:5px 7px;} #familysite2 #family_layer2 p {margin:3px 0; padding:0;font-family:'nanumgothic'; font-size:12px;color:#777;} #familysite2 #family_layer2 a {color:#777; } #familysite2 #family_layer2 a:hover {color:#F60; } #familysite2 #family_layer2.on {display:block;} #familysite2 .selectBox2 {display:block; width:180px; height:36px; line-height:33px; text-align:left; padding-left:10px; color:#fff; font-family:'nanumgothic'; font-size:13px; border: 1px solid #666; border-radius: 4px;} #familysite3 {position:absolute; top:90px; right:70px; width:180px; padding:0; z-index:10; } #familysite3 #family_layer3 { position:absolute; bottom:26px; left:0px; width:163px; display:none; background:#fff; text-align:left; border:1px solid #cccccc; height:auto; padding:5px 7px;} #familysite3 #family_layer3 p {margin:3px 0; padding:0;font-family:'nanumgothic'; font-size:12px;color:#777;} #familysite3 #family_layer3 a {color:#777; } #familysite3 #family_layer3 a:hover {color:#F60; } #familysite3 #family_layer3.on {display:block;} #familysite3 .selectBox3 {display:block; width:180px; height:36px; line-height:33px; text-align:left; padding-left:10px; color:#fff; font-family:'nanumgothic'; font-size:13px; border: 1px solid #666; border-radius: 4px;} /*etc*/ .templatePreview {position:fixed;top:0;left:0;z-index:1000;background:#ff6000;padding:15px;border:3px #000 solid;color:#fff;text-align:center} .usersavePreview {position:fixed;top:0;left:0;z-index:1000;background:#00ccff;padding:15px;border:3px #000 solid;color:#fff;text-align:center} .contentArea {} .sct { padding: 30px 0; line-height: 18px; font-size: 12px; border: 1px solid #ccc; margin: 0 auto; width: 1100px;} .priva { padding: 20px;line-height: 1.6em; color: #777; font-size: 14px;} .etc_agree { padding: 20px;line-height: 1.6em; color: #777; font-size: 14px;} .sct h2 { color: #09F; padding-bottom: 10px; border-bottom: 1px #09F solid; margin: 0 20px;font-size: 20px;font-weight: 500;} /*탭메뉴01*/ .tab01 {background: url("./image/bg_tab.gif") no-repeat scroll 0 top transparent;overflow: hidden;position: relative;} .tab01 ul {margin:0;padding:0;overflow: hidden;padding-left: 1px;width: 100%;} .tab01 li {background: url("./image/bg_tab.gif") no-repeat scroll -1px top transparent;display: inline;float: left;margin-left: -1px;padding-left: 5px;} .tab01 li a {background: url("./image/bg_tab.gif") no-repeat scroll right top transparent;display: inline-block;height: 32px;letter-spacing: -1px;line-height: 32px;padding:0 20px 0 16px;text-decoration: none;vertical-align: top;text-align:Center} .tab01 li a:hover, .tab01 li a:active {text-decoration: none;} .tab01 li.selected {background-position: 0 -58px;margin-right: 1px;position: static;z-index: 10;} .tab01 li.selected a {background-position: right -58px;color: #ff6000;font-weight: bold;} div.depth5 {list-style:none;height:33px;border-bottom:1px #bbb solid;margin-top:5px;} div.depth5 a{display:inline-block;padding:8px 15px 5px 15px;letter-spacing:-0.5px;margin-right:10px;background:url('./image/common/bul_arrow1.gif') no-repeat 0 10px;font-weight:bold;} div.depth5 a.selected5 {background:#ff6000;font-weight:bold;color:#fff;-webkit-border-radius: 3px; -moz-border-radius: 3px;} #pctomobile {visibility:hidden} #pctomobile_blueb {position:absolute;bottom:-70px;z-index:10000;display:block;width:100%;border:1px #000 solid;background:#e0e0e0;height:70px;text-align:center;font-family:dotum;font-size:24px;color:#fff;line-height:70px;} #pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe, #bbsview, #guidebox{ width:1200px; margin:0 auto; padding-top:150px;} #pages_login{ padding:200px 0 100px 0;} #footerWrap .banner{ padding:30px 0; text-align:center;} #footerWrap .banner li{ display:inline-block; margin:0 17px; font-size:20px; font-weight:400;} #footerWrap .banner img{ vertical-align:middle; padding:0 10px;} #footerWrap .banner span{ padding:0 15px;font-size:20px; font-weight:400;} #container{ margin-top:100px;} .main-visual {position:relative; margin:0 auto; height:775px;} .main-visual .visual-slider { overflow:hidden;position:absolute;left:100px;top:0;width:calc(100% - 100px);height:100%;} .main-visual .visual-slider .swiper-slide {overflow:hidden; position:relative; height:100%;} .main-visual .visual-slider .swiper-slide .vs-bg { position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition-duration:3s;} .main-visual .visual-slider .swiper-slide .vs-bg img{ width:100%;} .main-visual .visual-slider .swiper-slide .mobile {display: none;} .main-visual .visual-slider .swiper-slide .vs-txt { display:flex; flex-direction:column; justify-content:center; position:relative; margin:0 auto; max-width:150em; width:90%; height:100%; z-index:1;} .main-visual .visual-slider .swiper-slide .vs-txt h2 {opacity:0; font-size:7.5rem; color:#ffffff; font-weight:700;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);} .main-visual .visual-slider .swiper-slide .vs-txt p {opacity:0; margin-top:1.389em; font-size:2.4rem; color:#ffffff; letter-spacing:-0.028em; line-height:1.556em;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px); font-weight:500;} .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ position:absolute; left:auto; top:auto; bottom:0; background-image:none; background-color:rgb(0,0,0,0.7); font-size:0; width:50px; height:50px; display:flex; align-items: center;justify-content: center;} .main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{color:#fff; font-size:20px;} .main-visual .visual-slider .swiper-button-prev{ right:130px;} .main-visual .visual-slider .swiper-button-prev:after { display:none;} .main-visual .visual-slider .swiper-button-next { right:1px} .main-visual .visual-slider .swiper-button-next:after { display:none;} .main-visual .visual-slider .swiper-pagination { position:absolute; right:51px; top:auto; left:auto; bottom:0; z-index:10; margin-top:7.083em; width:79px; height:50px; display:flex; align-items: center;justify-content: center; font-size:15px; letter-spacing:5px; color:#ffffff; background-color:rgb(0,0,0,0.7); } .main-visual .visual-slider .swiper-pagination span { font-style:normal;} .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-bg {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1.4s;-moz-transition:transform 1.4s;-ms-transition:transform 1.4s;-o-transition:transform 1.4s;transition:transform 1.4s;} .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2 {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s; } .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt p {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s; -webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;} .mainContent{font-size:15px; word-break:keep-all;} /* sec01 */ .mainContents {} .mainContents h1{ font-size:43px; font-weight:400; margin-bottom:50px; } .mainContents h1 span{ font-weight:900;} .more {border: 1px solid #03b4b2; color:#03b4b2; padding: 7px 30px; font-size: 17px; border-radius: 29px; font-weight: 400; margin-left: 40px; position: absolute; top: -60px; right: 36px;} .more2 {border: 1px solid #03b4b2; color:#03b4b2; padding: 7px 30px; font-size: 17px; border-radius: 29px; font-weight: 400; margin-left: 40px; position: absolute; top: 203px; right: 10px;} #sec01 {margin: 0 100px;position: relative;} .top {} #sec01 h1{ position:relative; padding-top:210px; margin-left: -50px;} #sec01 h1:before{ content:'Jeonbuk'; position:absolute; top: 419px; left: -562px; font-size:233px; line-height:140px; font-weight:900; z-index:0; color:rgb(107,133,133, 0.1); transform: rotate(90deg);} #sec01 h1:after{content:''; background-image: url("./image/bg/sec1_bg.png"); display: block; width: 100%; height: 50%; position:absolute; top: 400px; left: 0px; } .notice_prev {/*position: absolute; bottom: 0; display: flex; align-items: center; justify-content: center; border: 0; vertical-align: top; */ width: 70px; height: 70px; background-color: rgb(0, 0, 0, 0.3); z-index: 10001; color: #fff; font-size: 25px;} #sec01 button { text-transform: none; box-sizing: border-box; overflow: visible; font-size:0; border:none; background:none} .mnav_b {box-sizing: inherit; background: none; border: none;} .mnav_button {text-align: center; display: flex; align-items: center; } .what-contents {} .what-contents ul{width: 100%; display: flex; justify-content: space-around; margin-left: 120px;} .what ul li { box-sizing: border-box; z-index: 1;} .what ul li img{ border-radius: 8px; border: 1px solid #cecece;} .what ul li p {font-size: 22px; text-align: center; margin-top: 12px; font-weight: 400; color: #666;} .main_pro {position:relative; width:100%; } .main_pro h3{position:absolute; width:1px; height:1px; left:-9999em; top:-9999em; text-indent:-9999em; overflow:hidden;} .main_pro button{cursor:pointer;} .main_pro .pro{position:relative; height:100%; z-index:0; text-align:center; margin:0; padding:0;} .main_pro .pro li{ display:flex; } .main_pro .pro li a{vertical-align: middle; width:100%; padding:0; margin:0;} .main_pro .pro li+li{ margin-left:50px;} .main_pro .pro img{width:100%; height:auto; max-width:100%; max-height:100%; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; } .main_pro .pro li span{ font-size:23px; display:block; margin-top:15px; color:#222;} .main_pro .pro .slick-counter{ display:none;position: absolute; right:0; top:0;width:75px; height:55px; line-height:55px; color:#fff; background:rgba(0,0,0,0.85); text-align:center; font-size:16px;} .main_pro .pro .slick-arrow{position:absolute; top:-100px; width:55px; height:55px; font-size:0; overflow:hidden; z-index:1;} .main_pro .pro .slick-prev{right:140px;} .main_pro .pro .slick-next{right:76px;;} .main_pro .pro .slick-prev, .main_pro .pro .slick-next, .main_pro .control a.btn_stop, .main_pro .control a.btn_play{background:none; border:none; font-size:0;} .main_pro .pro .slick-prev:before, .main_pro .pro .slick-next:before{font-family:xeicon; font-size:35px; color:#222;} .main_pro .pro .slick-prev:before{content:"\e906"} .main_pro .pro .slick-next:before{content:"\e907"} .main_pro .control{ display:none;position:absolute; right:132px; top:0; z-index:1;} .main_pro .control a{display:block; width:55px; height:55px; overflow:hidden;text-align:center;} .main_pro .control a.btn_play{display:none;} .main_pro .control a.btn_stop i, .main_pro .control a.btn_play i{ color:#fff; font-size:25px; line-height:55px; } /* 슬라이드 공용 */ .main_pro .slick-slider{transition:all ease-in-out .3s; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; } .main_pro .slick-slide{ display:none; height:100%; min-height:1px; vertical-align:middle; } .main_pro .slick-list{ overflow:hidden; } .main_pro .slick-list.dragging{ cursor:pointer; } .main_pro .slick-initialized .slick-slide{ display:inline-block; } .main_pro .slick-arrow.slick-hidden { display:none; } .main_pro .slick-current { opacity:1; display:block; } /* sec02 */ /**********************수정 전 css**********************/ /*#sec02 {margin-top: 220px; clear: both;} #sec02 .sec02_right:before{ content:'Infectious Disease Control & Prevention'; position:absolute; top:1578px; left:1372px; font-size:116px; line-height:120px; font-weight:900; z-index:0; color:rgb(107,133,133, 0.1);} #sec02 .sec02_left:before{content:''; background-image: url("./image/bg/sec2_bg.png"); display: block; width: 100%; height: 50%; position:absolute; top: 1697px; left: 0px; background-repeat: no-repeat; z-index:-1; } .sec02_left {display: flex;clear: both;} .sec02_left a {background-image: url('./image/main/sec02-1.jpg'); border-radius: 0 80px 0 0; width: 55%; background-color: #222; height: 300px; position: relative; z-index: 1; } .sec02_left_box a {} .sec02_left_text { margin-left: 790px; margin-top: 92px; z-index: 2;} .sec02_left h3 {color: #fff; font-size: 46px; font-weight: 700;} .sec02_left p {color: #fff; font-size: 22px; margin: 5px 0 30px 0; font-weight: 400;} .sec02_left a {color: #fff; font-size: 18px; position: absolute; z-index: 2;} .sec02_left a span{} .sec02_left a span img {margin-left: 30px;} .sec02_right { margin-top: 110px;} .sec02_right a {background-image: url('./image/main/sec02-2.jpg'); border-radius: 0 0 0 80px; width: 55%; background-color: #222; height: 300px; position: relative; float: right; background-position-x: -5px;} .sec02_right_text { margin-left: 320px; margin-top: 92px; position: absolute;} .sec02_right h3 {color: #1b56bc; font-size: 46px; font-weight: 700;} .sec02_right p {color: #1b56bc; font-size: 22px; margin: 5px 0 30px 0; font-weight: 400;} .sec02_right{ color: #1b56bc; font-size: 18px;} .sec02_right a span{color: #1b56bc; } .sec02_right a span img{margin-left: 30px; }*/ #sec02 {width: 100%; margin: 120px auto; position: relative;} #sec02::before{content:"";position: absolute; top: 0; left: 0; background-image: url("./image/bg/sec2_bg.png"); display: block; background-repeat: no-repeat; z-index:-3; width: 100%; height: 650px;} #sec02::after{content: 'Infectious Disease Control & Prevention';position: absolute; top: -66px; left: 1373px; font-size: 116px; line-height: 120px; font-weight: 900; z-index: -4; color: rgb(107, 133, 133, 0.1);} .s02 {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-around; padding: 100px 0;} .sec02_left, .sec02_right{width: 50%; } .sec02_left_text { color: #fff; } .sec02_right_text { color: #1b56bc;} .sec02_left a, .sec02_right a{width: 50%;} .sec02_left h3, .sec02_right h3 {font-size: 46px; font-weight: 700;} .sec02_left p, .sec02_right p {font-size: 22px; font-weight: 400; margin-bottom: 10px;} .sec02_left a, .sec02_right a {/*color: #fff; */font-size: 18px;} .sec02_left_text, .sec02_right_text{z-index: 2;} .sec02_left_text {text-align: right;padding-right: 200px;} .sec02_leftbox, .sec02_rightbox{padding: 100px 0;} .sec02_leftbox{position: relative;} .sec02_leftbox::before{ width: 110%; height: 100%; content: " "; background-image: url('./image/main/sec02-1.jpg'); position: absolute; left: 0px; top: 0px; z-index: -1; border-radius: 0 80px 0 0; background-size: cover; background-position: center;} .sec02_rightbox {position: relative;margin-top: 100px; padding-left: 200px;} .sec02_rightbox::before{ width: 110%; height: 100%; content: " "; background-image: url('./image/main/sec02-2.jpg'); position: absolute; right: 0px; top: 0px; z-index: -2; border-radius: 0 0 0 80px; background-size: cover; background-position: center;} .sec02_left_text { color: #fff; } .sec02_right_text { color: #1b56bc;} /* sec03 */ #sec03 {margin-bottom: 150px; position: relative;} .top {margin-left: 100px;} .top .h3-tit { font-size: 60px; line-height: 1.3; font-weight: 900;} .top p {font-size: 22px; color: #666; margin-right: 1600px;} .top-box {text-align: left; margin-right: 50px; width: 300px; display: inline-block; vertical-align: top;} .top-box .board-tab { margin-top: 40px;} .top-box .board-tab li button { border: none; background: none; font-size: 21px; font-weight: bold; margin-bottom: 15px; color: #fff; background-color: #cecece; padding: 16px; border-radius: 0 0 25px 0; width: 100%;} .top-box .board-tab li.active button { font-weight: 900; position: relative; background-color: #03b4b2;} .top-box .board-tab li a {position: absolute; top: 0; right: 0; display: none;} .top-box .board-tab li.active a {display: block; border: 1px solid #aeaeae; padding: 4px 60px 4px 25px; border-radius: 50px; } .top-box .board-tab li a i {font-style: normal; right: 15px; position: absolute;} #sec03 .mnav_b { text-transform: none; box-sizing: border-box; overflow: visible; font-size: 33px; padding-right: 22px;} .sec03_board {} .sec03_board ul {display: flex;} .sec03_board ul li { width:calc(100% / 4);border: 1px solid #cecece; background-color: #f7f7f8; border-radius: 16px; padding: 45px; margin-right: 30px; box-sizing:border-box;} .sec03_board ul li.active { border: 1px solid #007473; background-color: #03b4b2;} .sec03_board ul li .title {font-size: 25px; font-weight: 500; color: #666; margin-bottom: 25px;} .sec03_board ul li .txt {font-size: 20px; color: #8a8a8a;} .sec03_board ul li .date {font-size: 18px; color: #8a8a8a; text-align: right; margin-top: 15px;} .sec03_board ul li.active .title, .sec03_board ul li.active .txt, .sec03_board ul li.active .date {color: #fff;} .tab_list{ display:flex;} .tab_list li{ list-style-type:none;width:16.66%; background-color:#f9f9f9; border-top:1px solid #eaeaea; border-bottom:1px solid #535353; text-align:center; box-sizing:border-box;} .tab_list li.on{background-color:#fff; border-left:1px solid #535353; border-top:1px solid #535353; border-right:1px solid #535353; border-bottom:none;} .tab_list li.on a{color:#333; font-weight:500;} .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:16px; color:#aaa;} .tab_list_con .cont{display:none;} .tab_list_con .cont.on{display:block;} .m_memories_slide li{text-align: center; } .m_memories_slide li .imaA{height:415px; overflow:hidden;} .m_memories_slide li a:hover .tit{padding-bottom: 1px;border-bottom: 1px solid #fff;} .m_memories_slide li a{display:block;} .m_memories_slide li img{ width:95%; image-rendering: -webkit-optimize-contrast;} .m_memories_slide li a span{ font-size:27px; display:block; margin-top:15px;} .m_memories_wrap{position: relative;} .m_memories_wrap .control{position: absolute;right: 0;top: -54px;display: flex;justify-content: space-between;} .m_memories_wrap .control button{cursor:pointer;} .m_memories_wrap .control .btn_next4{ margin-left:20px;} .m_memories_wrap .control button.swiper-button-disabled{opacity: 0.3} .m_memories_wrap .control button i { font-size:35px;} .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;/* Fix of Webkit flickering */z-index: 1;} .swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: flex; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .swiper-wrapper.vertical {flex-direction: column;} .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: auto;height: 100%;position: relative;} .tabmenu_box { display:flex; margin-top:15px;} .tab_menu{ flex-basis:18%; flex-shrink: 0;} .tab_menu ul{} .tab_menu ul li { display:flex;width:100%; background: #f7f7f8; border-radius: 0 0 25px 0;} .tab_menu ul li+li{ margin-top:10px;} .tab_menu ul li a { display:block; width:100%; height:100%; padding:15px 0;border-radius: 0 0 25px 0; text-align:center; font-size:25px; font-weight: 400;} .tab_menu ul li.on a, .tab_menu ul li.active a, .tab_menu ul li a:hover {border-color: transparent;background-color:#03b4b2;background-repeat: no-repeat;background-position: right center;background-image: url(../images/sub/tab_menu_bg.png);color: #FFF;} .contentbox { flex-grow: 1;padding: 0 25px 0 56px; position: relative;} .contentbox .tabcontent {} .contentbox .tabcontent .tabbox {display: none;} .contentbox .tabcontent .tabbox.tabbox_0 {display: block;} .clearfix { width: 82%;} .tab_menu_news{} .tab_menu_news ul{ display:flex; gap:30px;} .tab_menu_news ul li{ width:calc(100% / 4); border:1px #ddd solid; box-sizing:border-box; border-radius:20px; font-size:20px; background:#f7f7f8; overflow:hidden} .tab_menu_news ul li a{ display:block; width:100%; height:100%;padding:30px; box-sizing:border-box;transition: all .3s ease-in-out; } .tab_menu_news ul li strong{ font-size:27px; font-weight:600;-webkit-line-clamp: 2;height: 65px;} .tab_menu_news ul li strong, .tab_menu_news ul li strong p{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .tab_menu_news ul li p{ display: block; color: #363b3b; margin:20px 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 95px; word-break: keep-all;transition: all .3s ease-in-out;} .tab_menu_news ul li .date{ display:block; text-align:right;} .tab_menu_news ul li a:hover{ background:#03b4b2;color:#fff;} .tab_menu_news ul li a:hover p{ color:#fff;} @media all and ( max-width: 1920px ){ .m_memories_slide li .imaA{height:310px;} #container{ } .main-visual { height:577px;} .mainContents h1 {font-size: 36px;} #sec01 { margin: 0 75px;} #sec01 h1 { margin-left: -30px; padding-top: 180px;} #sec01 h1:before {left: -495px; top: 359px; font-size: 206px;} .m_memories_wrap .control button i { font-size:30px;} .m_memories_slide li a span{ font-size:20px; margin-top:15px;} .m_memories_slide li img {width: 100%;} .section3{padding-left: 65px;} .more2 { top: 174px;} /* #sec02 {margin-top: 200px;} .what-contents ul {margin-left: 100px;} .what ul li{padding-right:20px;} .what ul li img{ width: 380px;} .sec02_left_text{margin-left: 525px; margin-top: 68px;} .sec02_left h3, .sec02_right h3 { font-size: 36px;} #sec02 .sec02_right:before { top: 1318px; left: 1013px;font-size: 89px;} #sec02 .sec02_left:before {top: 1305px;} .sec02_left a {background-position-x: -240px; background-position-y: center;height: 250px;} .sec02_right a {background-position-x: -112px; background-position-y: -35px;height: 250px;} .sec02_right_text { margin-left: 270px; margin-top: 77px;}*/ #sec02::after { top: -35px;left: 953px; font-size: 95px;} .sec02_leftbox{ padding: 80px 0; } .sec02_rightbox {padding: 80px 0 80px 150px; } .sec02_leftbox::before, .sec02_rightbox::before {width: 105%;} .sec02_left h3, .sec02_right h3 {font-size: 36px;} .top {margin-left: 100px;} .top p {margin-right: 930px;} .tab_menu ul li a{ font-size:18px;} .tab_menu_news ul li{ font-size:17px;} .tab_menu_news ul li strong{ font-size:23px;height:55px;} .tab_menu_news ul li p{ height:80px;} #footerWrap {padding-top:20px;} #footer .footerCont { width: 78%;} #footer .footerCont .footerLogo {left:0;} #footer .footerCont div.footerMenu {padding:11px 0;} #footer .footerCont div.footerSiteInfo { padding-top: 11px;} #footer .footerCont .footerLogo {top: 0;} .logoDiv {margin: 25px auto;} .logoImg img {width: 90%;} } @media all and ( max-width: 1700px ){ #header .logo {} /* .sec02_left_text {margin-left: 488px;} .sec02_right_text {;} #sec02 .sec02_right:before { top: 1457px; left: 890px; font-size: 79px; line-height: 98px;}*/ } @media all and ( max-width: 1600px ){ .notice .notice_item img {height: 90%;} .slick-list {height: 539px;} /* .sec02_right_text {} #sec02 .sec02_right:before { top: 1420px; left: 828px; font-size: 75px; line-height: 91px;}*/ .top p {margin-right: 799px;} } @media all and ( max-width: 1400px ){ .main-visual .visual-slider {left:0; width: 100%;} .main-visual .visual-slider .swiper-slide{width: 100%;} .sct { width: 100%;} } @media all and ( max-width: 1280px ){ #headerInnerWrap {top: 44px;} .notice .notice_item img { height: 69%;} .slick-list {height: 400px;} #sec01 {} #sec01 h1 {margin-left:0; padding-top: 130px;} .mainContents h1 {font-size: 32px;} .m_memories_slide li img {width: 100%; height: 195px !important;} #sec01 h1:before { top: 299px;left: -480px;font-size: 175px;} /* #sec02 {margin-top: 180px;} .sec02_left a, .sec02_right a{height: 245px; background-size: cover;} .sec02_left_text {margin-top: 71px; margin-left: 350px;} .sec02_left h3, .sec02_right h3 {font-size: 36px;} .sec02_left p, .sec02_right p{font-size: 20px;} .sec02_right_text { } #sec02 .sec02_right:before {top: 1126px; left: 633px; font-size: 63px; line-height: 73px;} #sec02 .sec02_left:before { width: 81%; height: 17%; top: 1697px;}*/ .s02 {padding: 0;} #sec02::before{ width: 100%; height: 348px;} #sec02::after { top: -80px; left: 589px; font-size: 65px; line-height: 80px; letter-spacing: -3px;} .top p {margin-right: 509px;} } @media (max-width: 1100px) { #header .mobile_list { display:block;right:70px; } #sec02 { margin: 60px auto;} .s02{display: block;} .sec02_left, .sec02_right{width: 100%; } .sec02_rightbox{margin: 0;} .sec02_rightbox {padding-left: 100px;} .sec02_rightbox::before, .sec02_leftbox::before{ width: 100%; border-radius: 0;} #sec03 { margin-bottom: 40px;} } @media all and ( max-width: 640px ){ #header .logo {} .notice .notice_item img { height: 58%; width: 100%;} .slick-list { height: 348px;} .main-visual .visual-slider{width: 100%; left: 0;} #sec01 {margin: 0 10px;} #sec01 h1:before { top: 236px; left: -261px; font-size: 145px;} #sec01 h1 { padding: 55px 15px 25px 15px;} .top { display: block; margin-left: 0;} .mainContents h1 {font-size: 29px; margin-bottom: 0px;} .mnav_button { float: right;} .what-contents ul { margin-left: 10px; margin-top: 20px;} .what ul li img{ width: 260px;} .what ul li p {font-size: 19px;} /* .sec02_left a, .sec02_right a {width: 100%;} #sec02 {margin-top: 104px;} .sec02_left h3, .sec02_right h3 {font-size: 32px;} .sec02_left p, .sec02_right p {font-size: 19px;} .sec02_left a, .sec02_right a {height: 211px; border-radius: 0;} .sec02_left_text {margin-top: 57px; margin-left: 325px;} .sec02_right {margin-top: 200px;} .sec02_right_text { margin-top: 55px; margin-left: 84px;} #sec02 .sec02_right:before {overflow: hidden;} #sec02 .sec02_left:before {width: 0;}*/ #sec02::before{display: none;} #sec02::after{display: none;} .sec02_leftbox, .sec02_rightbox{padding: 45px 30px;} .sec02_left_text { padding-right: 0px; } .sec02_left h3, .sec02_right h3{font-size: 28px;} .sec02_left p, .sec02_right p { font-size: 17px;} .sec02_right_text span {font-size: 15px;} .top .h3-tit {font-size: 40px; margin-left: 20px;} .top p {font-size: 19px; margin: 0 300px 0 20px;} .mnav_button { margin: -36px 0 30px 0;} .top-box {display: flex; width: 100%;} .top-box .board-tab {display: flex; justify-content: space-evenly; margin: 0;} .top-box .board-tab li {margin-right:15px;} .top-box .board-tab li button {padding: 11px 30px; border-radius: 4px; margin-left: 15px;} .sec03_board { margin:0;} #sec03 .mnav_b {display: none;} .sec03_board ul { display: inline-block; margin-left: 15px;} .sec03_board ul li { width: 93%; height: 85px; border-radius: 12px; padding: 18px; margin-bottom: 10px;} .sec03_board ul li .title { font-size: 20px; margin-bottom: 5px;} .sec03_board ul li .date {margin-top: 0;} .sec03_board ul li .txt {font-size: 19px;} .main-visual .visual-slider .swiper-slide .mobile {display: block;} .main-visual .visual-slider .swiper-slide .pc {display: none;} #footer .footerCont div.footerMenu, #footer .footerCont div.footerSiteInfo {width: 100%; } .m_memories_slide li img { height:200px !important;} } @media all and ( max-width: 500px ){ .main-visual {height: 350px;} .mainContents h1 {font-size: 22px;} .mnav_button { margin: -36px 0 17px 0;} .what ul li img { width: 186px;} .what ul li p { font-size: 16px;} #sec01 h1 { padding: 55px 15px;} #sec01 button { font-size: 25px; padding-right: 7px;} #sec01 h1:before { top: 159px; left: -205px; font-size: 111px;} .section3 { padding: 10px; } .m_memories_wrap .control { right: 133px; top: -55px;} .m_memories_slide li a span {font-size: 14px; margin-top: 10px; } .more {font-size: 15px; margin-left: 11px; top: -184px;} .more2 { top: 110px;} .sec02_left h3, .sec02_right h3 {font-size: 23px;} .notice .notice_item img { height: 46%; width: 100%; margin-top: 72px;} /* #sec02 {margin-top: 63px;} .sec02_left_box, .sec02_right_box {height: 200px;} .sec02_left_text { margin-top: 26px; margin-left: 200px;} .sec02_right_box {background-position: center;} .sec02_right_text { margin-left: 21px; margin-top: 38px;} .sec02_left h3, .sec02_right h3 {font-size: 24px;} .sec02_left p, .sec02_right p {font-size: 17px;} .sec02_left a, .sec02_right a {font-size: 16px; width: 100%; height: 160px;background-position: center; margin-bottom: 50px;} .sec02_right a span { margin-left: 0px;} .sec02_left p {margin: 5px 0 10px 0;} .sec02_right {margin-top: 160px;}*/ .top-box .board-tab li button { font-size: 18px;} .top p {margin: 0 0 0 20px;} #sec03 {} .sec03_board ul li { width: 92%;height: 93px;} .sec03_board ul li .title {font-size: 19px;} .sec03_board ul li .txt { font-size: 16px;} .sec03_board ul li .date {font-size: 15px;} .contentbox { padding: 0 10px;} .tab_menu { display: flex; justify-content: space-evenly;} .tabmenu_box {display: block;} .tab_menu ul {display: flex; align-items: center; padding: 15px 20px;} .tab_menu ul li {border-radius: 0; } .tab_menu ul li a {border-radius: 0; padding: 15px 0px;} .tab_menu ul li+li {margin-top: 0px;} .tab_menu_news ul {display: inline-block;} .tab_menu_news ul li {width:100%; border-radius: 4px; font-size: 15px; line-height: 22px; margin-bottom: 10px;} .tab_menu_news ul li p { height: 47px; margin: 0;} .tab_menu_news ul li a { padding: 15px;font-size: 16px;} .tab_menu_news ul li strong{font-size: 20px;height: 45px;} #footer .footerCont { width: 95%;} #footer .footerCont div.footerMenu {margin-top:30px;} #footer .footerCont .footerLogo { position:relative; width:300px;} #footer .footerCont .footerLogo img{ width:100%;} .logoImg img { width: 95%; } #familysite .selectBox, #familysite2 .selectBox2, #familysite3 .selectBox3 {width: 100%;height: 31px;font-size: 12px; box-sizing:border-box;} #familysite, #familysite2, #familysite3{ position:relative; right:auto; top:auto; width:100%;} #familysite2, #familysite3{ margin-top:10px;} /*#familysite { top: 170px;left: 0;} #familysite2 { top: 170px;left: 140px;} #familysite3 { top: 170px; right: -30px;} */ .logoDiv{ height:auto;} .logoImg{flex-wrap: wrap; gap:10px;} .logoImg li{ width:calc((100% / 2) - 5px)} .logoImg li img{ width:100%;} .clearfix{ width:100%; box-sizing:border-box;} } /****************************서브메뉴 CSS*********************************/ .inner {margin: 0 200px 75px 200px;} #location {font-size: 18px; text-align: center;} #00081{} .p81{ color:#555; text-align:left;} .p81_content{margin: 0 auto; } .p81_content .p81_mtit{font-size:42px; letter-spacing:-1px; line-height:35px; font-weight:bold; text-align:center; color:#1465b3;background:url(./image/sub/1/page2_txt.jpg) 125px 0 no-repeat; height:50px; padding-top:75px;} .p81_content .p81_mtit span{ color:#3bc7ab; font-size:48px;} .p81_content .p81_subtit{font-size:20px; line-height:25px; text-align:center; color:#1a90d5; padding: 10px 0; margin-bottom:30px;} .p81_content .p81_t{font-size:20px; line-height:35px; font-weight:bold; padding-bottom:10px; margin-left: 25%;} .p81_content .p81_t2{ font-size:19px; line-height:30px; padding-bottom:60px; background:url(./image/sub/1/00081-1.png) 100% 0 no-repeat; margin:0 14% 0 25%;} #00082{} .p82{background:url(./image/sub/1/p82_bg3.jpg) 100% 90% no-repeat; padding-bottom:70px; text-align: center;} .p82 .p82_s01{ font-size:42px; padding-bottom:10px; text-align:center; padding-top:75px; color:#1465b3; line-height:54px; letter-spacing:-1px; font-weight:bold} .p82 .p82_s01 span{ font-weight:bold; font-size:48px;color:#3bc7ab;} .p82 .p82_s02 { text-align:center; } .p82 .p82_s02 ul{ padding:0; margin:0;} .p82 .p82_s02 li{ display:inline-block; width:300px; height:200px; border:#CCC solid 1px; vertical-align:top; margin:0 20px; background:#fff;} .p82 .p82_s02 .sTit{ width:100%; background:#06C; padding:10px 0; font-size:17px; font-weight:bold; color:#FFF} .p82 .p82_s02 .bTit{font-size:19px; padding:30px; line-height:24px;} .p82 .sTxt{ font-size:19px; font-weight:bold; color:#333; text-align:center; padding-top:20px; margin:40px 0 30px 0; border-top: 2px solid #ddd; display: inline-block;} .p82 .p82_s03{ font-size:19px; line-height:30px; display: flex; justify-content: center;} .p82 .p82_s03 span{ color:#06C; font-weight:bold;} .p82 .p82_s03 .stxtbox{ text-align: left; display: inline; } .p82_bg{position:absolute; top:55px; width:2600px; left:50%; margin-left:-1275px; height:350px; z-index:-1; background:url(./image/sub/1/p82_bg.jpg) no-repeat;} .p82_bg2{position:absolute; top:720px; width:2600px; left:50%; margin-left:-1275px; height:605px; z-index:-1; background:url(./image/sub/1/p82_bg2.jpg) no-repeat;} #00083{} .p83 {text-align: center;} .p83 .sTxt { font-size:36px; color: #1465b3; line-height: 53px; margin-bottom: 30px; font-weight: bold;} .p83 .sTxt span { font-weight: bold; font-size: 48px; color: #3bc7ab;} .p83 .Box {background: #eee; padding: 50px 200px; display: inline-block; margin-bottom: 100px;} .p83 .Box img{ } #00084{} .p84 .s01{ position:relative;} .p84 .s01 br{ display:none;} .p84 .maptxt span{ display:inline-block;} .p84 .conBox li{ display:inline-block; width:calc((100% / 2) - 2px) } .p84 .city-bus-guide .area{ display:inline-block; padding:20px 50px 20px 115px; color:#fff; border-radius:30px;background:#0069b2 url(./image/sub/2/bus_icon.png) 50px 50% no-repeat;background-size:40px auto; margin:20px 0s; } .root_daum_roughmap {width: 100% !important;border: none;padding: 0;} .root_daum_roughmap .wrap_map{ height:600px !important;} .p84 .portalMap p{ display:inline-block; margin-right:15px; vertical-align:top; margin-bottom:20px;} .p84 .sTit {margin-top:75px; padding:0 0 0 3px; letter-spacing:0px; height:25px; color: #1465b3; } .p84 .bTit {font-family:raleway; font-weight:500; margin:5px 0; padding:0; letter-spacing:-2px; font-size:48px; line-height:42px; color: #1465b3;text-align: center;} .p84 .bTit span {font-weight:600; font-size:48px;} .p84 .bTxt {margin-bottom: 40px; padding:0; font-size:34px; letter-spacing:-1px; line-height:60px; height:50px; color: #1465b3; text-align: center;} .p84 .bTxt span.blue {color:#3bc7ab; font-weight:bold; } .mapbox{background-color:#03b4b2; padding: 27px 0; margin-bottom: 75px;text-align: center;} .mapbox p{font-size: 24px; font-weight: 300; margin:6px 10px; color: #fff;} .mapbox span {margin:0 10px; font-weight: 500;} #00087{} .p87{ padding-bottom:50px;} .p87 h5{ padding:20px 0 10px 0;font-size:15px; margin:0; color:#3a5082} .p87 p{ margin:0 20px; color:#555;} .p87 p.txt1{ border-top:1px #999 solid; font-size:16px; color:#777; padding:10px 0; margin-top:20px; line-height:20px; } .p87 a{color:#464646;} .p87 a:hover{color:#0c34e1;} .p87tit {font-size: 24px; margin: 40px 0 15px 0; font-weight: 600;} .table_p87 {width:100%;border-collapse: collapse;text-align: center;border-top:2px solid #555;} .table_p87 td, th {font-size:16px;border: 1px solid #ccc;height: 30px;} .table_p87 th {background-color:#ecf1f7;color:#555; font-size:17px; padding: 5px 0;} .table_p87 tr.alt td {color:#000000;background-color:#EAF2D3;} @media all and ( max-width: 1920px ){ .p81_content .p81_t{margin-left: 13%;} .p81_content .p81_t2 { margin:0 0% 0 13%;} #sec02 {margin: 60px auto;} } @media all and ( max-width: 500px ){ #content .snb .category{display: none;} .inner {margin: 0 10px 20px 10px;} #bbslist {padding: 0px 10px;} #sec02 .sec02_right:before {display: none;} /*#00081*/ .p81_content .p81_mtit{ font-size: 28px; padding: 30px 0;} .p81_content .p81_t { margin-left: 0;} .p81_content .p81_t2 { margin: 0; background-image: linear-gradient(rgb(255 255 255 / 80%), rgb(255 255 255 / 80%)), url(./image/sub/1/00081-1.png);font-size: 14px;line-height: 23px;} /*#00082*/ .p82 .p82_s01 {font-size: 27px; line-height: 50px;} .p82 .p82_s01 span { font-size: 41px;} /*#00083*/ .p83 {padding-top: 60px;} .p83 .sTxt {font-size: 22px; line-height: 39px;} .p83 .sTxt span {font-size: 35px;} .p83 .Box {padding: 5px;} .p83 .Box img { width: 100%;} /*#00084*/ .p84 {padding-top: 60px;} .p84 .bTit{font-size: 36px;} .p84 .bTit span {font-size: 36px;} .p84 .bTxt {font-size: 28px; line-height: 39px; height: 72px;} .mapbox p {font-size: 18px;} .root_daum_roughmap .wrap_map{ height:400px !important;} /*#00087*/ .table_p87 th {font-size: 12px;} .table_p87 td, th {font-size: 12px;} /*#00090*/ #bbslist .gallery .picbox { width: 30%;} .m_memories_slide li .imaA{height: 200px; } }