@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @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'); } @charset "utf-8"; html {width:100%;height:100%;overflow-x:hidden;overflow-y:scroll} body {padding:0;margin:0;font-size:12px;font-family:'noto sans kr','nanumgothic',dotum;font-weight:300;width:100%;height:100%} input,select,textarea {font-size:12px;font-family:'noto sans kr','nanumgothic',dotum;} img,p,ul,li,ol,dl,dt,dd,h3,h4,h5 {border:0;margin:0;padding:0;} ul {list-style:none;} form {display:inline;margin:0;padding:0;} select {font-size:12px;font-family:'noto sans kr','nanumgothic',dotum;} label {cursor:pointer;} a {text-decoration:none;color:#777;} a:hover {color:#000;} #wrap {width:100%;height:100%;margin:auto;position:relative} /*헤드영역*/ #headerbg {width:100%;position:absolute;top:0;left:0;z-index:1} #header {width:1200px;height:140px;position:relative;top:0;left:0;z-index:3;margin:0 auto} #header .imglogo {position:absolute;top:5px;left:450px;} #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 .mobile_allmenu {display:none;} #header .headUserHtml {color:#fff} #lnb {width:100%;position:absolute;margin:0 auto;z-index:3;} #lnbbg {width:100%;position:relative;margin:0 auto;z-index:1} #lnb .lnbWrap {width:1200px;margin:0 auto;} #content {} #content .subContent {position:relative;display:inline-block;width:1100px;margin:0 50px 50px; min-height:400px;} #content .subContent h3.subTitleSubject {margin:20px 0 0;padding:0;font-size:40px;font-family:'noto sans kr','nanumgothic',dotum;font-weight:normal;letter-spacing:-2px;color:#555;text-align:center;} #content .subContent .location {width:400px; margin:0 auto 40px; color:#999;padding:0;text-align:center; vertical-align:middle;} #content .subContent .location a {color:#999;letter-spacing:-0.5px;} #content .subContent .location a:hover {color:#000} #content .subContent h3.subTitleSubject_view {margin:20px 0 0;padding:0;font-size:40px;font-family:'noto sans kr','nanumgothic',dotum;font-weight:normal;letter-spacing:-2px;color:#555;text-align:center;} #content .subContent .location_view {width:400px; margin:0 auto 40px; color:#999;padding:0;text-align:center; vertical-align:middle;} #content .subContent .location_view a {color:#999;letter-spacing:-0.5px;} #content .subContent .location_view a:hover {color:#000} /*#content .subContent h3.subTitleSubject {margin:0;padding:0;border-bottom:2px #ddd solid;font-size:20px;font-family:'noto sans kr','nanumgothic',dotum;font-weight:bold;padding-bottom:5px;letter-spacing:-1px;margin-bottom:15px;color:#555;background:url(./image/ico_title.png) no-repeat;padding-left:30px;} */ /*--서브메뉴--*/ #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;} /*하단정보영역*/ #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 0 10px 0;position:absolute;left:0;display:block;width:100%;z-index:2} #footerbg {margin:0;padding:0 0 10px 0;position:absolute;left:0;display:block;width:100%;z-index:1;} #footer .footerCont {width:1200px;margin:0 auto;display:block;position:relative;} #footer .footerCont div.footerMenu {text-align:center;margin-bottom:10px;padding:7px 20px;} #footer .footerCont div.footerMenu a {font-size:12px;font-family:'noto sans kr','nanumgothic',dotum;color:#ddd;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-family:'noto sans kr','nanumgothic',dotum;font-size:15px;color:#999;letter-spacing:-0.5px;text-align:center;width:600px;margin:0 auto} #footer .footerCont div.footerSiteInfo .split {font-family:dotum;font-size:12px;color:#c0c0c0;} #footer .footerCont address {font-family:tahoma;font-size:11px;font-style:normal;color:#777;text-align:center;margin-top:20px;letter-spacing:0;} #footer .footerCont address span {font-family:'nanumgothic';font-size:12px;color:#000;;} #footer .footerCont .footerLogo {position:absolute;left:0;top:0} #footer .footerCont .qrimage {position:absolute;right:0;top:0} /*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: 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;} .bottomTxt {position:relative; z-index:3; width:100%; height:270px;} .bottomTxt .img {position:absolute;z-index:2;width:110px;height:110px;top:-15px;left:-320px;background:url('./image/common/bottom_img.png') no-repeat;} .bottomTxt .txt {position:relative;z-index:2;width:100%;text-align:center; padding-top:50px;} .bottomTxt .bg {position:absolute;z-index:1;width:2600px;height:270px;top:0;left:50%;margin-left:-1300px;background:url('./image/common/bottom_bg.png') no-repeat;} @media only screen and (max-width:780px) { body {font-size:15px;} #header{ width:100%; height:80px;} #header .gnb, #lnb, #lnbbg{ display:none;} #header .imglogo {left:26%; top:7px; width:50%; text-align:center;} #header .imglogo img {width:auto; height:68px;} #header .mobile_allmenu {display:block;position:absolute;top:33px;left:15px;} #header .mobile_btn {display:block;position:absolute;top:20px;right:7px;} #content .subContent {width:100%; padding:0; margin:0; overflow:hidden;} #content .subContent .location {display:none;} /*#content .subContent h3.subTitleSubject, #content .subContent h3.subTitleSubject_view {font-size:27px; margin:10px 0 0;}*/ #content .subContent h3.subTitleSubject, #content .subContent h3.subTitleSubject_view {margin:0; padding:7px 0;font-size:22px; color:#fff;text-align:center; background:#444;} #footer .footerCont {width:97%; padding:0 0 0 3%;} #footer .footerCont div.footerMenu {margin-bottom:20px;} #footer .footerCont div.footerSiteInfo {width:100%;} .bottomTxt {z-index:2; margin-top:-40px; height:auto;background:url('./image/mobile/common/bottom_bg.png') no-repeat;background-size:120%;} .bottomTxt .img {display:none;} .bottomTxt .txt {padding:50px 0 20px;} .bottomTxt .txt img {width:90%; max-width:360px;} .bottomTxt .bg {display:none;} } /* mainCont */ #mainCont {margin-top:-65px;} .bg_left {position:absolute; z-index:2;width:360px;height:1200px;top:200px;left:-540px;background:url('./image/main/mainimg_left.png') no-repeat;} .bg_right {position:absolute; z-index:2;width:300px;height:990px;top:320px;right:-540px;background:url('./image/main/mainimg_right.png') no-repeat;} #quick_media {position:relative; z-index:1; height:280px;} #quick_media .cont {position:relative; z-index:2;} #quick_media .quick {float:left; padding:85px 50px 0 40px;} #quick_media .quick li {float:left; width:140px; margin:0 10px; text-align:center;} #quick_media .quick li.ico01 {background:url('./image/main/quick01.png') center 0 no-repeat;} #quick_media .quick li.ico02 {background:url('./image/main/quick02.png') center 0 no-repeat;} #quick_media .quick li.ico03 {background:url('./image/main/quick03.png') center 0 no-repeat;} #quick_media .quick li.ico04 {background:url('./image/main/quick04.png') center 0 no-repeat;} #quick_media .quick li.ico01:hover {background:url('./image/main/quick01_on.png') center 0 no-repeat;} #quick_media .quick li.ico02:hover {background:url('./image/main/quick02_on.png') center 0 no-repeat;} #quick_media .quick li.ico03:hover {background:url('./image/main/quick03_on.png') center 0 no-repeat;} #quick_media .quick li.ico04:hover {background:url('./image/main/quick04_on.png') center 0 no-repeat;} #quick_media .quick li a {display:block; font-size:16px; color:#73600e; font-weight:normal; padding-top:125px;} #quick_media .quick li a:hover {font-size:16px; color:#222; font-weight:normal;} #quick_media .media {float:left; padding:5px; width:430px; height:250px; background:#000; border:5px solid #fff; box-sizing:border-box;} #quick_media .media iframe {width:410px; height:230px; background:#000; border:0;} #quick_media .bg {position:absolute; z-index:1;width:2600px;height:390px;top:-110px;left:50%;margin-left:-1300px;background:url('./image/main/quick_bg.png') no-repeat;} #request {position:relative; display:inline-block; width:100%; height:180px; background:#f96e12; text-align:center;} #request .cont {position:relative; z-index:2; display:block; margin-top:25px; } #request .cont .txt {color:#fff; font-size:36px; font-weight:500; letter-spacing:-2px; line-height:130%;} #request .cont .date {color:#712e04; font-size:30px; letter-spacing:-1px; line-height:130%;} #request .cont .more {margin:10px auto; display:block; width:180px; height:36px; line-height:36px; color:#712e04; font-size:16px; background:#fff; border-radius:4px;} #request .bg {position:absolute; z-index:1; width:2600px; height:180px; top:0; left:50%; margin-left:-1300px; background:#f96e12 url('./image/main/request_bg.png') 32% 0 no-repeat;} #festivalEvent{position:relative; z-index:1; width:100%; height:860px; padding-top:100px;} #festivalEvent .festival_txt {width:90%; margin:0 5% 55px; text-align:center; color:#4c5457; font-size:32px; letter-spacing:-2px; line-height:130%;} #festivalEvent .festival_txt span {font-weight:normal;} #festivalEvent .bg {position:absolute; z-index:1;width:2600px;height:960px;top:0;left:50%;margin-left:-1300px;background:url('./image/main/festival_bg.jpg') no-repeat;} #main_time_tabs {position:relative; z-index:2;width:100%; margin:0 auto;} #main_time_tabs #btn-time-tab{width:100%; text-align:center; margin:0 auto 30px; padding:0; font-size:0;} #main_time_tabs #btn-time-tab span {display:inline-block; cursor:pointer; width:200px; height:60px; line-height:60px; font-size:17px; color:#666; margin:0 2px; background:#fff; border:1px solid #fff;} #main_time_tabs #btn-time-tab span:hover{color:#fff; background:#ffb912; border:1px solid #ffb912;} #main_time_tabs #btn-time-tab span.hover{color:#fff; background:#f96e12; border:1px solid #f96e12;} #main_time_tabs #btn-time-tab span.btns2.hover{color:#fff; background:#ffb912; border:1px solid #ffb912;} #main_time_tabs #btn-time-tab span.btns3.hover{color:#fff; background:#bac600; border:1px solid #bac600;} #main_time_tabs div.time_tab{display:none;} #main_time_tabs div.time_tab01{display:block;} .main_timeBox {margin:0 auto; position:relative; text-align:center; width:1170px;} .main_timeBox .btn_pre {position:absolute; z-index:2; top:200px; left:-70px; cursor:pointer;} .main_timeBox .btn_next {position:absolute; z-index:2; top:200px; right:-70px; cursor:pointer;} .main_timeBox .timeDiv {margin:0 auto; position:relative; width:1170px; padding:0; text-align:left; height:520px; overflow:hidden;} .main_timeBox .timeDiv a {display:block;} .main_timeBox .timeImg {margin:0 auto; width:3500px; padding:0; text-align:left;} .main_timeBox .timeImg li {float:left; margin:0; width:390px; height:520px;} .main_timeBox .timeImg li .wBox {margin:0 auto; width:360px; height:520px; background:#fff;} .main_timeBox .timeImg .Img {margin:0 auto; width:100%;} .main_timeBox .timeImg .Img img {width:100%; height:auto;} .main_timeBox .timeImg .txtBox {position:relative; width:96%; height:145px; padding:45px 2% 20px 2%; background:#fff;} .main_timeBox .timeImg .txtBox .tit {position:absolute; top:-35px; left:50%; width:70px; height:70px; margin-left:-35px; color:#fff; line-height:70px; font-size:17px; text-align:center; font-weight:normal; background:url('./image/main/time_tit_bg.png') no-repeat;} .main_timeBox .timeImg .txtBox .tit2 {position:absolute; top:-35px; left:50%; width:70px; height:70px; margin-left:-35px; color:#fff; line-height:70px; font-size:17px; text-align:center; font-weight:normal; background:url('./image/main/time_tit2_bg.png') no-repeat;} .main_timeBox .timeImg .txtBox .tit3 {position:absolute; top:-35px; left:50%; width:70px; height:70px; margin-left:-35px; color:#fff; line-height:70px; font-size:17px; text-align:center; font-weight:normal; background:url('./image/main/time_tit3_bg.png') no-repeat;} .main_timeBox .timeImg .txtBox .bTxt {font-size:24px; color:#555; font-weight:normal; padding:10px 0 12px 4%; line-height:30px; letter-spacing:-1.5px; width:100%; white-space:nowrap; overflow:hidden;} .main_timeBox .timeImg .txtBox .sTxt {font-size:16px; color:#f96e12; padding:0 0 0 4%; letter-spacing:-0.5px; line-height:125%; margin-bottom:7px;} .main_timeBox .timeImg .txtBox .txt {font-size:14px; color:#777; padding:0 0 0 4%; letter-spacing:-0.5px; line-height:150%;} .main_timeBox .timeImg .txtBox .dotTxt {font-size:14px; color:#777; background:url('./image/content/dot_gray.jpg') 4% 10px no-repeat; padding-left:6%; letter-spacing:-0.5px; line-height:150%;} .main_timeBox .timeImg .date {width:94%; height:70px; line-height:70px; font-size:18px; color:#fff; padding:0 0 0 6%; background:#282828;} .main_time div.time_tab{display:none;} .main_time div.time_tab01{display:block;} .main_time_bg{position:absolute; top:1157px; width:2600px; left:50%; margin-left:-1300px; height:600px; z-index:-1;background:#d7114c; } .main_time_mobile { display:none;} .mainBottom {margin:50px 0 10px; width:100%; display:inline-block;} .mainBottom .cont {display:inline-block; margin:30px;} #eventBox {position:relative; float:left; width:580px; margin:0 25px 0 5px; z-index:1;} #eventBox .main-bg{position:absolute; top:0px; left:0; width:580px; height:280px; background:#f7f7f7;} #event-bg0{} #event-bg1{display:none;} #event-bg2{display:none;} .control_box {position:absolute;top:20px;right:15px;} .control_box .btn {position:relative; z-index:5; width:100px;text-align:right; float:right;} .control_box .btn img {padding:0 2px;cursor:pointer;} .noticeBox {float:left; width:500px; margin:0 5px 0 25px;} @media only screen and (max-width:780px) { #mainCont {margin-top:-110px; width:100%;} .bg_left, .bg_right {display:none;} #quick_media {height:auto; background:url('./image/mobile/main/quick_bg.png') center 0 no-repeat; background-size:100%;} #quick_media .cont {display:inline-block; width:100%;} #quick_media .quick {clear:both; width:88%; padding:140px 6% 10px;} #quick_media .quick li {float:left; width:21%; height:auto; padding:0; margin:0 2%;} #quick_media .quick li.ico01, #quick_media .quick li.ico02, #quick_media .quick li.ico03, #quick_media .quick li.ico04, #quick_media .quick li.ico01:hover, #quick_media .quick li.ico02:hover, #quick_media .quick li.ico03:hover, #quick_media .quick li.ico04:hover {background-size:100%;} #quick_media .quick li a {font-size:15px; padding-top:130px; line-height:120%; font-weight:500; letter-spacing:-1px;} #quick_media .quick li a:hover {font-size:15px;} #quick_media .media {clear:both; height:auto; padding:4px; margin:5px 4% 25px; width:92%;} #quick_media .media iframe {width:100%; height:auto;} #quick_media .bg {display:none;} #request {height:180px; background:#f96e12 url('./image/main/request_bg.png') 3% 0 no-repeat;} #request .cont {margin-top:20px;} #request .cont .txt {font-size:28px; line-height:120%;} #request .cont .txt span {display:block;} #request .cont .date {font-size:20px; font-weight:normal; margin-top:3px;} #request .cont .more {font-weight:normal;} #request .bg {display:none;} #festivalEvent{height:auto; padding:25px 0 0; background:url('./image/main/festival_bg.jpg') center 0 no-repeat; overflow:hidden;} #festivalEvent .festival_txt {font-size:18px; letter-spacing:-1px; margin-bottom:20px;} #festivalEvent .bg {display:none;} #main_time_tabs #btn-time-tab {margin:0 auto 20px;} #main_time_tabs #btn-time-tab span {width:100px; height:40px; line-height:40px; font-size:14px; font-weight:normal;} .main_timeBox .timeImg li {float:left; margin:0; width:380px; height:auto;} .main_timeBox .timeImg li .wBox {margin:0 auto; width:92%; height:auto; background:#fff;} .main_timeBox .timeImg .txtBox {height:130px;} .main_timeBox .timeImg .txtBox .bTxt {font-size:21px; padding:5px 0 10px 4%; line-height:30px;} .main_timeBox .timeImg .txtBox .sTxt {font-size:16px; margin-bottom:7px; font-weight:normal;} .main_timeBox .timeImg .txtBox .txt {font-size:15px; color:#555;} .main_timeBox .timeImg .txtBox .dotTxt {font-size:15px; color:#555;} .main_timeBox .timeImg .date {width:94%; height:50px; line-height:50px; font-size:16px;} .mainBottom {margin:10px 0 40px;} .mainBottom .cont {width:94%; margin:20px 3% 0;} #eventBox {clear:both; width:100%; margin:0 0 20px;} #eventBox .main-bg{width:100%; height:auto;} #eventBox .main-bg img{width:100%; height:auto;} #eventBox .mobile_event_bg {width:100%; height:auto;} .noticeBox {clear:both; width:91.5%; min-height:150px; margin:0; border:1px solid #ddd; padding:10px 4%;} } @media only screen and (max-width:480px) { #mainCont {margin-top:-70px; width:100%;} #quick_media .quick {clear:both; width:96%; padding:80px 2% 10px;} #quick_media .quick li {float:left; width:23%; height:auto; margin:0 1%;} #quick_media .quick li.ico01, #quick_media .quick li.ico02, #quick_media .quick li.ico03, #quick_media .quick li.ico04, #quick_media .quick li.ico01:hover, #quick_media .quick li.ico02:hover, #quick_media .quick li.ico03:hover, #quick_media .quick li.ico04:hover {background-size:100%;} #quick_media .quick li a {font-size:15px; padding-top:90px; line-height:120%; font-weight:500; letter-spacing:-1px;} #quick_media .quick li a:hover {font-size:15px;} } /* sub */ .viewTit { display:block; margin:0 auto 15px; width:250px; height:30px; line-height:27px; background:#444; font-size:15px; color:#fff; padding:0; text-align:center;} .tb_normal { position:relative; margin:0 auto; width:100%; font-size:14px; letter-spacing:0px; line-height:150%; border-top:1px solid #777; text-align:center;background:#fff;} .tb_normal caption { display:none;} .tb_normal thead th { border-right:1px solid #ddd; padding:12px 0; color:#555; background:#eee; font-weight:normal;} .tb_normal tbody th { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:12px 0; color:#555; font-weight:normal;} .tb_normal tbody td { border-bottom:1px solid #e7e7e7; padding:12px 0; color:#888; font-weight:300;} .tb_normal tbody td p { text-align:left; padding-left:20px;} .tb_normal tbody .bb { border-bottom:1px solid #aaa;} .tb_normal thead th:last-child, .tb_normal tbody td:last-child { border-right:none; } /* 1/6축제개요 */ #page6 {position:relative; display:inline-block; z-index:2; width:100%;} #page6 .titBox {position:relative; z-index:2; margin-bottom:80px;} #page6 .titBox .logo {position:relative; z-index:2; margin:20px 0 30px; text-align:center;} #page6 .titBox .txt {margin:0 auto; width:870px; height:195px; padding:25px 10px 0 60px; background:url(./image/content/1/6_txt_bg.png) no-repeat;} #page6 .titBox .txt p {margin:20px 0; font-size:1.5em; color:#777; letter-spacing:-1px;} #page6 .titBox .txt p span {display:block;} #page6 .bTxt {margin:10px 0; font-size:3em; color:#585858; letter-spacing:-1px; text-align:center;} #page6 ul {display:inline-block; width:960px; margin:20px 70px 150px; text-align:center;} #page6 ul li {float:left; width:33.3%;} #page6 ul li p {margin-top:10px; font-size:1.5em; color:#777; letter-spacing:-1px; line-height:130%;} #page6 .tit {width:140px; height:40px; line-height:40px; margin:10px auto; font-size:1.6em; color:#444; font-weight:normal; letter-spacing:-1px; text-align:center; background:url(./image/content/1/6_tit_bg.png) no-repeat;} #page6 .wBox {display:inline-block; width:860px; margin:20px 60px 30px; padding:55px 60px; text-align:center; background:#fff;} .page6_bg {position:absolute; z-index:1; width:2600px; height:730px; bottom:-80px; left:50%; margin-left:-1300px; background:url(./image/content/1/6_bg.jpg) no-repeat;} /* 1/7인사말 */ #page7 {position:relative; width:100%; text-align:center;} #page7 .Img {display:inline-block; margin:20px 0;} #page7 .titImg {display:inline-block; margin:20px 0;} #page7 .titImg_mobile {display:none;} #page7 .cont {display:inline-block; width:100%; margin:50px 0 10px;} #page7 .cont .tit {font-size:3em; color:#444; letter-spacing:-3px;} #page7 .cont .txt {margin-top:15px;} #page7 .cont .br {display:inline-block;} #page7 .cont .space {display:block;} #page7 .cont .txt p {margin:20px 0; font-size:1.5em; color:#777; letter-spacing:-1px;} #page7 .cont .txt .logo {margin-top:80px;} /* 1/8행사장안내 */ #page8 {position:relative; width:100%;} #page8 .map {margin:20px -20px 30px; border:10px solid #f4f4f4; padding:10px;} #page8 .cont {margin:0 10px 10px;} #page8 .cont .gBox {float:left; width:240px; background:#f7f7f7; margin:5px; padding:10px;} #page8 .cont .gBox dl dt {font-size:20px; color:#444; letter-spacing:-1px; height:65px; font-weight:normal;} #page8 .cont .gBox dl dt span {display:inline-block; width:40px; line-height:60px; text-align:center; color:#fff; font-size:18px; font-weight:bold; margin:0 7px 0 10px;} #page8 .cont .gBox dl dt .no_1 {background:url(./image/content/1/8/no_01.png) 4px 9px no-repeat;} #page8 .cont .gBox dl dt .no_2 {background:url(./image/content/1/8/no_02.png) 4px 9px no-repeat;} #page8 .cont .gBox dl dt .no_3 {background:url(./image/content/1/8/no_03.png) 4px 9px no-repeat;} #page8 .cont .gBox dl dt .no_4 {background:url(./image/content/1/8/no_04.png) 4px 9px no-repeat;} #page8 .cont .gBox dl dt .no_5 {background:url(./image/content/1/8/no_05.png) 4px 9px no-repeat;} #page8 .cont .gBox dl dt .no_6 {background:url(./image/content/1/8/no_06.png) 4px 9px no-repeat;} #page8 .cont .gBox dl dt .no_7 {background:url(./image/content/1/8/no_07.png) 4px 9px no-repeat; color:#474200;} #page8 .cont .gBox dl dt .no_8 {background:url(./image/content/1/8/no_08.png) 4px 9px no-repeat;} #page8 .cont .gBox dl dt .no_9 {background:url(./image/content/1/8/no_09.png) 4px 9px no-repeat;} #page8 .cont .gBox dl dd {background:#fff; padding:15px; min-height:170px;} #page8 .cont .gBox dl dd li {font-size:15px; color:#666; letter-spacing:-0.5px; padding:4px 0 4px 15px; line-height:130%; background:url(./image/content/1/8/dot.jpg) 3px 13px no-repeat;} /* 1/9주차/셔틀버스안내 */ #submenu_tab {width:400px; margin:10px auto 30px; color:#999;padding:0;text-align:center; vertical-align:middle;} #submenu_tab a {display:inline-block; width:150px; height:36px; line-height:36px; font-size:14px; color:#666; margin:0 2px; background:url(./image/content/1/9_submenu_off.jpg) no-repeat;} #submenu_tab a.on{color:#fff; background:url(./image/content/1/9_submenu_on.jpg) no-repeat;} #bus_tabs {position:relative; z-index:1;width:100%; margin:0 auto;} #bus_tabs #btn-bus-tab{width:100%; height:60px; text-align:center; margin:0 auto; padding:0; font-size:0;} #bus_tabs #btn-bus-tab span {display:inline-block; cursor:pointer; width:200px; min-height:40px; line-height:40px; font-size:14px; letter-spacing:-0.5px; color:#666; margin:0 2px; background:#fff; border:1px solid #efefef;} #bus_tabs #btn-bus-tab span:hover{color:#fff; background:#ffb912; border:1px solid #ffb912;} #bus_tabs #btn-bus-tab span.hover{color:#fff; background:#f96e12; border:1px solid #f96e12;} #bus_tabs div.bus_tab{display:none;} #bus_tabs div.bus_tab01{display:block;} #bus_tabs .bus_tab .cont {padding:20px 0 40px; text-align:center;} #bus_tabs .bus_tab .cont .txt {margin:0 auto; width:770px; padding:20px; font-size:15px; color:#666; background:#f7f7f7;} #bus_tabs .bus_tab .cont .txt .bus_time {display:inline-block; width:100%;} #bus_tabs .bus_tab .cont .txt .bus_time li {float:left; width:48%; margin:0 1%;} #bus_tabs .bus_tab .cont .txt .bus_time li .bT {color:#008ec3;} #bus_tabs .bus_tab .cont .txt .bus_time li .rT {color:#f96e12;} .tb_bus_time { position:relative; margin:20px 0 0; width:100%; font-size:12px; letter-spacing:0px; line-height:140%; border-top:1px solid #777;border-left:1px solid #e7e7e7; text-align:center;background:#fff;} .tb_bus_time caption { display:none;} .tb_bus_time thead th { border-right:1px solid #ddd; padding:3px 0; color:#555; background:#eee; font-weight:normal; line-height:120%;} .tb_bus_time tbody th { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:3px 0; color:#555; font-weight:normal;} .tb_bus_time tbody td { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:3px 0; color:#888; font-weight:300;} #bus_tabs .parkInfo{position:relative;} #bus_tabs .parkInfo .cont {position:relative; z-index:2; width:810px; padding:50px 0 0; margin:0 auto;} #bus_tabs .parkInfo .bg {position:absolute; z-index:1; width:2600px; height:470px; bottom:-90px; left:50%; margin-left:-1300px; background:#f7f7f7;} .tb_bus { position:relative; margin:20px auto 10px; width:100%; font-size:14px; letter-spacing:0px; line-height:140%; border-top:1px solid #777; text-align:center;background:#fff;} .tb_bus caption { display:none;} .tb_bus thead th { border-right:1px solid #ddd; padding:10px 0; color:#555; background:#eee; font-weight:normal;} .tb_bus tbody th { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:10px 0; color:#555; font-weight:normal;} .tb_bus tbody td { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:10px 0; color:#888; font-weight:300;} .tb_bus thead th:last-child, .tb_bus tbody td:last-child { border-right:none; } #parking {width:100%; font-size:15px; color:#666;} #parking li {float:left; width:48%; margin:15px 1%; color:#666; font-size:0;} #parking li .txt {width:92%; line-height:150%; padding:10px 0 10px 8%; font-size:15px; font-weight:normal; color:#fff; background:#ffad0e url(./image/content/1/parking_p.png) 3.6% 11px no-repeat;} #parking li img {width:100%;} /* 1/10찾아오시는길 */ #page10 {position:relative; display:inline-block; z-index:1; width:100%;} #page10 .cont {position:relative; z-index:2;} #page10 .cont .borderBox {border:1px solid #ddd; padding:40px 40px; margin-bottom:50px;} #page10 .cont .borderBox .addressBox {display:inline-block;border-bottom:1px dashed #ccc; width:100%;margin-bottom:30px; padding-bottom:30px;} #page10 .cont .borderBox .tit {margin-bottom:10px; color:#333; font-weight:normal; font-size:20px; padding-left:5px;} #page10 .cont .borderBox .addressBox .tit {float:left; width:110px;} #page10 .cont .borderBox .addressBox p {float:left; color:#666; font-size:22px;} #page10 .cont .borderBox .addressBox ul {float:right; margin-right:5px;color:#666; font-size:22px;} #page10 .cont .borderBox .routeBox {display:inline-block;color:#777;font-size:16px;} #page10 .cont .borderBox .routeBox .guideBox {display:inline-block; margin:15px 0; padding-bottom:25px; border-bottom:1px solid #e7e7e7;} #page10 .cont .borderBox .routeBox .bNone {padding-bottom:10px; border-bottom:0px solid #e7e7e7;} #page10 .cont .borderBox .routeBox .guideBox .area {float:left; width:80px; height:80px; line-height:80px; text-align:center; background:url(./image/content/1/10_area_bg.png) no-repeat;} #page10 .cont .borderBox .routeBox .guideBox dl {float:left; width:900px; margin:6px 0px 0 30px; font-size:14px; line-height:28px;} #page10 .cont .borderBox .routeBox .guideBox dl dt {float:left; color:#fff; width:85px; height:28px; padding-left:25px; text-align:center; margin:3px 10px 3px 0;} #page10 .cont .borderBox .routeBox .guideBox dl dt.guide1 {background:url(./image/content/1/10_guide1.png) no-repeat;} #page10 .cont .borderBox .routeBox .guideBox dl dt.guide2 {background:url(./image/content/1/10_guide2.png) no-repeat;} #page10 .cont .borderBox .routeBox .guideBox dl dd {float:left; width:770px; height:28px; margin:3px 0;} #page10 .cont .borderBox .routeBox .guideBox dl dd span {color:#444; font-size:15px; font-weight:normal;} #page10 .cont .mapBox {position:relative; width:100%; height:500px;} #page10 .cont .mapBox .mapView {position:absolute; width:2600px; height:580px; top:0; left:50%; margin-left:-1300px;} /* 2/11행사일정 */ #time_tabs {position:relative; z-index:2;width:100%; margin:0 auto;} #time_tabs #btn-time-tab{width:100%; text-align:center; margin:0 auto 40px; padding:0; font-size:0;} #time_tabs #btn-time-tab span {display:inline-block; cursor:pointer; width:180px; height:40px; line-height:40px; font-size:16px; color:#666; margin:0 2px; background:#fff; border:1px solid #efefef; box-sizing:border-box;} #time_tabs #btn-time-tab span:hover{color:#fff; background:#ffb912; border:1px solid #ffb912;} #time_tabs #btn-time-tab span.hover{color:#fff; background:#f96e12; border:1px solid #f96e12;} #time_tabs div.time_tab{display:none;} #time_tabs div.time_tab01{display:block;} /*.time_titBox {text-align:center; margin-bottom:30px;} .time_titBox .date {font-size:18px; line-height:36px; height:36px; color:#fff; background:url('./image/content/2/11/11_tit_bg.jpg') center top no-repeat;} .time_titBox .bTxt {font-size:42px; color:#555; margin:15px 0 10px; letter-spacing:-2.5px;} .time_titBox .sTxt {font-size:18px; color:#555; letter-spacing:-1px;} .schedule_contBox {display:inline-block; margin:0 10px;} .schedule_contBox li {float:left; width:260px; margin:5px; background:#f7f7f7;} .schedule_contBox li .cont {width:220px; height:110px; padding:40px 10px 0 30px;} .schedule_contBox li .time {line-height:18px; font-size:16px; color:#f96e12; letter-spacing:0.5px; margin-bottom:16px;} .schedule_contBox li .tit {line-height:120%; font-size:18px; font-weight:normal; color:#444; letter-spacing:-1.5px; margin-bottom:6px;} .schedule_contBox li .place {line-height:120%; font-size:14.5px; color:#888; letter-spacing:-0.5px;} .schedule_contBox li .Img {width:100%; height:140px; text-align:center;} .note {display:inline-block; font-size:15px; color:#777; margin:20px 20px;} .bTit {text-align:center; font-size:42px; color:#555; margin:0 0 10px; letter-spacing:-2.5px;} #program_tab {width:100%; text-align:center; margin:0 auto 50px; padding:0; font-size:0;} #program_tab a {display:inline-block; cursor:pointer; width:180px; height:40px; line-height:40px; font-size:16px; color:#666; margin:0 2px; background:#fff; border:1px solid #efefef;} #program_tab a:hover {color:#fff; background:#ffb912; border:1px solid #ffb912;} #program_tab a.hover {color:#fff; background:#f96e12; border:1px solid #f96e12;} #program_tab a.hover2 {color:#fff; background:#ffc50e; border:1px solid #ffc50e;} #program_tab a.hover3 {color:#fff; background:#bac600; border:1px solid #bac600;} #program_tab a.hover4 {color:#fff; background:#0067c6; border:1px solid #0067c6;} */ /* 2/12주요프로그램 */ .program_themaBox {display:inline-block; width:1080px; margin:0 10px;} .program_themaBox li {float:left; width:340px; margin:10px; padding:0;} .program_themaBox .cont {position:relative; float:left; width:300px; padding:20px; background:#f7f7f7; margin:10px 0;} .program_themaBox .cont .tit {position:relative; line-height:55px; font-size:26px; font-weight:normal; color:#555; letter-spacing:-2px; padding-left:155px; background:url('./image/content/2/12/logo.png') 15px center no-repeat; border-bottom:1px dashed #ddd;} .program_themaBox .cont ul {display:inline-block; margin:10px;} .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;} .program_themaBox .cont ul li.orT {font-size:15px; color:#f96e12; background:url('./image/content/dot_orange.jpg') 2px 12px no-repeat;} .program_themaBox .cont ul li p {font-size:14px; color:#777;} .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;} /* 3프로그램안내 */ .program_titBox {text-align:center; margin:20px 0 40px;} .program_titBox .bTxt {font-size:42px; color:#777; letter-spacing:-2.5px;} .program_titBox .bTxt span {font-size:42px; color:#444; font-weight:500;} .program_titBox .date {font-size:30px; line-height:120%; margin:0 0 20px; letter-spacing:-2px; font-weight:bold; color:#f96e12;} .program_titBox .pTxt {font-size:30px; line-height:120%; margin:0; letter-spacing:-2px; font-weight:normal; color:#f96e12;} .program_titBox .sTxt {font-size:18px; color:#555; letter-spacing:-1px;} .program_eventBox {display:inline-block; width:1000px; margin:0 50px;} .program_eventBox li {float:left; width:480px; background:#f7f7f7; margin:10px; padding:30px 0;} .program_eventBox li.c11, .program_eventBox li.c12, .program_eventBox li.c15, .program_eventBox li.c16, .program_eventBox li.c17, .program_eventBox li.c18 {height:400px;} .program_eventBox li.c13, .program_eventBox li.c14 {height:600px;} .program_eventBox .cont {position:relative; float:left; width:420px; padding:0 30px 0;} .program_eventBox .cont .btn {position:absolute; top:-40px; right:-10px;} .program_eventBox .tit {position:relative; line-height:50px; font-size:26px; font-weight:normal; color:#555; letter-spacing:-2px; padding-left:15px;} .program_eventBox .txt {min-height:25px; margin:10px 15px;} .program_eventBox .txt .orT {font-size:17px; color:#f96e12; margin:5px 0;} .program_eventBox .txt ol {display:inline-block; margin:10px 0 10px 15px;} .program_eventBox .txt ol li {width:380px; padding:0; margin:0 0 10px 0; font-size:16px; color:#777; letter-spacing:-0.5px;} .program_eventBox .txt ol li p {width:100%;line-height:130%; font-size:14px; color:#777; letter-spacing:-0.5px;} .program_eventBox .dotLine {border-bottom:1px dashed #aaa; margin:20px 0 30px;} .program_eventBox .Img {position:relative; float:left; width:100%; text-align:center; margin:5px 0 24px;} .program_eventBox .place {line-height:140%; font-size:14px; color:#666; letter-spacing:-0.5px; margin:5px 0 5px 15px;} .program_eventBox .place span {display:inline-block; background:#888; font-size:12px; color:#fff; margin-right:10px; padding:0 10px; border-radius:4px;} .program_eventBox .place span.space {display:inline-block; background:none;width:21px;} .program_table { position:relative; margin:10px auto 0; width:95%; font-size:12.5px; 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;} .gbBox {position:relative; z-index:2; width:980px; margin:20px auto 30px; padding:40px 60px 55px; text-align:center; background:#fff; border:5px solid #e4e4e4; box-sizing:border-box;} /* 3/16재밌는치즈체험 */ #page16 {position:relative; display:inline-block; z-index:2; width:100%;} .page16_bg {position:absolute; z-index:1; width:2600px; height:1400px; bottom:-150px; left:50%; margin-left:-1300px; background:url(./image/content/3/16/16_bg.jpg) no-repeat;} .program_eventBox16 {position:relative; display:inline-block; width:1100px; height:640px; margin:30px 0 0;} .program_eventBox16 .cont {float:left; width:320px; background:#f7f7f7; margin:10px; padding:30px 10px 10px; text-align:center; box-shadow:2px 2px 5px #777;} .program_eventBox16 .p16_1 {position:absolute; top:40px; left:-20px; text-align:left; transform: rotate(-4deg);} .program_eventBox16 .p16_2 {position:absolute; top:0; left:34%;} .program_eventBox16 .p16_3 {position:absolute; top:50px; right:-20px; transform: rotate(3deg);} .program_eventBox16 .p16_4 {position:absolute; top:300px; left:12%; transform: rotate(-2deg);} .program_eventBox16 .p16_5 {position:absolute; top:340px; right:12%; transform: rotate(5deg);} .program_eventBox16 .tit {position:relative; line-height:120%; font-size:24px; font-weight:normal; color:#555; letter-spacing:-2px; padding:10px 25px 15px 25px;} .program_eventBox16 .orT {font-size:16px; line-height:130%; font-weight:300; color:#f96e12; letter-spacing:-1px; margin:0 25px 20px;} .program_eventBox16 .txt {margin:0 10px 30px 30px; text-align:left; font-size:14px; line-height:150%; color:#777; letter-spacing:-0.5px;} /* 3/17맛깔난치즈체험 */ #page17 {position:relative; display:inline-block; z-index:2; width:100%;} .page17_bg {position:absolute; z-index:1; width:2600px; height:1100px; bottom:-150px; left:50%; margin-left:-1300px; background:url(./image/content/3/17/17_bg.jpg) no-repeat;} /* 3/18볼만한치즈체험 */ #page18 {position:relative; display:inline-block; z-index:2; width:100%; padding-bottom:200px;} .page18_bg {position:absolute; z-index:1; width:2600px; height:880px; bottom:-100px; left:50%; margin-left:-1300px; background:url(./image/content/3/18/18_bg.jpg) no-repeat;} /* 3/37뽐내는치즈체험 */ .program_contBox {display:inline-block; margin:0 15px;} .program_contBox li {position:relative; float:left; background:#f7f7f7; margin-bottom:20px; padding-bottom:40px;} .program_contBox .Img {position:relative; float:left; width:400px; padding:40px 40px 0;} .program_contBox .Img img {margin:1px 0;} .program_contBox .cont {float:right; width:540px; padding:40px 40px 20px 0;} .program_contBox .cont .btn {position:absolute; top:20px; right:20px;} .program_contBox .info {position:absolute; bottom:20px; left:480px; width:520px; font-size:15px; background:#f96e12; color:#fff; padding:5px 15px; margin:0 0 20px;} .program_contBox .info .tar {float:right;} .program_contBox .bTit {position:relative; line-height:30px; font-size:26px; font-weight:normal; color:#555; letter-spacing:-2px; padding:10px 0 20px 60px; text-align:left;} .program_contBox .bTit span {position:absolute; top:0; left:0; width:50px; height:30px; padding:10px 0; font-size:17px; color:#fff; letter-spacing:0; text-align:center;background:url('./image/content/2/12/12_tit_bg1.png') center top no-repeat;} .program_contBox .dotTit {font-size:17px; color:#f96e12; background:url('./image/content/dot_orange.jpg') 2px center no-repeat; padding-left:10px; margin:5px 0;} .program_contBox .nTit {font-size:17px; color:#f96e12; margin:5px 10px;} .program_contBox .txt {display:inline-block; width:100%; margin:0 0 10px 10px;} .program_contBox .txt li {width:100%; line-height:135%; color:#777; font-size:14px; letter-spacing:0px; padding:3px 0; margin:0;} .program_contBox .txt li.dot {background:url('./image/content/dot_gray.jpg') 0 11px no-repeat; line-height:135%; color:#777; font-size:14px; letter-spacing:0px; padding:3px 8px; margin:0 15px;} .program_contBox .txt li ul {margin:3px 10px;} .program_contBox .txt li ul li {background:url('./image/content/dot_gray.jpg') 0 11px no-repeat; padding:3px 0 3px 8px; line-height:150%; color:#777; font-size:13px;} .program_contBox .txt li ul li ul li {background:none; padding:3px 0 3px 8px; line-height:150%; color:#777; font-size:13px;} .program_contBox .txt .br {display:block;} .program_contBox .ntxt {display:inline-block; line-height:135%; color:#777; font-size:14px; letter-spacing:0px; padding:0 10px; margin:0;} .program_contBox .check {line-height:135%; color:#555; font-size:15px; letter-spacing:0px; padding:0; margin:10px 10px;} .tb_program { position:relative; margin:10px auto 0; width:100%; font-size:12.5px; letter-spacing:0px; line-height:140%; border-top:1px solid #777; text-align:center;background:#fff;} .tb_program caption { display:none;} .tb_program thead th { border-right:1px solid #ddd; padding:5px 0; color:#555; background:#eee; font-weight:normal;} .tb_program tbody th { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:5px 0; color:#555; font-weight:normal;} .tb_program tbody td { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:5px 0; color:#888; font-weight:300;} .tb_program thead th:last-child, .tb_program tbody td:last-child { border-right:none; } .tb_program .tal {text-align:left; padding-left:10px;} /* 3/38기타프로그램 */ #page38 {position:relative; z-index:2;} #schedule_tabs {position:relative; z-index:2; width:100%; margin:0 auto;} #schedule_tabs #btn-schedule-tab{width:100%; text-align:center; margin:30px auto 40px; padding:0; font-size:0;} #schedule_tabs #btn-schedule-tab span {display:inline-block; cursor:pointer; width:220px; height:40px; line-height:40px; font-size:16px; color:#666; margin:0 2px; background:#fff; border:1px solid #efefef;} #schedule_tabs #btn-schedule-tab span:hover{color:#fff; background:#ffb912; border:1px solid #ffb912;} #schedule_tabs #btn-schedule-tab span.hover{color:#fff; background:#f96e12; border:1px solid #f96e12;} #schedule_tabs div.schedule_tab{display:none;} #schedule_tabs div.schedule_tab01{display:block;} .program_eventBox38 {position:relative; z-index:2; display:inline-block; width:1100px; height:250px; margin:10px 0 0;} .program_eventBox38 .cont {float:left; width:250px; min-height:120px; background:#f7f7f7; margin:10px; padding:30px 5px; text-align:center; box-shadow:2px 2px 5px #777;} .program_eventBox38 .p38_1 {position:absolute; top:40px; left:-20px; transform: rotate(-4deg);} .program_eventBox38 .p38_2 {position:absolute; top:0; left:24%;} .program_eventBox38 .p38_3 {position:absolute; top:40px; right:24%; transform: rotate(4deg);} .program_eventBox38 .p38_4 {position:absolute; top:20px; right:-25px; transform: rotate(-3deg);} .program_eventBox38 .p38_5 {position:absolute; top:0; left:100px; width:270px; min-height:160px;} .program_eventBox38 .p38_6 {position:absolute; top:0; left:400px; width:270px; min-height:160px;} .program_eventBox38 .p38_7 {position:absolute; top:0; left:700px; width:270px; min-height:160px;} .program_eventBox38 .tit {position:relative; line-height:120%; font-size:24px; font-weight:normal; color:#555; letter-spacing:-2px; padding:10px 10px 15px 10px;} .program_eventBox38 .orT {font-size:15px; line-height:130%; color:#555; font-weight:300; color:#f96e12; letter-spacing:-0.5px; margin:0 5px 10px;} .program_eventBox38 .txt {margin:0 10px 30px 30px; text-align:left; font-size:14px; line-height:150%; color:#777; letter-spacing:-0.5px;} .program_eventBox38 p {margin:0 10px; text-align:center; font-size:14px; line-height:130%; color:#777; letter-spacing:-0.5px;} .flashmob {position:relative; width:100%; height:380px; margin-top:70px;} .flashmob .cont {position:relative; z-index:2; padding:120px 0 0 50%;} .flashmob .cont .tit {position:relative; line-height:120%; font-size:48px; color:#584202; letter-spacing:-4px; padding:0 0 40px;} .flashmob .cont .tit span {font-weight:500;} .flashmob .cont dl {width:500px;} .flashmob .cont dl dt {display:inline-block; width:170px; height:32px; line-height:30px; margin-bottom:10px; text-align:center; color:#fff; font-size:18px; background:url('./image/content/3/38/no_bg.png') no-repeat;} .flashmob .cont dl dt span {display:inline-block; margin-right:5px; color:#fff000;} .flashmob .cont dl dd {display:inline-block; width:310px; color:#444; font-size:20px; text-align:left; margin-bottom:10px; padding-left:10px; letter-spacing:-0.5px; font-weight:400;} .flashmob .ybg {position:absolute; z-index:1; width:2600px; height:500px; top:0; left:50%; margin-left:-1300px; background:#ffc50e url('./image/content/3/39/bg.png') 550px 10px no-repeat;} #page38 .nightBox {position:relative; z-index:2;} #page38 .nightBox .cont1 {position:relative; width:100%; padding-bottom:100px;} #page38 .nightBox .cont1 .mobile_img {display:none;} #page38 .nightBox .cont1 .btn {position:absolute; top:20px; right:-20px;} #page38 .nightBox .cont2 {margin-top:100px; text-align:center;} #page38 .nightBox .cont2 .tit {position:relative; line-height:120%; font-size:48px; color:#4c5155; letter-spacing:-4px; padding:0 0 20px; font-weight:500;} #page38 .nightBox .cont2 .bTxt {font-size:24px; line-height:130%; color:#555; font-weight:300; color:#f96e12; letter-spacing:-2px; margin:0 0 5px;} #page38 .nightBox .cont2 .txt {margin:0 0 20px; font-size:20px; line-height:150%; color:#777; letter-spacing:-1px;} #page38 .nightBox .cont2 .Img {padding:20px 0 20px; font-size:0;} #page38 .nightBox .cont2 .Img img {margin:5px;} .page38_1_bg {position:absolute; z-index:1; width:2600px; height:1000px; bottom:-80px; left:50%; margin-left:-1300px; background:url(./image/content/3/38/38_1_bg.jpg) no-repeat;} .page38_2_bg {position:absolute; z-index:1; width:2600px; height:1000px; bottom:-120px; left:50%; margin-left:-1300px; background:url(./image/content/3/38/38_2_bg.jpg) no-repeat;} .page38_3_bg {position:absolute; z-index:1; width:2600px; height:1260px; bottom:-120px; left:50%; margin-left:-1300px; background:url(./image/content/3/38/38_3_bg.jpg) no-repeat;} /* 5/26임실치즈이야기 */ #page26 {} #page26 .Img {} #page26 .cont {position:relative; margin-bottom:-50px;} #page26 .cont dl {position:relative; z-index:3; display:inline-block; width:100%; height:500px;} #page26 .cont dl dt {margin-top:140px; font-size:38px; color:#555; letter-spacing:-3px; line-height:160%;} #page26 .cont dl dt span {display:block; width:130px; height:28px; line-height:25px; text-align:center; background:#000; font-size:15px; color:#ffa800; letter-spacing:-0.5px;} #page26 .cont dl dd {position:relative; z-index:1; letter-spacing:-1px; margin-top:20px;} #page26 .cont dl dd p {margin:15px 0; font-size:17px; color:#777; line-height:150%;} #page26 .cont dl.cont1 {height:450px;} #page26 .cont dl.cont1 dt {margin-top:80px;} #page26 .cont dl.cont2, #page26 .cont dl.cont4 {position:relative; display:inline-block; width:52%; height:500px;padding-left:48%;} #page26 .cont dl.cont3 dt, #page26 .cont dl.cont3 dd p {color:#fff;} #page26 .cont .bg1 {position:absolute; top:80px; right:40px; width:300px; height:260px; background:url('./image/content/5/26/img1.jpg') no-repeat;} #page26 .cont .bg2 {position:absolute; z-index:2; top:330px; left:-100px; width:550px; height:650px; background:url('./image/content/5/26/img2.png') no-repeat;} #page26 .cont .bg2_box {position:absolute; z-index:2; top:540px; right:-25px; width:630px; height:290px; border:5px solid #fff;} #page26 .cont .bg3 {position:absolute; z-index:1; top:450px; left:50%; margin-left:-1300px; width:2600px; height:1000px; background:#f4f8f9 url('./image/content/5/26/img3.jpg') center bottom no-repeat;} #page26 .cont dl .bg4 {position:absolute; top:130px; left:-80px; width:580px; height:310px; background:url('./image/content/5/26/img4.jpg') no-repeat;} /* 5/27임실치즈쇼핑몰 */ #page27 {position:relative; display:inline-block; text-align:center;} #page27 .Img {position:relative; width:790px; margin:0 auto;} #page27 .Img .btn {position:absolute; right:25px; bottom:25px; width:100%; text-align:right;} #page27 .Img .btn a {display:inline-block; margin:0 6px;} #page27 .iconCont { display:inline-block;position:relative; margin:80px 100px 0; height:400px;} #page27 .iconCont dl {float:left; width:240px; margin:0 30px;} #page27 .iconCont dl dt {padding-top:170px; font-size:20px; color:#555; letter-spacing:-2px; font-weight:normal; line-height:160%; height:70px;} #page27 .iconCont dl dd {margin:20px 0; font-size:20px; color:#777; letter-spacing:-1px; line-height:130%;} #page27 .iconCont dl dd span {display:block;} #page27 .iconCont dl.bg1 {background:url('./image/content/5/27/icon1.jpg') no-repeat;} #page27 .iconCont dl.bg2 {background:url('./image/content/5/27/icon2.jpg') no-repeat;} #page27 .iconCont dl.bg3 {background:url('./image/content/5/27/icon3.jpg') no-repeat;} #page27 .txtCont { display:inline-block; position:relative; z-index:2; width:45%; height:390px; padding:90px 0 0 55%; text-align:left;} #page27 .txtCont dl {margin:30px 0 0 20px;} #page27 .txtCont dl dt {font-size:20px; color:#555; letter-spacing:-2px; font-weight:normal;} #page27 .txtCont dl dd {margin:10px 0 45px; font-size:16px; color:#777; letter-spacing:-1px; line-height:130%;} #page27 .bg {position:absolute; z-index:1; bottom:-80px; left:50%; margin-left:-1300px; width:2600px; height:560px; background:#f7f7f7 url('./image/content/5/27/27_bg.jpg') no-repeat;} /* 5/28임실치즈테마파크 */ #page28 {position:relative; display:inline-block; text-align:center;} #page28 .contBox { display:inline-block;position:relative; margin:80px 10px 100px; height:400px;} #page28 .contBox .cont {float:left; width:330px; margin:0 15px;} #page28 .contBox dl {float:left; width:330px; margin:25px 0 10px; text-align:left;} #page28 .contBox dl dt {font-size:22px; color:#555; letter-spacing:-2px; font-weight:normal; margin-bottom:15px;} #page28 .contBox dl dd {font-size:15px; color:#777; letter-spacing:-1px; line-height:150%;} #page28 .contBox dl dd span {display:block;} /* 5/29임실치즈과학연구소 */ #page29 {position:relative; display:inline-block; text-align:center;} #page29 .bTxt {font-size:36px; color:#555; letter-spacing:-2px; font-weight:normal; line-height:120%; margin:60px 0;} #page29 .sTxt {margin:60px 0 50px;} #page29 .sTxt p {font-size:16px; color:#777; letter-spacing:-0.5px; margin:20px 0;} #page29 .bTxt span, #page29 .sTxt p span {display:block;} #page29 .contBox {display:inline-block; margin:50px 0;} #page29 .contBox li {float:left; width:47%; margin:40px 0 40px 3%;} #page29 .contBox li p {float:left; width:195px; text-align:left;} #page29 .contBox li dl {float:left; width:310px; margin:20px 0 0; text-align:left;} #page29 .contBox li dl dt {font-size:22px; color:#555; letter-spacing:-2px; font-weight:normal; margin-bottom:10px;} #page29 .contBox li dl dd {font-size:15px; color:#777; letter-spacing:-1px; line-height:150%;} #page29 .contBox li dl dd span {display:block;} /* 5/30임실치즈마을 */ #page30 {position:relative; display:inline-block; width:100%; text-align:center; padding-bottom:350px;} #page30 .Img {position:relative;} #page30 .bTxt {font-size:36px; color:#ff8800; letter-spacing:-2px; font-weight:normal; line-height:120%; margin:60px 0 40px;} #page30 .sTxt {margin:50px 0 0;} #page30 .sTxt p {font-size:16px; color:#777; letter-spacing:-0.5px; margin:20px 0;} #page30 .sTxt p.name {margin-top:70px;} #page30 .sTxt p span {display:block;} #page30 .bg {position:absolute; z-index:1; bottom:-80px; left:50%; margin-left:-1300px; width:2600px; height:350px; background:#f7f7f7 url('./image/content/5/30/30_bg.jpg') repeat-x;} @media only screen and (max-width:780px) { .no-page {width:90%; max-width:460px;} /* 1/6축제개요 */ #page6 .titBox {margin-bottom:40px;} #page6 .titBox .logo {margin:25px 0;} #page6 .titBox .logo img {width:70%; max-width:360px;} #page6 .titBox .txt {width:88%; height:auto; padding:5px 4%; margin:0 2%; background:#f7f7f7; border-radius:10px;} #page6 .titBox .txt p {margin:10px 0; font-size:1.05em;} #page6 .titBox .txt p span {display:inline-block;} #page6 .bTxt {margin:10px 0; font-size:20px; line-height:120%;} #page6 ul {width:96%; margin:10px 2% 30px;} #page6 ul li img {width:90%;} #page6 ul li p {font-size:0.85em; line-height:130%;} #page6 .wBox {width:86%; margin:20px 4% 30px; padding:15px 3%;} #page6 .cont_bg {padding:30px 0; background:url(./image/content/1/6_bg.jpg) center 0 no-repeat;} .page6_bg {display:none;} /* 1/7인사말 */ #page7 .Img {display:inline-block; margin:0 0 10px;} #page7 .Img img {width:100%; max-width:600px;} #page7 .titImg {display:none;} #page7 .titImg_mobile {display:inline-block; margin:10px 0; width:100%;} #page7 .titImg_mobile img {width:98%; max-width:500px;} #page7 .cont {display:inline-block; width:96%; margin:10px 2% 10px;} #page7 .cont .space {display:inline-block;} #page7 .cont .br {display:block;} #page7 .cont .tit {font-size:2em; line-height:120%;} #page7 .cont .txt p {margin:15px 2%; font-size:1.1em; line-height:130%; text-align:left;} #page7 .cont .txt .logo {margin:30px 0 60px;} #page7 .cont .txt .logo img {width:100%; max-width:460px;} /* 1/8행사장안내 */ #page8 {position:relative; display:inline-block;width:100%;} #page8 .map {margin:0 0 10px; border:0; padding:0; overflow-x: scroll; overflow-y: auto;} #page8 .map img {width:100%; min-width:640px; height:auto;} #page8 .cont .gBox {width:48%; margin:5px 1%; padding:0px 10px 10px; box-sizing:border-box;} #page8 .cont .gBox dl dt {height:55px; font-weight:normal;} #page8 .cont .gBox dl dt span {line-height:60px; margin:0 7px 0 10px;} #page8 .cont .gBox dl dd {font-weight:normal; padding:10px 25px; min-height:140px;} #page8 .cont .gBox dl dd li {font-size:16px; color:#666; letter-spacing:-0.5px; padding:4px 0 4px 15px; line-height:130%; background:url(./image/content/1/8/dot.jpg) 3px 13px no-repeat;} /* 1/9주차/셔틀버스안내 */ #submenu_tab {width:100%; margin:10px auto 15px;} #submenu_tab a {width:120px; height:36px; line-height:36px; font-size:15px; background:url(./image/mobile/content/1/9_submenu_off.jpg) no-repeat;} #submenu_tab a.on{background:url(./image/mobile/content/1/9_submenu_on.jpg) no-repeat;} #bus_tabs {position:relative; z-index:1;width:100%; margin:0 auto;} #bus_tabs #btn-bus-tab{height:auto;} #bus_tabs #btn-bus-tab span {width:48%; min-height:36px; line-height:36px; font-size:13px; margin:0 1px 2px; letter-spacing:-1px;} #bus_tabs .bus_tab .cont {padding:10px 0 0; width:96%; margin:0 2% 20px;} #bus_tabs .bus_tab .cont .txt {width:92%; padding:15px 4% 15px 4%; font-size:15px; text-align:left;} #bus_tabs .bus_tab .cont img {width:100%;} #bus_tabs .parkInfo{position:relative; background:#f7f7f7;} #bus_tabs .parkInfo .cont {position:relative; z-index:2; width:94%; padding:5px 0 50px; margin:0 3%;} #bus_tabs .parkInfo .bg {display:none;} #parking {display:inline-block; padding-bottom:40px;} #parking li {float:left; width:96%; margin:5px 2%;} #parking li .txt {width:90%; padding:10px 0 10px 10%;} /* 1/10찾아오시는길 */ #page10 .cont {padding:0;} #page10 .cont .borderBox {padding:20px 5%; margin:10px 2% 20px;} #page10 .cont .borderBox .tit {margin-bottom:5px; font-size:20px; padding-left:0px;} #page10 .cont .borderBox .addressBox p {float:left; color:#666; font-size:20px; letter-spacing:-1px; line-height:120%;} #page10 .cont .borderBox .addressBox ul {float:left; margin-top:8px; font-size:20px;} #page10 .cont .borderBox .routeBox .guideBox {margin:10px 0; padding-bottom:10px;} #page10 .cont .borderBox .routeBox .bNone {padding-bottom:0;} #page10 .cont .borderBox .routeBox .guideBox .area {float:left; width:100%; height:30px; line-height:30px; text-align:left; background:none; font-size:20px; font-weight:normal;} #page10 .cont .borderBox .routeBox .guideBox dl {float:left; width:100%; margin:6px 0px 0 0;} #page10 .cont .borderBox .routeBox .guideBox dl dd {float:left; width:100%; height:auto; margin:3px 0 20px; line-height:150%;} #page10 .cont .mapBox {position:relative; width:100%; height:400px;} #page10 .cont .mapBox .mapView {position:absolute; width:100%; height:400px; top:0; left:50%; margin-left:-50%;} /* 2/11행사일정 */ #time_tabs #btn-time-tab{margin:10px auto 20px;} #time_tabs #btn-time-tab span {width:23%; font-size:14px; margin:2px; letter-spacing:-1px; font-weight:normal;} .tb_cont {margin:10px;overflow-x: scroll; overflow-y: auto;} /* 2/12주요프로그램 */ .program_themaBox {display:inline-block; width:94%; margin:0 3%;} .program_themaBox li {float:left; width:100%; margin:0; padding:0;} .program_themaBox .cont {position:relative; float:left; width:94%; padding:15px 3%; margin:5px 0;} .program_themaBox .cont ul li {font-size:16px;} .program_themaBox .cont ul li.orT {font-size:16px; font-weight:normal;} .program_themaBox .cont ul li p {font-size:15px; color:#777;} .program_themaBox .cont .total {font-size:16px; font-weight:normal; line-height:40px;} /* 3프로그램안내 */ .program_titBox {margin:0 0 10px;} .program_titBox .bTxt {margin:0 0 18px; padding:7px 0;font-size:22px; color:#fff;text-align:center; background:#444;} .program_titBox .bTxt span {font-size:22px; color:#fff; font-weight:500;} .program_titBox .date {font-size:22px; margin:0 0 7px;} .program_titBox .pTxt {font-size:24px;} .program_titBox .sTxt {font-size:15.5px; margin:0 4%; font-weight:normal;} .program_eventBox {width:92%; margin:0 4% 50px;} .program_eventBox li {width:100%; margin:10px 0; padding:15px 0;} .program_eventBox li.c11, .program_eventBox li.c12, .program_eventBox li.c15, .program_eventBox li.c16, .program_eventBox li.c17, .program_eventBox li.c18, .program_eventBox li.c13, .program_eventBox li.c14 {height:auto;} .program_eventBox .cont {width:94%; padding:0 3%;} .program_eventBox .cont .btn {position:absolute; z-index:2; top:-25px; right:-20px;} .program_eventBox .tit {font-size:24px; font-weight:500; line-height:130%; margin:5px 0;} .program_eventBox .txt {min-height:auto; margin:5px 15px;} .program_eventBox .txt .orT {font-size:19px; margin:5px 0; letter-spacing:-1.5px; line-height:120%; margin-bottom:5px;} .program_eventBox .txt ol {margin:5px 0 5px 15px; padding-left:5px;} .program_eventBox .txt ol li {font-size:17px; letter-spacing:-1px;} .program_eventBox .txt ol li p {margin-top:3px; font-size:16px;} .program_eventBox .dotLine {margin:10px 2% 20px;} .program_eventBox .Img {width:96%; margin:5px 2% 24px;} .program_eventBox .Img img {width:100%;} .program_eventBox .place {line-height:150%; font-size:17px; font-weight:normal;} .program_eventBox .place span {font-size:14px;} .program_eventBox .place span.space {width:25px;} .viewTit {display:block; margin:0 auto 15px; width:100%; height:42px; line-height:40px; background:#444; font-size:17px; color:#fff; padding:0; text-align:center;} .tb_normal tbody td p {padding-left:10px; font-weight:normal;} .gbBox {position:relative; z-index:2; width:96%; margin:20px auto 50px; padding:15px 3% 25px; text-align:center; background:#fff; border:5px solid #e4e4e4; box-sizing:border-box;} /* 3/16재밌는치즈체험 */ #page16 {padding-bottom:20px;} .page16_bg {display:none;} .program_eventBox16 {position:relative; display:inline-block; width:100%; height:auto; margin:10px 0 0;} .program_eventBox16 .p16_1 {clear:both; position:relative; top:0; left:0; text-align:left; transform:rotate(0deg);} .program_eventBox16 .p16_2 {position:relative; top:0px; left:0;} .program_eventBox16 .p16_3 {position:relative; top:0; right:0; transform:rotate(0deg);} .program_eventBox16 .p16_4 {position:relative; top:0; left:0; transform:rotate(0deg);} .program_eventBox16 .p16_5 {position:relative; top:0; right:0; transform:rotate(0deg);} .program_eventBox16 .tit {position:relative; line-height:120%; font-size:24px; font-weight:normal; color:#555; letter-spacing:-2px; padding:5px 25px 10px 25px;} .program_eventBox16 .orT {font-size:18px; line-height:130%; font-weight:300; color:#f96e12; letter-spacing:-1px; margin:0 25px 10px; font-weight:normal;} .program_eventBox16 .txt {margin:0 10px 25px 20px; text-align:left; font-size:16px; line-height:150%; color:#777; letter-spacing:-0.5px; font-weight:normal;} .program_eventBox16 .cont {float:left; width:90%; height:auto; background:#f7f7f7; margin:10px 3%; padding:20px 2% 10px; text-align:center; box-shadow:2px 2px 5px #777;} /* 3/17맛깔난치즈체험 */ #page17 {padding-bottom:20px;} .page17_bg {display:none;} /* 3/18볼만한치즈체험 */ #page18 {padding-bottom:20px;} .page18_bg {display:none;} /* 3/37뽐내는치즈체험 */ #page19 {padding-bottom:20px;} .program_contBox {display:inline-block; margin:0 15px 20px;} .program_contBox li {position:relative; float:left; background:#f7f7f7; margin-bottom:20px; padding:0 5% 10px;} .program_contBox .Img {position:relative; float:left; width:100%; padding:0 0 10px;} .program_contBox .Img img {width:100%;} .program_contBox .cont {float:left; width:95%; padding:20px 5% 10px 0;} .program_contBox .cont .btn {position:absolute; top:10px; right:-20px;} .program_contBox .cont .btn img {width:70px;} .program_contBox .info {position:relative; bottom:0; left:0; width:95%; line-height:24px; height:24px; font-size:16px; background:#f96e12; color:#fff; padding:5px 5%; margin:0 0 7px;} .program_contBox .info .tar {float:right;} .program_contBox .bTit {position:relative; line-height:30px; font-size:22px; font-weight:normal; color:#555; letter-spacing:-2px; padding:10px 20px 10px 55px; text-align:left;} .program_contBox .bTit span {position:absolute; top:0; left:-5px; width:50px; height:30px; padding:10px 0; font-size:17px; color:#fff; letter-spacing:0; text-align:center;background:url('./image/content/2/12/12_tit_bg1.png') center top no-repeat;} .program_contBox .dotTit {font-size:17px; color:#f96e12; background:url('./image/content/dot_orange.jpg') 2px 10px no-repeat; padding-left:10px; margin:10px 0 5px; line-height:120%;} .program_contBox .nTit {font-size:17px; color:#f96e12; margin:5px 10px;} .program_contBox .txt {display:inline-block; width:100%; margin:0 0 5px 10px;} .program_contBox .txt li {width:100%; line-height:135%; color:#777; font-size:15px; letter-spacing:0px; padding:3px 0; margin:0; font-weight:normal;} .program_contBox .txt li.dot {background:url('./image/content/dot_gray.jpg') 0 11px no-repeat; line-height:135%; color:#777; font-size:14px; letter-spacing:0px; padding:3px 8px; margin:0 15px;} .program_contBox .txt li ul {margin:3px 10px;} .program_contBox .txt li ul li {background:url('./image/content/dot_gray.jpg') 0 11px no-repeat; padding:3px 0 3px 8px; line-height:150%; color:#777; font-size:14px;} .program_contBox .txt li ul li ul li {background:none; padding:3px 0 3px 8px; line-height:150%; color:#777; font-size:14px;} .program_contBox .txt .br {display:block;} .program_contBox .ntxt {display:inline-block; line-height:135%; color:#777; font-size:14px; letter-spacing:0px; padding:0 10px; margin:0;} .program_contBox .check {line-height:135%; color:#555; font-size:15px; letter-spacing:0px; padding:0; margin:10px 10px 20px;} .tb_program { position:relative; margin:10px auto 0; width:100%; font-size:12.5px; letter-spacing:0px; line-height:140%; border-top:1px solid #777; text-align:center;background:#fff;} .tb_program caption { display:none;} .tb_program thead th { border-right:1px solid #ddd; padding:5px 0; color:#555; background:#eee; font-weight:normal;} .tb_program tbody th { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:5px 0; color:#555; font-weight:normal;} .tb_program tbody td { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:5px 0; color:#888; font-weight:300;} .tb_program thead th:last-child, .tb_program tbody td:last-child { border-right:none; } .tb_program .tal {text-align:left; padding-left:10px;} /* 3/38기타프로그램 */ #page38 {position:relative; z-index:2;} #schedule_tabs {position:relative; z-index:3; width:100%; margin:0 auto;} #schedule_tabs #btn-schedule-tab{width:100%; text-align:center; margin:0; padding:0; font-size:0;} #schedule_tabs #btn-schedule-tab span {display:inline-block; cursor:pointer; width:33.3%; height:45px; line-height:18px; font-size:16px; color:#666; padding:5px 0; margin:0; background:#fff; border:1px solid #efefef; box-sizing:border-box;} #schedule_tabs #btn-schedule-tab span:hover{color:#fff; background:#ffb912; border:1px solid #ffb912;} #schedule_tabs #btn-schedule-tab span.hover{color:#fff; background:#f96e12; border:1px solid #f96e12;} #schedule_tabs div.schedule_tab{display:none;} #schedule_tabs div.schedule_tab01{display:block;} .program_eventBox38 {width:100%; height:auto; margin:0;} .program_eventBox38 .cont {float:left; width:90%; padding:20px 2% 30px; margin:10px 3%;} .program_eventBox38 .p38_1 {position:relative; top:0; left:0; transform: rotate(0deg);} .program_eventBox38 .p38_2 {position:relative; top:0; left:0;} .program_eventBox38 .p38_3 {position:relative; top:0; right:0; transform:rotate(0deg);} .program_eventBox38 .p38_4 {position:relative; top:0; right:0; transform: rotate(0deg);} .program_eventBox38 .p38_5 {position:relative; top:0; left:0; width:90%; min-height:auto;} .program_eventBox38 .p38_6 {position:relative; top:0; left:0; width:90%; min-height:auto;} .program_eventBox38 .p38_7 {position:relative; top:0; left:0; width:90%; min-height:auto;} .program_eventBox38 .tit {font-size:24px; font-weight:normal; color:#555; letter-spacing:-2px; padding:10px 10px 15px 10px;} .program_eventBox38 .orT {font-size:18px; font-weight:normal;;} .program_eventBox38 .txt {font-size:16px; font-weight:normal;} .program_eventBox38 p {font-size:16px; font-weight:normal;} /* 3/39늘리는치즈 */ #page39 {padding-bottom:20px;} .flashmob {position:relative; width:100%; height:250px; margin-top:30px;} .flashmob .cont {position:relative; z-index:2; padding:30px 0 30px 4%;} .flashmob .cont .tit {position:relative; line-height:120%; font-size:30px; color:#584202; letter-spacing:-4px; padding:0 0 20px;} .flashmob .cont .tit span {font-weight:500;} .flashmob .cont dl {width:100%;} .flashmob .cont dl dt {display:inline-block; width:32%; height:32px; line-height:30px; margin-bottom:0px; text-align:center; color:#fff; font-size:15px; background:url('./image/content/3/38/no_bg.png') center no-repeat;} .flashmob .cont dl dt span {display:inline-block; margin-right:5px; color:#fff000;} .flashmob .cont dl dd {display:inline-block; width:65%; color:#444; font-size:15px; text-align:left; margin-bottom:10px; padding-left:3%; letter-spacing:-0.5px; font-weight:400; line-height:120%;} .flashmob .ybg {position:absolute; z-index:1; width:100%; height:260px; top:0; left:50%; margin-left:-50%; background:#ffc50e;} /* 3/38빛나는치즈 */ #page38 .nightBox {position:relative; z-index:2;} #page38 .nightBox .cont1 {padding-bottom:30px;} #page38 .nightBox .cont1 .site_img {display:none;} #page38 .nightBox .cont1 .mobile_img {display:block; width:90%;margin:0 5%;} #page38 .nightBox .cont1 .mobile_img img {width:100%;} #page38 .nightBox .cont1 .btn {position:absolute; top:-10px; right:-15px;} #page38 .nightBox .cont2 {margin-top:50px; text-align:center;} #page38 .nightBox .cont2 .tit {font-size:28px; letter-spacing:-2px; padding:0 0 10px; font-weight:bold;} #page38 .nightBox .cont2 .bTxt {font-size:17px; letter-spacing:-1px; margin:0 10% 5px; font-weight:normal;} #page38 .nightBox .cont2 .txt {margin:0 0 10px; font-size:16px; line-height:150%; color:#777; letter-spacing:-1px; font-weight:normal;} #page38 .nightBox .cont2 .Img {padding:10px 4% 60px; font-size:0;} #page38 .nightBox .cont2 .Img img {margin:5px 0; width:100%;} .page38_1_bg {position:absolute; z-index:1; width:100%; height:1140px; bottom:-100px; left:50%; margin-left:-50%; background:url(./image/content/3/38/38_1_bg.jpg) center 0 no-repeat;} .page38_2_bg {position:absolute; z-index:1; width:2600px; height:1000px; bottom:-120px; left:50%; margin-left:-1300px; background:url(./image/content/3/38/38_2_bg.jpg) center 0 no-repeat;} .page38_3_bg {position:absolute; z-index:1; width:2600px; height:1260px; bottom:-120px; left:50%; margin-left:-1300px; background:url(./image/content/3/38/38_3_bg.jpg) center 0 no-repeat;} /* 5/26임실치즈이야기 */ #page26 .Img img {width:100%; margin:0;} #page26 .cont {margin:0 0 50px;} #page26 .cont dl {width:100%; height:auto; padding-bottom:40px;} #page26 .cont dl dt {margin-top:40px; font-size:30px; line-height:120%; padding-left:4%;} #page26 .cont dl dd {margin-top:10px;} #page26 .cont dl dd p {margin:10px 4% 15px 4%; font-size:16px; font-weight:normal;} #page26 .cont dl dd p.txt_mobile50 {width:50%;} #page26 .cont dl.cont1 {height:auto;} #page26 .cont dl.cont1 dt {margin-top:30px;} #page26 .cont dl.cont2 {width:55%; height:auto; padding-left:45%;} #page26 .cont dl.cont4 {width:100%; height:auto; padding:0;} #page26 .cont dl.cont3 dt, #page26 .cont dl.cont3 dd p {color:#777;} #page26 .cont dl.cont3 {padding-bottom:200px; background:#f4f8f9 url('./image/content/5/26/img3.jpg') center bottom no-repeat; background-size:150%;} #page26 .cont .bg1 {top:170px; right:10px; background-size:100%;} #page26 .cont .bg2 {position:absolute; z-index:3; top:330px; left:-50px; width:360px; height:450px; background:url('./image/content/5/26/img2.png') no-repeat; background-size:95%;} #page26 .cont .bg2_box, #page26 .cont .bg3 {display:none;} #page26 .cont dl .bg4 {position:relative; top:-10px; left:15%; width:70%; height:200px; background:url('./image/content/5/26/img4.jpg') center 0 no-repeat; background-size:80%;} /* 5/27임실치즈쇼핑몰 */ #page27 .Img {width:100%; margin-bottom:40px;} #page27 .Img img {width:100%;} #page27 .Img .btn {position:absolute; right:0; bottom:-42px; text-align:center; width:100%;} #page27 .Img .btn a {margin:0 2px;} #page27 .iconCont {margin:30px 6% 0; width:88%; height:auto;} #page27 .iconCont dl {float:left; width:30%; margin:0 1.5% 20px;} #page27 .iconCont dl dt {padding-top:130px; font-size:17px; height:45px;} #page27 .iconCont dl dd {margin:5px 0 10px; font-size:15px;} #page27 .iconCont dl.bg1, #page27 .iconCont dl.bg2, #page27 .iconCont dl.bg3 {background-size:100%;} #page27 .txtCont {width:100%; height:auto; padding:30px 0 450px; background:#f7f7f7 url('./image/content/5/27/27_bg.jpg') right bottom no-repeat; background-size:150%;} #page27 .txtCont .tit img {width:85%; max-width:400px; padding-left:3%;} #page27 .txtCont dl {display:inline-block; margin:10px 2% 15px 5%;} #page27 .txtCont dl dt {font-size:18px;} #page27 .txtCont dl dd {margin:3px 0 15px; font-size:16px;} #page27 .bg {display:none;} /* 5/28임실치즈테마파크 */ #page28 .Img {width:100%;} #page28 .Img img {width:100%;} #page28 .contBox {width:90%; margin:30px 5%; height:auto;} #page28 .contBox .cont {width:100%; margin:0;} #page28 .contBox .cont p img {width:100%;} #page28 .contBox dl {width:100%; margin:10px 0 40px;} #page28 .contBox dl dt {margin-bottom:5px;} #page28 .contBox dl dd {font-weight:normal; font-size:16px;} /* 5/29임실치즈과학연구소 */ #page29 {width:100%; margin-bottom:20px;} #page29 .Img {margin:0; width:100%;} #page29 .Img img, #page29 .Img2 img {width:100%;} #page29 .bTxt {font-size:22px; margin:20px 0 25px;} #page29 .sTxt {margin:25px 4% 10px; text-align:left;} #page29 .sTxt p {font-size:16px; margin:10px 0; font-weight:normal;} #page29 .bTxt span {display:block;} #page29 .sTxt p span {display:inline-block;} #page29 .contBox {display:inline-block; width:96%; margin:30px 2%;} #page29 .contBox li {float:left; width:46%; margin:5px 2%;} #page29 .contBox li p {float:left; width:100%; text-align:center;} #page29 .contBox li p img {width:75%;} #page29 .contBox li dl {float:left; width:100%; margin:10px 0 20px; text-align:left;} #page29 .contBox li dl dt {font-size:18px; text-align:center; margin-bottom:10px; line-height:120%;} #page29 .contBox li dl dd {font-size:15px; min-height:auto; font-weight:normal;} /* 5/30임실치즈마을 */ #page30 {width:100%; padding-bottom:180px; background:url('./image/content/5/30/30_bg.jpg') center bottom no-repeat; background-size:120%;} #page30 .Img {margin:0; width:100%;} #page30 .Img img {width:100%;} #page30 .bTxt {font-size:22px; margin:30px 0 20px;} #page30 .sTxt {margin:10px 4%; text-align:left;} #page30 .sTxt p {font-size:16px; margin:15px 0; font-weight:normal;} #page30 .sTxt p.name {margin-top:30px;} #page30 .sTxt p span {display:inline-block;} #page30 .bg {display:none;} } @media only screen and (max-width:480px) { #page8 .cont .gBox {width:100%; margin:5px 0; padding:0px 10px 10px; box-sizing:border-box;} #page8 .cont .gBox dl dd {font-weight:normal; padding:10px 25px; min-height:auto;} #page26 .cont dl.cont3 {padding-bottom:120px; background:#f4f8f9 url('./image/content/5/26/img3.jpg') center bottom no-repeat; background-size:240%;} #page26 .cont .bg1 {position:absolute; top:150px; right:-40px; width:240px; height:240px; background:url('./image/content/5/26/img1.jpg') no-repeat; background-size:110%;} #page26 .cont .bg2 {position:absolute; z-index:3; top:400px; left:-170px; width:360px; height:450px; background:url('./image/content/5/26/img2.png') no-repeat; background-size:100%;} #page26 .cont dl .bg4 {position:relative; top:-10px; left:0; width:100%; height:150px; background:url('./image/content/5/26/img4.jpg') center 0 no-repeat; background-size:80%;} #page27 .txtCont {width:100%; height:auto; padding:30px 0 240px; background:#f7f7f7 url('./image/content/5/27/27_bg.jpg') right bottom no-repeat; background-size:150%;} #page27 .iconCont {margin:30px 1% 0; width:98%; height:auto;} #page27 .iconCont dl {float:left; width:30%; margin:0 1.5% 20px;} #page27 .iconCont dl dt {padding-top:80px; font-size:15px; height:35px; line-height:120%;} #page30 {width:100%; padding-bottom:150px; background:url('./image/content/5/30/30_bg.jpg') center bottom repeat-x; background-size:200%;} }