@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(./fonts/NotoSansKR-Thin.woff2) format('woff2'), url(./fonts/NotoSansKR-Thin.woff) format('woff'), url(./fonts/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(./fonts/NotoSansKR-Light.woff2) format('woff2'), url(./fonts/NotoSansKR-Light.woff) format('woff'), url(./fonts/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'), url(./fonts/NotoSansKR-Regular.woff) format('woff'), url(./fonts/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(./fonts/NotoSansKR-Medium.woff2) format('woff2'), url(./fonts/NotoSansKR-Medium.woff) format('woff'), url(./fonts/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'), url(./fonts/NotoSansKR-Bold.woff) format('woff'), url(./fonts/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'IropkeBatangM'; src: url('./fonts/IropkeBatangM.eot'); src: url('./fonts/IropkeBatangM.woff') format('woff'), url('./fonts/IropkeBatangM.ttf') format('truetype'), url('./fonts/IropkeBatangM.svg#IropkeBatangM') format('svg'), url('./fonts/IropkeBatangM.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } * {margin:0;padding:0;} html, body{letter-spacing:-0.025em;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:none;} body{font-family:'Noto Sans KR', 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:300;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:#222; } a:foucs {border:1px solid red;outline: inherit;} button{ border:none;} #wrap {overflow: hidden;width: 100%;min-width: 320px;position: relative; } /*헤드영역*/ /*#header { position:absolute; z-index:5; top:0; left:0;width:100%; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; height:89px; } #header .logo {position:absolute;} #header .logo h1 {margin:0 0 0 3px;padding:0;height:35px;} #header .logo h1 a {font-weight:bold;color:#555;font-size:22px;font-family:nanumgothic,dotum;} #header .gnb {position:absolute;padding:0;width:360px;text-align:right;} #header .gnb ul {padding:0;margin:0;letter-spacing:-1px;} #header .gnb li {list-style-type:none;display:inline;padding:5px 0 5px 10px;font:normal 11px "malgun gothic",dotum;} #header .gnb .admin a {color:#ff0000;} #header .headUserHtml {color:#fff} #header .imglogo{ position:absolute; top:25px; left:70px;}*/ #lnb {width:1300px;margin:0 auto;z-index:2;} .utill{ position:absolute; top:25px; right:70px;} .utill li{ float:left; background:#333; } .utill a{ display:inline-block; color:#fff; } .utill li:nth-child(2n+1){border-radius: 15px 0 0 15px; border-right:1px #838383 solid;padding:5px 15px 5px 20px; } .utill li:nth-child(2n+2){border-radius: 0 15px 15px 0px; padding:5px 20px 5px 15px;} #header .gnbWrap { overflow:hidden; position:relative; width:900px; margin:0 auto; } #header .gnbWrap h2 { overflow:hidden; position:absolute; top:-9999px; width:1px; height:1px; } #header .gnbWrap .gnbAcc { position:absolute; top:67px; width:60px; height:3px; background-color:#36C; opacity:0; } #header .gnbWrap.active .gnbAcc { opacity:1; } #header .gnbWrap #gnb:after { content:''; display:block; clear:both; } #header .gnbWrap #gnb > li { display:inline-block; position:relative; } #header .gnbWrap #gnb > li > a { display:inline-block; padding:0 30px; font-weight:400; line-height:90px; color:#333; font-size:19px; } #header .gnbWrap #gnb > li > a.current, #header .gnbWrap #gnb > li > a:hover, #header .gnbWrap #gnb > li > a:focus { font-weight:400; color:#36C; } #header .gnbWrap #gnb > li > .depth2 { position:absolute; left:31px; width:100%; padding:27px 0 52px; opacity:0; } #header .gnbWrap #gnb > li > .depth2 li + li { margin:10px 0 0; } #header .gnbWrap #gnb > li > .depth2 li a { font-size:15px; color:#757575; letter-spacing:-0.5;} #header .gnbWrap #gnb > li > .depth2 li a:hover, #header .gnbWrap #gnb > li > .depth2 li a:focus { color:#36C; } /* Header :: 사이트맵, 네비게이션 버튼 */ .header-line-btn{ display:none;} #container {position:relative; word-break:keep-all;} #content {} #content .subContent { margin-bottom:150px;font-size:19px; line-height:25px;} #content .subContent .location {clear:both; font-size:15px;color:#999;padding:0;text-align:right; padding-top:20px;} #content .subContent .location img{ vertical-align:middle;} #content .subContent .location a {color:#999;letter-spacing:-1px;} #content .subContent .location a:hover {color:#000} #content .subContent h3.subTitleSubject {font-size:45px; text-align:center;font-weight:bold;;letter-spacing:-1px;color:#333; margin:150px 0 100px 0; } /*--서브메뉴--*/ #content .snb {float:left;width:184px;padding:0;margin:0;} #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;} #content .snb .category h2 {margin:0 0 10px 0;font-family:nanumgothic,dotum;font-size:20px;letter-spacing:-2px;font-weight:bold;color:#222;text-align:center;background:url(./image/sub_title_bg.gif) no-repeat;height:46px;line-height:40px;} #content .snb .category ul {padding:0;margin:0;} #content .snb .category li {list-style-type:none;margin:0;border-bottom:1px #ddd solid} #content .snb .category .m2 {font-size:12px;letter-spacing:-1px;} #content .snb .category .m2 a {font-family:'돋움';color:#444;display:block;padding-left:23px;height:28px;line-height:28px;background:url(./image/snb_m2_ico.gif) no-repeat 10px 7px;_line-height:29px;} #content .snb .category .m2 a:hover {text-decoration:none;color:#ff6000;background-color:#efefef} #content .snb .category .selected2 a {color:#fff;background:url(./image/sub_active_orange.jpg) repeat-x 0 0;font-weight:bold;height:30px;line-height:30px} #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;} /*하단정보영역*/ #footerWrap{ position:relative;padding:0 0 40px 0;} #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 {margin:0;padding:0;} #footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:1;} #footer .footerCont {width:1300px;margin:0 auto;display:block;position:relative;} #footer .footerCont div.footerMenu { position:absolute; right:0; top:0;text-align:center;margin-bottom:10px;padding:7px 20px;} #footer .footerCont div.footerMenu a {font-size:12px;color:#999;letter-spacing:-1px;} #footer .footerCont div.footerMenu a:hover {color:#ff6000} #footer .footerCont div.footerMenu .split {font-family:dotum;font-size:9px;color:#c0c0c0;} #footer .footerCont div.footerSiteInfo {font-size:15px;color:#999;text-align:center;} #footer .footerCont div.footerSiteInfo br{ display:none} #footer .footerCont address {font-family:arial;font-size:12px;font-style:normal;color:#999;margin-top:5px;} #footer .footerCont address a{color:#999;} #footer .footerCont .footerLogo {position:absolute;left:0;top:0} #footer .footerCont .qrimage {position:absolute;right:0;top:0} #footer .footerCont .logotxt{ font-weight:500; color:#333; font-size:19px;} /*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} /*탭메뉴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: in ;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;} .footinfo{ background:#f1f1f1; padding:30px 0; text-align:center; margin-bottom:50px;} .footinfo img{ margin:0 8px; height:30px;} @media all and (max-width:1920px){ .fs15{ font-size:13px;} .fs17{ font-size:15px;} .fs19{ font-size:16px;} .fs20{ font-size:17px; line-height:22px;} .fs22{ font-size:17px;} .fs24{ font-size:19px;} .fs25{ font-size:20px;} .fs27{ font-size:22px;} .fs30{ font-size:25px;} .fs32{ font-size:27px;} .fs35{ font-size:30px; line-height:40px;} .fs37{ font-size:32px;} .fs40{font-size:35px;} .fs60{font-size:50px;} .mt100{ margin-top:80px;} .mt120{ margin-top:100px;} .pt120{ padding-top:100px;} } /* ****************** 메인 비주얼 ********************** */ #mainVisual{overflow:hidden; width:100%; height:500px; position:relative;} /* 비주얼높이값 이미지에맞게 수정 */ #mainVisual.full-height{height:1030px;} .slick-track, .slick-list { -webkit-perspective: 2000; -webkit-backface-visibility: hidden; } #mainVisual .main-visual-list-con, #mainVisual .main-visual-con, #mainVisual .slick-list, #mainVisual .slick-track, .main-visual-item{ height:100%; } #mainVisual .slick-track {overflow:hidden;} .main-visual-con{z-index:1;} /* 메인 비주얼 :: 이미지 */ .main-visual-item{position:relative;} .main-visual-item .main-visual-pc-img{ width:100%; height:100%; background-size:cover !important; -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition:transform 3000ms ease-in-out ; -moz-transition:transform 3000ms ease-in-out ; -o-transition:transform 3000ms ease-in-out ; -ms-transition:transform 3000ms ease-in-out ; transition:transform 3000ms ease-in-out ; } .main-visual-item .main-visual-m-img{display:none;} /* 메인 비주얼 :: 텍스트 */ .main-visual-item .main-visual-txt-con{position:absolute; top:60%; left:0px; width:100%; text-align:center; margin-top:-300px;} /* margin-top은 조정 (텍스트영역 높이의 반) */ .main-visual-item .main-visual-txt-con .main-visual-txt1, .main-visual-item .main-visual-txt-con .main-visual-txt2, .main-visual-item .main-visual-txt-con .main-visual-txt3, .main-visual-item .main-visual-txt-con .main-visual-more-btn{ opacity:0;filter:Alpha(opacity=0); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition:opacity 1.0s, transform 1.0s; -moz-transition:opacity 1.0s, transform 1.0s; -o-transition:opacity 1.0s, transform 1.0s; -ms-transition:opacity 1.0s, transform 1.0s; transition:opacity 1.0s, transform 1.0s; } .main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:50px; font-weight:500; letter-spacing:-2px; margin-bottom:15px; color:#fff} .main-visual-item .main-visual-txt-con .main-visual-txt1 span{ font-size:45px;} .main-visual-item .main-visual-txt-con .main-visual-txt2{ text-align:center;margin-bottom:20px; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;} .main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:30px; color:#fff; letter-spacing:-1px; font-weight:300; line-height:37px; margin-bottom:30px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;} .main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block; font-size:16px; font-weight:300; color:#fff; -webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s;} .main-visual-item .main-visual-txt-con .main-visual-more-btn a {display:inline-block; width:175px; height:55px; font-size:16px; line-height: 55px; letter-spacing: -1px; color:#fff; border:2px solid #fff; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1); position:relative; } .main-visual-item .main-visual-txt-con .main-visual-more-btn a:first-child {margin-right: 15px;} .main-visual-item .main-visual-txt-con .main-visual-more-btn a:hover{ border-left:2px solid #313A6B; border-right:2px solid #313A6B; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.6); } .line-btn a::before { content: ''; position: absolute; left: -2px; bottom:-2px; z-index:1; width: 0%; height:2px; background: #313A6B; box-shadow: inset 0px 0px 0px #313A6B; display: block; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1) } .line-btn a:hover::before { width:calc(100% + 4px); } .line-btn a::after { content: ''; position: absolute; right: -2px; top:-2px; z-index:1; width: 0%; height:2px; background: #313A6B; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1) } .line-btn a:hover::after { width:calc(100% + 4px); } /* 메인 비주얼 :: active효과 */ .main-visual-item.active-item .main-visual-pc-img{ -ms-transform: scale(1.0,1.0) rotate(0.01deg); -o-transform: scale(1.0,1.0) rotate(0.01deg); -moz-transform: scale(1.0,1.0) rotate(0.01deg); -webkit-transform: scale(1.0,1.0) rotate(0.01deg); transform: scale(1.0,1.0) rotate(0.01deg); } .main-visual-item.active-item .main-visual-txt1, .main-visual-item.active-item .main-visual-txt2, .main-visual-item.active-item .main-visual-txt3, .main-visual-item.active-item .main-visual-more-btn{ opacity:1.0;filter:Alpha(opacity=100); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } /* 메인 비주얼 :: 버튼 */ #mainVisual .slick-dots{position:absolute; width:100%; text-align:center; bottom:10%; z-index:1000;} #mainVisual .slick-dots li{display:inline-block; margin:0 5px ; } #mainVisual .slick-dots li button{ cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:45px; height:5px; background-color:#000000; } #mainVisual .slick-dots li.slick-active button{background-color:#ffc001;} /* 버튼 active */ /* 메인 비주얼 :: 화살표 */ #mainVisual .slick-arrow{ position:absolute; width:29px; height:60px; top:50%; margin-top:-30px; cursor:pointer; border:0; cursor:pointer; z-index:1000; font-size:0;} /* 버튼이미지에 맞게 크기 수정 */ #mainVisual .slick-arrow.slick-prev{left:90px; background:url(./image/main/main_visual_prev.png) no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} #mainVisual .slick-arrow.slick-next{right:90px; background:url(./image/main/main_visual_next.png) no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} #mainVisual .slick-arrow.slick-prev:hover {-webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px);} #mainVisual .slick-arrow.slick-next:hover {-webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);} /* 메인 비주얼 :: 스크롤아이콘 */ .main-scroll-icon{position:absolute; bottom:55px; left:50%; margin-left:-41px; text-align:center; z-index:9} /* width값에 맞게 margin-left수정 */ .main-scroll-icon span{display:block; color:#fff; padding-bottom:5px; letter-spacing:-0.5px; font-weight:300; } .pt150{ padding-top:150px;} .inner{ position:relative; width:1500px; margin:0 auto;} .mb70{ margin-bottom:70px;} .mainContents h1{ font-size:45px; letter-spacing:-2px; margin-bottom:10px; font-weight:300;} .mainContents h1 span{ font-weight:700;} .mainContents h2{ font-size:21px; line-height:25px; color:#444; margin-bottom:40px;} .mainContents { font-size:15px;} #s02{ position:relative; display:table; width:100%; padding:150px 0 0px 0;text-align:center; background:url(./image/main/s01_bg.jpg) no-repeat 50% 100%; background-size:cover; height:600px;} .posterArea {position: relative; width: 1500px; margin:0 auto;} .posterArea:before{ content:''; position:absolute; bottom:-310px; right:-250px;background:url(./image/main/main_c1.png) no-repeat 50% 100%; width:308px; height:269px;} .posterArea .posters { width:100%;} .posterArea .posters .sum{ width:350px;} .posterArea .posters .sum img{ width:100%;} .posterArea .posters ul{display: block; height: 530px;} .posterArea .posters ul::after {content:""; display:block; clear:both; height:0;} .posterArea .posters ul li {position: relative; width:370px; padding-top:60px; box-sizing: border-box;} .posterArea .posters ul li:nth-child(odd) {padding-top:90px;} .posterArea .posters ul li .posterInfo { display:none; position: absolute; top:50px; left:10px; width: 252px; height: 382px; padding:28px 20px 20px; background:url('../images/main_n/pos_bg.png') repeat 0 0; background:rgba(59, 82, 100, 0.95); box-sizing: border-box; *width:212px; *height:334px; } .posterArea .posters ul li:nth-child(odd) .posterInfo {top:80px;} .posterArea .posters ul li .posterInfo.on {display: block; } .posterArea .posters ul li a.img {display: block;} .posterArea .posters ul li .posterInfo p.type { display:none; font-size:16px; line-height: 18px; color:#fff; margin-bottom: 5px;} .posterArea .posters ul li .posterInfo p.title {font-size:22px; line-height: 34px; color:#fff; margin-bottom:19px;} .posterArea .posters ul li .posterInfo p.time, .posterArea .posters ul li .posterInfo p.place {font-size:16px; line-height:26px; color:#1fce55;} .posterArea .posters ul li .posterInfo .btns {position: absolute; left:20px; bottom: 20px;} .posterArea .posters ul li .posterInfo .btns a {display: inline-block; width: 101px; height: 50px; line-height: 50px; font-size:16px; font-weight: bold; color:#ffffff; text-align: center; background-color: #1fce55;} .posterArea .posters ul li .posterInfo .btns a:first-child {margin-right:8px;} .posterArea .bx-controls {position: absolute; top:-20px; right:50px; } .posterArea .bx-controls::after {content:""; display:block; clear:both; height:0;} .posterArea .bx-controls-direction::after {content: ""; display: block; position: absolute; top:0; left:48px; width: 2px; height:50px; background-color: #213a4e; } .posterArea .bx-controls-direction a.bx-prev {display: block; float:left; text-indent: -999em; width: 48px; height: 50px; background:url("./image/main/btn_related_left.png") no-repeat 0 0; margin-right: 2px;} .posterArea .bx-controls-direction a.bx-next {display: block; float:left; text-indent: -999em; width: 46px; height: 50px; background:url("./image/main/btn_related_right.png") no-repeat 0 0;} .posterArea .bx-controls-auto {position: absolute; top:0; left:96px; width: 50px; height: 50px; box-sizing: border-box; border:2px solid #213a4e;} .posterArea .bx-controls-auto .bx-controls-auto-item a {display: block; text-indent: -999em; width: 46px; height: 46px;} .posterArea .bx-controls-auto .bx-controls-auto-item a.bx-start {display: none; background:url("./image/main/btn_related_play.png") no-repeat center center;} .posterArea .bx-controls-auto .bx-controls-auto-item a.bx-stop {display: block; background:url("./image/main/btn_related_stop.png") no-repeat center center;} #s01{ text-align:center;} #s01 .s05Btn{ position:absolute; right:0; top:30px; padding:10px 60px 10px 40px; border-radius:25px; background:#999; color:#fff;} #s01 .s05Btn:before{ content:''; position:absolute; top:16px; right:30px; background:url(./image/main/s05_more.png) no-repeat; width:15px; height:15px;} #s01 ul{ margin-top:30px; display:table; width:100%; } #s01 li{ position:relative; float:left;width:calc((100% - 5px) / 3); border-right:1px #ccc solid; border-bottom:1px #ccc solid; padding:50px 0; text-align:left;} #s01 li:nth-child(1){ border-top:7px #0055bd solid; border-left:1px #ccc solid;} #s01 li:nth-child(1) dt{ background: url(./image/main/s01_icon1.png) no-repeat;} #s01 li:nth-child(2){ border-top:7px #2f5e17 solid;} #s01 li:nth-child(2) dt{ background: url(./image/main/s01_icon2.png) no-repeat;} #s01 li:nth-child(3){ border-top:7px #ff9d00 solid;} #s01 li:nth-child(3) dt{ background: url(./image/main/s01_icon3.png) no-repeat;} #s01 li a{ display:block; color:#999} #s01 dl{} #s01 dl dt{ position:absolute; top:50px; left:12%; width:97px; height:97px;} #s01 dl dd{ margin-left:37%;} #s01 .fs25{ color:#222; margin-bottom:5px; font-weight:500;} #s03{ position:relative; padding:150px 0; background:url(./image/main/s03_bg.jpg) no-repeat 50% 100%; background-size:cover; text-align:center;} .box_video{} .area_video > div{} .video_wrapper{position:relative; width:900px; height:190px; margin:0 auto; background-color:#000;} .video_wrapper_full{padding-top:300px;} .videoIframe{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:transparent;} .videoPoster{position:absolute; opacity:1; overflow:hidden; top:0px; left:0px; width:100%; height:100%; background-size:100%; border:none; text-indent:-999em; transition:opacity 800ms, height 0s; -webkit-transition:opacity 800ms, height 0s; -moz-transition:opacity 800ms, height 0s; -webkit-transition-delay:0s, 0s; -moz-transition-delay:0s, 0s; transition-delay:0s, 0s; background:url(./image/main/videoPoster.jpg) no-repeat 50% 50%; } .videoPoster:hover{cursor:pointer;} .videoPoster:before{content:''; position:absolute; top:50%; left:50%; z-index:2; width:90px; height:90px; margin:-33px 0 0 -33px; background:url(./image/main/icon_play.png) no-repeat 50% 50%; transition:border-color 300ms; border-radius:100%; -webkit-transition:border-color 300ms; -moz-transition:border-color 300ms;} .videoPoster:after{content:''; position:absolute; opacity:0.7; top:0; left:0; z-index:1; width:100%; height:100%; background:#000; transition:all 0.4s ease-out 0s;} .videoPoster:hover:after, .videoPoster:focus:after{opacity:0.8;} .videoPoster:hover:after, .videoPoster:focus:after{border-left-color:#f00;} .videoWrapperActive .videoPoster{opacity:0; height:0; -webkit-transition-delay:0s, 800ms; -moz-transition-delay:0s, 800ms; transition-delay:0s, 800ms;} #s04{ text-align:center; padding:100px 0 } #s04{ position:relative; text-align:center;background:#ffd972 url(./image/main/s04_bg.jpg) no-repeat 50% bottom;} #s04 .more{ position:absolute; top:20px; right:0; background:url(./image/main/board_more.png) no-repeat; width:22px; height:22px;} #s04 .more a{ width:100%; height:100%; display:block;} #s04 .widget_gallery01 {position:relative;padding:0; margin-top:50px;} #s04 .widget_gallery01 li {position:relative; display:inline-block;margin-right:30px;width:calc((100% - 103px) / 4);} #s04 .widget_gallery01 li:last-child{ margin-right:0;} #s04 .widget_gallery01 li .thumb { width:100%;} #s04 .widget_gallery01 .sTit {display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin-bottom:10px} #s04 .widget_gallery01 .date {display:block;color:#999;} #s04 .widget_gallery01 .txtBox{ background:#fff; padding:25px 30px;} .area_subVisual{ height:700px; width:100%;text-align:center;color:#fff;} .preparing { text-align:center} @media all and ( max-width: 1920px ){ .main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:40px;} .main-visual-item .main-visual-txt-con .main-visual-txt1 span{ font-size:30px;} .main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:40px;} .main-visual-item .main-visual-txt-con .main-visual-txt2 img{ height:65px;} .main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:25px; line-height:28px;} .mainContents h1{ font-size:40px;} .mainContents h2{ font-size:19px;} #content .subContent h3.subTitleSubject {font-size:30px; margin:100px 0 70px 0; } .posterArea .posters .sum{ width:370px;} .area_subVisual{ height:600px;} .area_subVisual h2{ font-size:30px; padding-top:200px;} #s01 { padding: 150px 0 50px 0;} #s01 .tab_menu ul li a{ font-size:25px;line-height:27px;} #s01 .posterArea:before{ width:250px; background-size:100% auto;} #s01 .tabcontent:after{ width:176px; background-size:100% auto; left:-150px;} #s01 .tabcontent:before{width:173px; background-size:100% auto; right:-150px;} .posterArea {position: relative; width: 1200px; margin:0 auto;} .inner{ width:1300px;} } @media all and ( max-width: 1800px ){ } @media all and ( max-width: 1500px ){ .main-visual-item .main-visual-txt-con .main-visual-txt1{ font-size:50px;} .main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:35px; margin-bottom:30px;} } @media all and ( max-width: 1300px ){ #wrap{ min-width:100%;} #header .gnbWrap { display:none;} #header .imglogo{ left:80px; top:19px;} #header .imglogo img{ width:225px; } .preparing img {width:100%} #footer .footerCont{ width:100%;} #footer .footerCont div.footerSiteInfo{ width:100%;} #footer .footerCont div.footerMenu{ position:relative; right:0;} .area_subVisual h2{ padding-top:100px;} } @media all and (max-width:1024px) { .area_subVisual{ height:400px;} } @media all and ( max-width: 1000px ){ .main-visual-item .main-visual-txt-con { margin: 0%} .area_subVisual{ height:350px;} .area_subVisual h2{ font-size:30px; padding-top:100px;} #footer .footerCont .footerLogo{ position:relative; text-align:center; margin-bottom:10px; } #footer .footerCont address{ position:relative; text-align:center; width:100%; margin:0; } #footer .footerCont div.footerSiteInfo{ margin:0;text-align:center; } } @media all and ( max-width: 900px ){ } @media all and ( max-width: 800px ){ .main-visual-item .main-visual-txt-con { margin: 0; top:47%} /* 메인 비주얼 :: 이미지 */ .main-visual-item .main-visual-pc-img{display:block;} .main-visual-m-img img{width:100%;} /* 메인 비주얼 :: 텍스트 */ .main-visual-item .main-visual-txt-con .main-visual-txt2 img{ height:60px;} .main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:27px; line-height:24px; margin-bottom: 15px;} .main-visual-item .main-visual-txt-con .main-visual-txt1 span{ font-size:23px;} .main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:25px;line-height:33px; margin-bottom:10px;} .main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:18px; line-height:25px; margin-bottom:20px; } .main-visual-item .main-visual-txt-con .main-visual-txt3 br{ display:none;} .main-visual-item .main-visual-txt-con .main-visual-more-btn a {width:100px; height:40px; line-height: 40px; font-size:12px;} #mainVisual .slick-dots {margin-top: 60px;} #mainVisual .slick-dots li button {width:25px; height:2px;} /* 메인 비주얼 :: 화살표 */ #mainVisual .slick-arrow {width:20px; margin-top: 0;} /* 화살표사용시 display:none 삭제 */ #mainVisual .slick-arrow.slick-prev {left:15px; background-size:100% auto;} #mainVisual .slick-arrow.slick-next {right:15px; background-size:100% auto;} /* 메인 비주얼 :: 스크롤아이콘 */ .main-scroll-icon{display:none} .inner{ width:100%;} .posterArea{ width:100%;} .posterArea .posters ul{ height:400px;} .posterArea .posters .sum{ width:100%;} .posterArea .posters{ position:relative;} .bx-wrapper{ margin:0 auto; position:relative;} .mainContents h1{ font-size:35px; margin-bottom:5px;} .mainContents h2{ font-size:17px;} .mainContents h2 br{ display:none;} .footinfo img{ margin-bottom:13px;} .box_video{ margin:0 15px;} .video_wrapper{ width:100%;height:155px;} .video_wrapper_full { padding-top:255px;} #s01 {padding: 70px 0 0px 0;} #s03 {padding: 50px 0; margin-top:50px;} #content .subContent h3.subTitleSubject{ margin:50px 0 30px 0; font-weight:500;} } @media screen and (max-width:640px) { .main-visual-item .main-visual-txt-con {margin: 0} #footer .footerCont div.footerSiteInfo br{ display:block} .main-visual-item .main-visual-txt-con{margin-top:-20%} .main-visual-item .main-visual-txt-con .main-visual-txt3{ display:none;} .main-visual-item .main-visual-txt-con .main-visual-txt2 img{ height:40px;} .video_wrapper{height:100px;} .video_wrapper_full { padding-top:200px;} .videoPoster::before { width:70px; height:70px; background-size:100%;} } @media screen and (max-width:480px) { .main-visual-item .main-visual-txt-con{margin-top:0%} .main-visual-item .main-visual-txt-con .main-visual-txt2 img{ height:35px;} .mainContents h1{ font-size:27px;} .mainContents h2{ font-size:15px;} .footinfo img{ height:25px;} } @media screen and (max-width:350px) { .footinfo img{ height:20px;} } .f40{ font-size:50px; font-weight:700; letter-spacing:-2px;} .c1{ color:#e60644;} .pl20{ padding-left:20px;} .mt10{ margin-top:10px;} .mt15{ margin-top:15px;} .mt20{ margin-top:20px;} .mt50{ margin-top:50px;} .mt150{ margin-top:150px;} .mt100{ margin-top:100px;} .mb10{ margin-bottom:10px;} .mb15{ margin-bottom:15px;} .mb50{ margin-bottom:50px;} .mb100{ margin-bottom:100px;} .mb150{ margin-bottom:150px;} .pt20{ padding-top:20px;} .pt50{ padding-top:50px;} .pt100{ padding-top:100px;} .pt150{ padding-top:150px;} .pb20{ padding-bottom:20px;} .pb30{ padding-bottom:30px;} .pb50{ padding-bottom:50px;} .pb100{ padding-bottom:100px;} .pb150{ padding-bottom:150px;} .tc{ text-align:center;} .br{ border-right:1px #E6E6E6 solid;} .page126{ text-align:center;} .page126 .s01{} .page126 .s01 h2{ position:relative; margin-bottom:20px;} .page126 .s01 .sTit{ font-size:27px; line-height:33px; color:#e60644; margin-bottom:30px;} .page126 .s01 .bTxt{ font-size:19px;} .page126 .s02{ background:url(./image/sub/121/page126_bg.jpg) no-repeat; color:#fff; background-size:cover;} .page126 .s02 li{ display:inline-block;background:#fff; border-radius:10px; color:#333; width:27%; padding:30px 0; margin:0 10px; } .page126 .s02 li p{ font-size:27px; color:#e60644; font-weight:500; margin-bottom:10px; letter-spacing:-1px; } .page126 .s02 li img{ margin-top:30px; margin-bottom:30px;} .page126 .s03{} .page126 .s03 p{ text-align:left; font-size:37px; margin-bottom:30px; font-weight:500; border-bottom:1px #ccc solid; padding-bottom:30px;} .page126 .s03 li{ display:inline-block; vertical-align:top;} .page126 .s03 li:nth-child(1) { width:50%; margin-right:70px;} .page126 .s03 li:nth-child(2){ position:relative;} .page126 .s03 li:nth-child(2):before{ content:''; position:absolute; bottom:-20px; right:-180px; width:258px; height:301px; background:url(./image/sub/121/126_2.png) no-repeat;} .page126 .s03 dl{ position:relative; margin-bottom:20px;} .page126 .s03 dl dt{ position:absolute; top:0; left:0; background:#0078f2; color:#fff; padding:5px 0; width:100px; text-align:center; border-radius:7px;} .page126 .s03 dl dd{ margin-left:120px; text-align:left;} .page126 .s03 dl dd span{ color:#e60644; font-size:20px; font-weight:500;} .page127 .s02{ background:#e9e0cc} .page127 .f40{ font-weight:400; color:#cc9e00} .page127 .bTxt{ font-size:17px;} .page128 {position:relative; width:100%;} .page128 .s01 { text-align:center; margin-bottom:50px;} .page128 .s01 img{ border:10px solid #f4f4f4; padding:15px;} .page128 .cont {} .page128 .cont li { display:inline-block;width:calc((100% - 93px) / 4); margin-right:25px; margin-bottom:30px; vertical-align:top;} .page128 .cont li:nth-child(4n+4){ margin-right:0;} .page128 .cont li dl dt {font-size:20px; color:#FFF; letter-spacing:-1px; height:65px; line-height:65px; font-weight:normal; border-radius:10px 10px 0 0} .page128 .cont li:nth-child(1) dl dt { background:#f7941d} .page128 .cont li:nth-child(2) dl dt { background:#d71c4c} .page128 .cont li:nth-child(3) dl dt { background:#992a90} .page128 .cont li:nth-child(4) dl dt { background:#343588} .page128 .cont li:nth-child(5) dl dt { background:#0077b3} .page128 .cont li:nth-child(6) dl dt { background:#009ad5} .page128 .cont li:nth-child(7) dl dt { background:#e6b60f;} .page128 .cont li:nth-child(8) dl dt { background:#5fbc4f} .page128 .cont li:nth-child(9) dl dt { background:#00746b} .page128 .cont li dl dt span {display:inline-block; width:40px; height:40px; line-height:40px; color:#333;background:#fff; text-align:center; font-size:18px; font-weight:bold; margin:11px 10px 0 15px; border-radius:50%;} .page128 .cont li dl dd { background:#f3f3f3; padding:22px 15px; min-height:180px; border-radius:0 0 10px 10px;} .page128 .cont li dl dd p{ position:relative; padding-left:30px; margin-bottom:5px;} .page128 .cont li dl dd p:before{ content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#999; top:10px; left:15px;} .page130{ text-align:center;} .page130 li{ display:inline-block; margin-right:50px; padding-bottom:30px;width:calc((100% - 162px) / 4); vertical-align:top;} .page130 li:nth-child(4n+4){ margin-right:0;} .page130 img{ width:100%;} .page130 .txt{ margin:20px 0 10px 0; font-weight:500;} .page130 .btn{} .page130 .btn a{ display:inline-block; color:#333; padding:5px 17px; border:1px #ccc solid; background:#fff; border-radius:30px;} .prdInfo {display:block;;width:100%;background:#fff;position:relative; border:7px #fff solid;} .prdInfo:hover {box-shadow:0 20px 40px rgba(0, 0, 0, 0.2);transition:box-shadow .4s; border:7px #f7b314 solid;} .prdInfo:after {display:block;content:"";width:60px;height:60px;background:url(./image/sub/121/ico_sp.png) no-repeat;position:absolute;right:0;bottom:0;} .page131 {position:relative; display:inline-block; z-index:1; width:100%;} .page131 .cont {position:relative; z-index:2;} .page131 .cont .borderBox { margin-bottom:50px;} .page131 .cont .borderBox .addressBox { position:relative;display:inline-block; width:100%; border-radius:10px; padding:30px 0; background:#f7941d; color:#fff;font-size:22px; margin-bottom:50px; } .page131 .cont .borderBox .addressBox .tit { padding-left:30px;} .page131 .cont .borderBox .addressBox .tel{ position:absolute; right:30px; top:30px;} .page131 .cont .borderBox .routeBox {display:inline-block;} .page131 .cont .borderBox .routeBox .guideBox { position:relative;display:inline-block; margin:30px 0; padding-bottom:50px; border-bottom:1px solid #e7e7e7; width:100%;} .page131 .cont .borderBox .routeBox .bNone {padding-bottom:10px; border-bottom:0px solid #e7e7e7;} .page131 .cont .borderBox .routeBox .guideBox .area { position:absolute; left:0; top:0;width:100px; height:100px; line-height:100px; text-align:center; border-radius:50%; font-size:20px; font-weight:500;} .page131 .cont .borderBox .routeBox .guideBox .bg1{ border:7px #f4941e solid; } .page131 .cont .borderBox .routeBox .guideBox .bg2{ border:7px #d71d4c solid;} .page131 .cont .borderBox .routeBox .guideBox .bg3{ border:7px #98298f solid; } .page131 .cont .borderBox .routeBox .guideBox .bg4{ border:7px #343688 solid; } .page131 .cont .borderBox .routeBox .guideBox .bg5{border:7px #0078b4 solid;} .page131 .cont .borderBox .routeBox .guideBox dl { position:relative; margin-left:150px; margin-bottom:15px;} .page131 .cont .borderBox .routeBox .guideBox dl dt { position:absolute; top:0; left:0; width:85px; padding:10px 10px 10px 40px; text-align:center; border-radius:10px; margin-right:20px; color:#fff; font-weight:400;} .page131 .cont .borderBox .routeBox .guideBox dl dt.guide1 { background:#b5b5b5 url(./image/sub/121/131_icon1.png) no-repeat 20px 50%;} .page131 .cont .borderBox .routeBox .guideBox dl dt.guide2 {background:#b5b5b5 url(./image/sub/121/131_icon2.png) no-repeat 20px 50%;;} .page131 .cont .borderBox .routeBox .guideBox dl dd { margin-left:150px; padding:10px 0;} .page131 .cont .borderBox .routeBox .guideBox dl dd span {color:#0078f2;font-weight:normal;} .page131 .cont .mapBox {position:relative; width:100%; height:500px; margin-bottom:70px;} .page131 .cont .mapBox .mapView {position:absolute; width:2600px; height:580px; top:0; left:50%; margin-left:-1300px;} .page131 .cont .borderBox .addressBox br{ display:none;} .page133{ padding-bottom:50px;} /* 2/12주요프로그램 */ .page133 .pTxt{ font-weight:bold; text-align:center; color:#0078f2; font-size:25px; margin-bottom:30px;} .page133 .program_themaBox {display:inline-block; width:100%; } .page133 .program_themaBox li { display:inline-block; width:calc((100% - 89px) / 3); margin-right:25px; padding:0;vertical-align:top;} .page133 .program_themaBox li:nth-child(3n+3){ margin-right:0;} .page133 .program_themaBox .cont {position:relative; padding:20px 5%; margin-bottom:20px; background:#f7f7f7; width:90%; } .page133 .program_themaBox .cont .tit {position:relative; line-height:55px; color:#fff; text-align:center; font-size:26px; font-weight:normal; letter-spacing:-2px; border-bottom:1px dashed #ddd; margin-bottom:10px;} .page133 .program_themaBox .cont ul {} .page133 .program_themaBox .cont ul li {font-size:15px; color:#555; background:url('./image/content/dot_gray.jpg') 2px 12px no-repeat; padding-left:10px; margin:2px 0; width:100%;} .page133 .program_themaBox .cont ul li.orT {font-size:15px; color:#f96e12; background:url('./image/content/dot_orange.jpg') 2px 12px no-repeat;} .page133 .program_themaBox .cont ul li p {font-size:14px; color:#777;} .page133 .program_themaBox .cont .total {width:100%; margin-top:15px; background:#ddd; line-height:30px; font-size:14px; color:#777; letter-spacing:-0.5px; text-align:center;} .page133 .bgBox1{ background:#f7941d;} .page133 .bgBox2{ background:#d71c4c;} .page133 .bgBox3{ background:#992a90;} .page133 .bgBox4{ background:#343588;} .page133 .bgBox5{ background:#0077b3;} .page133 .bgBox6{ background:#009ad5;} .page133 .bgBox7{ background:#e6b60f;} .page133 .bgBox8{ background:#5fbc4f;} .page133 .bgBox9{ background:#8560a8;} .tb_bus_ect { position:relative; width:100%; letter-spacing:0px; line-height:140%; border-left:1px solid #e7e7e7; text-align:center;background:#fff; margin-top:40px;} .tb_bus_ect caption { display:none;} .tb_bus_ect th { font-weight: normal;padding: 10px 0;border-bottom: #D2D2D2 solid 1px; background:#cc9e00 ; color:#fff;} .tb_bus_ect td { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:5px 0; font-weight:300;} .page134{ background:#f8f8f8;} .page134 li{ display:inline-block; vertical-align:top; border-radius:15px;width:calc((100% - 89px) / 3); margin-right:40px; } .page134 .conArea{ border-radius:15px;background:#fff; margin-bottom:40px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);} .page134 li:nth-child(3n+3){ margin-right:0;} .page134 .sTit{ position:relative;border-radius:15px 15px 0 0; padding:23px 0; text-align:center; color:#fff; line-height:32px; } .page134 .sTit b{ position:absolute; left:50%; top:-25px; background:#ffe613; width:80px; margin-left:-40px; padding:5px 0; display:inline-block; color:#333; border-radius:10px;} .page134 .bg1{ background:#f7941d;} .page134 .bg2{ background:#22bdd3;} .page134 .bg3{ background:#2da196;} .page134 .bg4{ background:#343588;} .page134 .bg5{ background:#0077b3;} .page134 .bg6{ background:#448ccb;} .page134 .bg7{ background:#5fbc4f;} .page134 .sTit span{ font-size:27px;letter-spacing:-1px; font-weight:500;} .page134 .conBox .bTxt{ font-weight:500; margin-bottom:10px; font-size:20px;} .page134 .conBox .color1{color:#F30;} .page134 .conBox .color2{color:#cc9e00;} .page134 .conBox .color3{color:#099;} .page134 .conBox{ padding:25px;} .page134 .conBox p{ margin-bottom:5px; color:#555; line-height:29px;} .page134 .conBox span{ text-decoration:underline; font-weight:400; color:#000;} .page134 img{ width:100%;} .program_table{ position:relative; margin-top:20px; width:100%; letter-spacing:0px; line-height:140%; border-top:1px solid #777; text-align:center;background:#fff;} .program_table caption{ display:none;} .program_table thead th { border-right:1px solid #ddd; padding:5px 0; color:#555; background:#eee; font-weight:normal;} .program_table tbody th { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:5px 0; color:#555; font-weight:normal;} .program_table tbody td { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:5px 0; color:#888; font-weight:300;} .program_table thead th:last-child, .tb_program tbody td:last-child { border-right:none; } .program_table .tdlast {border-right:none;} .page140{} .page140 dl{ position:relative; min-height:60px;} .page140 dl dt{ position:absolute; top:0; left:0; color:#fff; width:400px; padding:17px 0; text-align:center; border-bottom:1px #fff solid;} .page140 dl dd{ margin-left:400px; padding-left:50px; line-height:59px; border-bottom:1px #d8d8d8 solid; background:#fff;} .page140 .ect{ line-height:25px;} .page140 ul{ margin-top:50px;} .page140 li{ display:inline-block;width:calc((100% - 95px) / 4); margin-right:25px; padding:20px 0; text-align:center; margin-bottom:25px; color:#fff;} .page140 li:nth-child(4n+4){ margin-right:0;} .page140 .bg1{ background:#0077b3;} .page140 .bg2{ background:#1cbbb4;} .page140 .bg3{ background:#448ccb;} .page140 .bg4{ background:#605ca8;} .page140 .bg5{ background:#f06eaa;} .page150 {} .page150 .Img{ text-align:center;} .page150 .s01{ padding:150px 0 200px 0; background:url('./image/sub/189/150_2.jpg') no-repeat 90% 50%; } .page150 .sTit{ font-size:38px; color:#555; letter-spacing:-3px; line-height:160%; color:#3c9222; margin-bottom:10px;} .page150 .sTit span{display:block; width:130px; text-align:center; background:#3c9222; font-size:17px; color:#fff; letter-spacing:-0.5px; border-radius:20px; padding:5px 20px; height:25px; line-height:25px;} .page150 .s02{ background:#f4f8f9; padding:150px 0; text-align:right;} .page150 .s02 .area{ border:5px #fff solid; display:inline-block; padding:50px; text-align:left;} .page150 .s02 .inner:before{ content:''; position:absolute; top:-250px; left:0; width:550px; height:650px;background:url('./image/sub/189/150_3.png') no-repeat 90% 50%; } .page150 .s03{ background:#f4f8f9 url('./image/sub/189/150_4.jpg') no-repeat 50% 100%; padding:150px 0 160px 0; color:#fff;} .page150 .s03 .sTit{ color:#fff;} .page150 .s04{ padding:150px 0 0 0; text-align:right;background:url('./image/sub/189/150_5.jpg') no-repeat 0% 100%; } .page150 .s04 .area{ display:inline-block; padding:50px; text-align:left; width:50%;} .page155{ display:table; width:100%; margin-top:100px;} .page155 .s01{} .page155 .s02{background:url(./image/sub/4/page13_bg1.jpg); background-size:cover; padding:100px 0; margin-top:100px;} .page155 .s03{background:url(./image/sub/4/page13_bg2.jpg) 100% 50%; background-size:cover; padding:100px 0;} .page155 .s04{ background:#eee; padding:100px 0; margin-top:100px;} .page155 .s05{ padding:100px 0;} .page155 .bar{ color:#777; padding:0 10px; font-size:12px;} .page155 .tab_menu{ text-align:center;} .page155 .tab_menu ul li{ display:inline-block; } .page155 .tab_menu ul li a{ display:inline-block; width:250px; padding:15px 60px; box-sizing:border-box; border:1px #ccc solid; border-radius:20px;text-align:center; vertical-align:middle; color:#20273a; font-size:22px; margin:0 5px;} .page155 .tab_menu ul li:nth-child(1) a, .tab_menu ul li:nth-child(2) a, .tab_menu ul li:nth-child(3) a{border-top-width:1px;} .page155 .tab_menu ul li:nth-child(1) a, .tab_menu ul li:nth-child(4) a{ border-left:1px #d3d3d3 solid;} .page155 .tab_menu ul li.on a, .tab_menu ul li.active a, .tab_menu ul li a:hover{border-color:transparent; background-color:#e6b60f; background-repeat:no-repeat; background-position:right center; background-image:url(../images/sub/tab_menu_bg.png); color:#FFF;} .page155 .tabcontent{ display:table;width:100%; padding-top:22px;} .page155 .tabcontent .tabbox{display:none;} .page155 .tabcontent .tabbox.tabbox_0{display:block;} .page155 .tabcontent .tabbox .sTit{ font-size:33px; font-weight:bold; text-align:center; margin-top:50px; color:#0078f2} .page155 .tabcontent .tabbox .bTxt{ text-align:center; color:#fff; background:#0078f2; margin:20px 0 20px 0; font-size:20px; padding:10px 0; font-weight:400; } .page155 .tabcontent .tabbox .bus_time{} .page155 .tabcontent .tabbox .bus_time li{ display:inline-block;width:calc((100% - 24px) / 2); vertical-align:top;} .page155 .tabcontent .tabbox .bus_time li:nth-child(1){ margin-right:20px;} .page155 .tabcontent .tabbox .tb_bus_time { position:relative; margin:20px 0 0; width:100%; letter-spacing:0px; line-height:140%; border-top:1px solid #777;border-left:1px solid #e7e7e7; text-align:center;background:#fff;} .page155 .tabcontent .tabbox .tb_bus_time caption { display:none;} .page155 .tabcontent .tabbox .tb_bus_time thead th { font-weight: normal;padding: 10px 0;border-top: #333 solid 2px;border-bottom: #D2D2D2 solid 1px; background:#f5f6fa;} .page155 .tabcontent .tabbox .tb_bus_time tbody th { font-weight: normal;padding: 10px 0;border-top: #333 solid 2px;border-bottom: #D2D2D2 solid 1px; background:#f5f6fa;} .page155 .tabcontent .tabbox .tb_bus_time tbody td { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:5px 0; color:#888; font-weight:300;} .page155 .tabcontent .tabbox .tb_bus_time .bg1{ background:#f06eaa; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg2{ background:#f1a334; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg3{ background:#333; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg4{ background:#21bdd3; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg5{ background:#448ccb; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg6{ background:#39b54a; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg7{ background:#8560a8; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg8{ background:#f26522; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg9{ background:#5674b9; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg10{ background:#94c809; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg11{ background:#a9724d; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg12{ background:#35527a; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg13{ background:#88758f; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg14{ background:#999; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg15{ background:#d8e500; color:#333;} .page155 .tabcontent .tabbox .tb_bus_time .bg16{ background:#ccc; color:#333;} .page155 .tabcontent .tabbox .tb_bus_time .bg17{ background:#b4436b; color:#fff;} .page155 .tabcontent .tabbox .tb_bus_time .bg18{ background:#71543c; color:#fff;} .page155 .tabcontent .tabbox .parking { margin-top:50px} .page155 .tabcontent .tabbox .parking li{ display:inline-block;width:calc((100% - 58px) / 3); margin-right:25px; margin-bottom:25px;} .page155 .tabcontent .tabbox .parking li:nth-child(3n+3){ margin-right:0;} .page155 .tabcontent .tabbox .parking img{ width:100%;} .page155 .tabcontent .tabbox .parking .txt{color:#fff; background:#0078f2; padding:10px 0 10px 20px;} .page139{} .page139 p{ background:#F60; color:#000; font-size:23px; padding:20px 0; font-weight:500;} #s02 .clearfix {display: block;} #s02 #board_Area{ display:inline-block;width:calc(100% - 540px); vertical-align:top; position:relative; float:left} #s02 .tabmenu_box{margin-bottom:44px;} #s02 .tab_menu{ display:table; width:100%; border-bottom:1px #333 solid; border-left:1px #d7d7d7 solid; } #s02 .tab_menu ul li{ position:relative;float:left; display:table;width:calc((100% - 150px) / 4);} #s02 .tab_menu ul li a{display:table-cell; width:100%; height:60px; padding:0 4%; line-height:60px; box-sizing:border-box; text-align:center; vertical-align:middle; color:#777; border-top:1px #d7d7d7 solid; border-right:1px #d7d7d7 solid; } #s02 .tab_menu ul li.on a{ border:1px #333 solid; border-bottom:none;} #s02 .tab_menu ul li.on a:before{ content:''; position:absolute; width:100%; left:0; bottom:-1px; border-bottom:1px #f5f5f5` solid;} #s02 #board_Area .contentbox{} #s02 #board_Area .contentbox .tabcontent{width:100%; height:380px; overflow:hidden;} #s02 #board_Area .contentbox .tabcontent .tabbox{display:none;} #s02 #board_Area .contentbox .tabcontent .tabbox.tabbox_0{display:block;} #s02 #board_Area .contentbox .tabcontent .more{ position:absolute; top:7px; right:0; background:url(./image/main/board_more.jpg) no-repeat; width:22px; height:22px;} #s02 #board_Area .contentbox .tabcontent .more a{ width:100%; height:100%; display:block;} #s02 #board_Area .btn_area{ float:left; width:100%;} #s02 #board_Area .btn_area .btn1{ background:#ba3737; border:1px #ba3737 solid; margin-right:4%; } #s02 #board_Area .btn_area .btn2{ background:#608f2b; border:1px #608f2b solid;} #s02 #board_Area .btn_area a{overflow:hidden; position:relative; display:inline-block;width:calc(48% - 2px); height:100px; line-height:100px; letter-spacing:-0.5px; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s } #s02 #board_Area .btn_area a strong{ position:relative; padding-left:60px; color:#fff; font-weight:500; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s} #s02 #board_Area .btn_area a .arrow{position:absolute; top:50%; right:60px; width:86px; height:32px; margin-top:-8px; background:url(./image/main/link_arrow.png) no-repeat} #s02 #board_Area .btn_area a:before{display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#fff;transform:skew(-20deg); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s} #s02 #board_Area .btn_area a:hover strong{color:#333;} #s02 #board_Area .btn_area a:hover .arrow{background-image:url(./image/main/link_arrow_on.png)} #s02 #board_Area .btn_area a:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);} #s02 #event_slider{ display:inline-block;position:relative; float:right } #s02 #event_slider .slider_container{overflow:hidden;width:100%;/* height:500px; */} #s02 #event_slider .slider_list{position:relative;z-index:10;} #s02 #event_slider .slider_list:after{display:block;clear:both;content:'';} #s02 #event_slider .slider_item{float:left;position:relative;width:500px;} #s02 #event_slider .slider_item a {display:block;width: 100%;} #s02 #event_slider .slider_item a:focus .slider_title { text-decoration:underline; } #s02 #event_slider .slider_item a:focus .slider_date { text-decoration:underline; } #s02 #event_slider .slider_title{display:block;overflow:hidden;position:absolute;right:20px;bottom:30px;left:0;height:30px;margin-top:15px;margin-top:-60px;margin-left:15px;/* background: rgba(0,0,0,0.8); */text-shadow:0px 0px 5px rgba(0,0,0,0.3); color:#fff;font-size:18px;/* font-weight:bold; */white-space:nowrap;letter-spacing:-.065em;text-overflow:ellipsis;} #s02 #event_slider .slider_date{display:block;position:absolute;right:20px;bottom:-10px;left:0;margin-left:15px;padding-bottom:21px;color:#888;text-shadow:0px 0px 5px rgba(0,0,0,0.3); color:#fff;font-size:14px;} #s02 #event_slider .slider_item .slider_image_box{overflow:hidden;position:relative;height:475px;} #s02 #event_slider .slider_item .slider_image_box img{width:100%;border:0;} #s02 #event_slider .slider_btns{position:absolute;z-index:20; bottom:0; right:0;} #s02 #event_slider .slider_btns button{display:inline-block; width:57px; height:57px;opacity:.5; cursor:pointer} #s02 #event_slider .slider_btns button:hover,#event_slider .slider_btns button:focus{opacity:1;} #s02 #event_slider .slider_pager{position:absolute;z-index:20;top:0;right:85px;} #s02 #event_slider .slider_pager .pager{position:relative;width:26px;height:26px;border-radius:13px;background:transparent;transition:.3s ease-in-out;} #s02 #event_slider .slider_pager .pager:after{display:block;clear:both;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px);width:8px;height:8px;border-radius:4px;background:#ccc;content:'';transition:.3s ease-in-out;} #s02 #event_slider .slider_pager .pager.active{background:rgba(255,2552,255,.1);} #s02 #event_slider .slider_pager .pager.active:after{background:#16b2e5;} #s02 #event_slider .slider_btns .sprite-roling_left{ background:url(./image/main/sprite-roling_left.png) no-repeat 50% 50%;} #s02 #event_slider .slider_btns .sprite-roling_right{background:url(./image/main/sprite-roling_right.png) no-repeat 50% 50%;} #s02 #event_slider .slider_btns .sprite-roling_stop{background:url(./image/main/sprite-roling_stop.png) no-repeat 50% 50%;} #s02 #event_slider .slider_btns .sprite-roling_play{background:url(./image/main/sprite-roling_play.png) no-repeat 50% 50%;} @media all and ( max-width: 1920px ){ .f40{ font-size:40px; } .mb150{ margin-bottom:100px;} .mt150{ margin-top:100px;} .pt150{ padding-top:100px;} .pb150{ padding-bottom:100px;} #content .subContent{ margin-bottom:100px; font-size:15px; line-height:25px;} .page128 .cont li dl dd { min-height:150px;} .page128 .cont li dl dd p{ margin-bottom:0;} .page155 .tab_menu ul li a{ font-size:17px;padding:10px 50px; } .page155 .tabcontent .tabbox .sTit{ font-size:25px;} .page155 .tabcontent .tabbox .bTxt{ font-size:17px; } .page134 .sTit{ padding:17px 0; line-height:25px;} .page134 .sTit span{ font-size:23px;} .page134 .conBox .bTxt{ font-size:17px;} .page134 .conBox{ padding:20px;} .page134 .conBox p{line-height:25px;} .page140 dl dt{ width:350px;} .page140 dl dd{ margin-left:350px; padding-left:50px;} .page140 li{ padding:15px 0;} } @media all and (max-width:1440px){ #s01{ margin-left:15px; margin-right:15px;} #s01 dl dt{ width:70px; height:70px; left:20px; } #s01 li:nth-child(1) dt, #s01 li:nth-child(2) dt, #s01 li:nth-child(3) dt{background-size:100%;} #s01 dl dd{ margin-left:110px; height:80px; padding-right:20px;} #s01 dl dd br{ display:none;} } @media all and (max-width:1440px){ #s01 ul{ margin-bottom:30px;} #s01 .s01Btn{ position:relative; top:0;} #s04 .widget_gallery01{ margin:30px 15px 0 15px;} #s04 .widget_gallery01 li{ margin-right:20px;width: calc((100% - 71px) / 4);} #s02 #event_slider{ margin-right:20px;} #s02 #board_Area{width: calc(100% - 674px);} } @media all and (max-width:1200px){ #mainVisual.full-height { height:700px !important;} .main-visual-item .main-visual-txt-con .main-visual-txt1 img { width:80%; margin:0 auto} #s02 #event_slider{ width:100%; float: inherit;} #s02 #event_slider .slider_item .slider_image_box{ height: 346px;} #s02 #board_Area {width: calc(100% - 524px);} #s02 #board_Area .contentbox .tabcontent{ height:305px;} } @media all and (max-width:1000px){ #s01 li{ padding:30px 0;} #s01 dl dt{ left:50%; margin-left:-35px; top:30px;} #s01 dl dd{ margin-left:0; padding:80px 20px 0 20px; text-align:center;} #s04 .widget_gallery01 li{width: calc((100% - 67px) / 3);} #s04 .widget_gallery01 li:nth-child(3){ margin-right:0;} #s04 .widget_gallery01 li:nth-child(4){ display:none;} #s02 #event_slider{ width:400px;} #s02 #event_slider .slider_item .slider_image_box{ height:277px;} #s02 #board_Area {width: calc(100% - 424px);} #s02 #board_Area .contentbox .tabcontent{ height:240px;} #s02 .tab_menu ul li a { font-size:14px;height: 40px;line-height: 40px;} } @media all and (max-width:850px){ #mainVisual.full-height { height:500px !important;} #s02 #event_slider{ width:350px;} #s02 #event_slider .slider_item .slider_image_box{ height:242px;} #s02 #board_Area {width: calc(100% - 374px);} #s02 #board_Area .contentbox .tabcontent{ height:200px;} } @media all and (max-width:680px){ #s02 { height:auto; padding:0; display: block;} #s02 #event_slider{ width:100%; margin-right:0;} #s02 #event_slider .slider_item .slider_image_box{ height:auto} #s02 #event_slider .slider_item { width:100%} #s02 #board_Area{ width:90%; padding:0 5%; margin:0 0 50px 0; position:relative;} #s02 #board_Area .contentbox .tabcontent .more{ right:0;} #s02 #board_Area .contentbox .tabcontent{ height:auto} #s01{ margin-right:10px; margin-left:10px;} #s01 li{ width:100%; margin-bottom:15px; border-left:1px #ccc solid;} #s01 li:nth-child(1){ } #s01 ul{} #s02 #board_Area .contentbox .tabcontent .more { display:none} #s01 dl dt{ left:20px; margin-left:0; top:30px;} #s01 dl dd{ padding:10px 20px 0 110px; text-align:left; height:auto;} #s01 ul{ margin-bottom:20px;} #s04 .widget_gallery01 li{width: calc((100% - 19px) / 2); margin-right:15px; margin-bottom:15px;} #s04 .widget_gallery01 li:nth-child(2){ margin-right:0;} #s04 .widget_gallery01 li:nth-child(3){ margin-right:15px;} #s04 .widget_gallery01 li:nth-child(4){ display:inline-block;margin-right:0;} } @media all and (max-width:480px){ #s01 dl dd{ padding:0px 20px 0 110px;} #s04 .widget_gallery01 li{width:100%; margin-right:0; margin-bottom:15px;} #s04 .widget_gallery01 li:nth-child(3){ margin-right:0px;} #s04 .widget_gallery01 li:nth-child(4){ display:none;} #s02 #event_slider .slider_btns button{ width:35px; height:35px; background-size:cover;} #s02 .tab_menu ul li a { font-size:15px;height: 30px;line-height: 30px;padding: 0 5px} .widget_post04 .photo .area .bTxt { height: auto} } @media all and ( max-width:800px ){ .f40{ font-size:35px; line-height:40px;} .page126 .img { width:100%} .page126 .s01 .sTit{ font-size:23px; line-height:27px; margin:0 15px 20px 15px;} .page126 .s01 .sTit br{ display:none;} .page126 .s01 .bTxt{ font-size:17px;margin:0 15px;} .page126 .s01 .bTxt br{ display:none;} .page126 .s02 li p{ font-size:23px;} .mb150{ margin-bottom:50px;} .mt150{ margin-top:50px;} .pt150{ padding-top:50px;} .pb150{ padding-bottom:50px;} .page126 .s03 li:nth-child(1){ width:90%; margin:0 5%;} .page126 .s03 p{ font-size:27px;} .page127 img{ width:100%;} .page127 p{ margin:0 15px;} .page127 p br{ display:none;} .page128 .s01 img{ width:100%; border:none; padding:0;} .page128 .cont{ text-align:center;} .page128 .cont li{width: calc((100% - 93px) / 3); margin-right:15px;} .page128 .cont li:nth-child(3n+3){ margin-right:0;} .page128 .cont li:nth-child(4n+4){ margin-right:15px;} .page128 .cont li dl dd p{ text-align:left;} .page128 .cont li dl dt{ text-align:left;} #content .subContent{ margin-bottom:50px;} .page155 .tabcontent .tabbox .bus_time li{ width:100%;} .page155 .tabcontent .tabbox .bus_time li:nth-child(1){ margin-right:0;} .page155 .tab_menu ul li a{ width:150px;padding: 10px 30px; margin:0 3px;} .page155 .tabcontent .tabbox .bus_time li{ width:96%; margin:0 2%;} .page155 .tabcontent .tabbox .parking{ text-align:center;} .page155 .tabcontent .tabbox .parking li{width: calc((100% - 58px) / 2); margin-right:15px;} .page155 .tabcontent .tabbox .parking li:nth-child(2n+2){ margin-right:0;} .page155 .tabcontent .tabbox .parking li:nth-child(3n+3){ margin-right:15px;} .page155{ margin-top:50px;} .page130{ text-align:center;} .page130 li{width: calc((100% - 50px) / 2); margin-right:15px;} .page130 li:nth-child(4n+4){ margin-right:15px;} .page131 .cont .borderBox .addressBox .tel{ position:relative; right:0; top:0; padding-left:30px;} .page131 .cont .borderBox .routeBox .guideBox .area{ position:relative; width:auto; height:auto; border-radius:0;line-height:50px; margin-bottom:20px;} .page131 .cont .borderBox .routeBox .guideBox dl{ margin-left:0;} .page131 .cont .borderBox .routeBox{ margin:0 15px;} .cscroll_768 {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:100%; margin-bottom:10px;} .cscroll_768 .tb_bus_time { width:800px;} .page134 li{ margin-right:20px;width: calc((100% - 47px) / 3);} .page140{ margin:0 15px;} .page140 dl{ text-align:center;} .page140 dl dt{ position:relative; width:100%; font-size:17px; font-weight:500;} .page140 dl dd{ margin-left:0; border-bottom:0; padding-left:0; line-height:23px; padding:15px 0;} .page140 li{ width:100%; margin:0 0 15px 0; font-size:17px; font-weight:500;} .page150{ margin:0 15px;} .page150 .Img img{ width:100%;} .page150 .sTit{ font-size:27px;} .page150 .s01{ padding:50px 0 250px 0; background-position:50% 100%; margin-bottom:50px;} .page150 .s02{ padding:0; background:none;} .page150 .s02 .inner::before{ display:none;} .page150 .s02 .area{ border:0; padding:0;} .page150 .s03{ color:#000; padding:50px 0 80px 0;} .page150 .s03 .sTit{ color:#3c9222} .page150 .s03{ background: url('./image/sub/189/150_4.jpg') no-repeat 50% 100%;background-size:100%;} .page150 .s04{ padding:50px 0 250px 0; background-size:400px auto; background-position:50% 100%;} .page150 .s04 .area{ width:100%; padding:0} .page139 img{ width:100%;} .page139 p{ font-size:17px; padding:10px 0;} } @media all and ( max-width:600px ){ .f40{ font-size:30px; line-height:35px;} .page126 .s02 li{ width:90%; margin-bottom:60px;} .page126 .s03 li:nth-child(2) { text-align:left;} .page126 .s03 li:nth-child(2) img{ width:100%;} .page126 .s03 li:nth-child(2)::before{ width:150px; height:180px; background-size:100% auto; right:0; bottom:0;} .page128 .cont li{width: calc((100% - 93px) / 2); margin-right:15px;} .page128 .cont li:nth-child(2n+2){ margin-right:0;} .page128 .cont li:nth-child(3n+3){ margin-right:15px;} .page155 .tabcontent .tabbox .tb_bus_time thead th{ font-size:14px; line-height:17px;} .page133 .program_themaBox li{ width:100%; margin-right:0;} .page134 ul{ margin:0 15px;} .page134 li{ margin-right:0; width:100%;} .page139 p{ font-size:15px; } } @media all and ( max-width:480px ){ .page126 .s01 .sTit { font-size:20px} .page126 .s02 li{ margin-bottom:0px; padding: 0px} .page126 .s03 li:nth-child(2) img { width: 100%; margin: 0 auto} .page128 .cont li{ width:90%; margin:0 0 15px 0;} .page128 .cont li dl dd{ min-height:auto;} .page155 .tabcontent .tabbox .parking{ margin:0 15px;} .page155 .tabcontent .tabbox .parking li{ width:100%; margin-right:0;} .page130 ul{ margin:0 26px 20px 15px;} .page130 li{ width:100%; margin-right:0;} .page131 .cont .borderBox .addressBox{ font-size:17px; text-align:center;} .page131 .cont .borderBox .addressBox br{ display:block;} .page131 .cont .borderBox .addressBox .tit, .page131 .cont .borderBox .addressBox .tel{ padding-left:0} .page131 .cont .borderBox .routeBox .guideBox dl dt{ position:relative;} .page131 .cont .borderBox .routeBox .guideBox dl dd{ margin-left:0;} .page131 .cont .borderBox .routeBox .guideBox{ padding-bottom:15px; margin:15px 0;} .page155 .tabcontent .tabbox .tb_bus_time tbody td{ font-size:13px;} }