@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:'Spoqa Han Sans Neo', 'sans-serif'; } @font-face { font-family:'Gmarket Sans'; font-style:normal; font-weight:700; src:url(./fonts/GmarketSansBold.woff2) format('woff2'), url(./fonts/GmarketSansBold.woff) format('woff'), url(./fonts/GmarketSansBold.otf) format('opentype');} @font-face { font-family:'Gmarket Sans'; font-style:normal; font-weight:500; src:url(./fonts/GmarketSansMedium.woff2) format('woff2'), url(./fonts/GmarketSansMedium.woff) format('woff'), url(./fonts/GmarketSansMedium.otf) format('opentype');} @font-face { font-family:'Gmarket Sans'; font-style:normal; font-weight:300; src:url(./fonts/GmarketSansLight.woff2) format('woff2'), url(./fonts/GmarketSansLight.woff) format('woff'), url(./fonts/GmarketSansLight.otf) format('opentype'); } @font-face { font-family:"SCDream"; src:url("./fonts/scdream1.woff") format("truetype"); font-style:normal; font-weight:100; } @font-face { font-family:"SCDream"; src:url("./fonts/scdream2.woff") format("truetype"); font-style:normal; font-weight:200; } @font-face { font-family:"SCDream"; src:url("./fonts/scdream3.woff") format("truetype"); font-style:normal; font-weight:300; } @font-face { font-family:"SCDream"; src:url("./fonts/scdream4.woff") format("truetype"); font-style:normal; font-weight:400; } @font-face { font-family:"SCDream"; src:url("./fonts/scdream5.woff") format("truetype"); font-style:normal; font-weight:500; } @font-face { font-family:"SCDream"; src:url("./fonts/scdream7.woff") format("truetype"); font-style:normal; font-weight:700; } @font-face { font-family:"SCDream"; src:url("./fonts/scdream9.woff") format("truetype"); font-style:normal; font-weight:900; } * {margin:0;padding:0;box-sizing:border-box;} html, body{height:100%;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:400;font-size:100%} ul, ol, li{list-style:none;} fieldset, img{border:none;} img{vertical-align:top;} em {font-style:normal;} table{width:100%;border-collapse:collapse;} th {font-weight:400;color:#fff;} td {color:#222;} legend {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;padding:0;visibility:hidden;text-indent:-9999px;} caption {width:0;height:0;overflow:hidden;padding:0;font-size:0;line-height:0;} .hidden {font-size:0;line-height:0;text-indent:-99999px;} .clear:after {display:block;content:'';clear:both;} input, select{font-weight:300;font-family:'Noto Sans KR', sans-serif;vertical-align:middle;color:#777;border:1px solid #ddd;} textarea {resize:none;border:1px solid #afafaf;padding:5px;font-family:'Noto Sans KR', sans-serif;font-size:12px;} a{text-decoration:none;color:#666;} a:foucs {border:1px solid red;outline:inherit;} #wrap {overflow:hidden;} /*헤드영역*/ #headerbg {width:100%;position:absolute;top:0;left:0;z-index:1} #header {width:100%;position:relative;top:0;left:0;margin:0 auto; height:100px;} #header .header { position:relative; width:1200px; margin:0 auto;height:100px;} #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 5px;font:normal 11px "malgun gothic",dotum;} #header .gnb .admin a {color:#ff0000;} #header .headUserHtml {color:#fff} #header .header .imglogo{ position:absolute; top:26px; left:0;} #lnb {width:100%;position:absolute;margin:0 auto;z-index:10;} #lnbbg {width:100%;position:relative;margin:0 auto;z-index:1} #lnb .lnbWrap {width:1200px;margin:0 auto;} #header .mobile_list{ display:none} #content {} #content .subContent { color:#333; font-size:15px; word-break:keep-all;margin-left:50px; padding-top:70px;} #content .subContent .location {clear:both;font:normal 11px dotum;color:#999;padding:0;text-align:right} #content .subContent .location a {color:#999;letter-spacing:-1px;} #content .subContent .location a:hover {color:#000} #content .subContent h3.subTitleSubject {margin:0;padding:0;border-bottom:2px #ddd solid;font-size:20px;font-family: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 { margin-left:50px;} #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 { text-align:center;} #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;} #content .snb .category li {list-style-type:none; margin:0 5px; width:130px;display:inline-block; } #content .snb .category .m2 {font-size:15px; padding-top:50px;} #content .snb .category .m2 a {color:#444;display:block;height:45px;line-height:45px;;_line-height:45px;border-radius:10px; background:#dadada;} #content .snb .category .m2 a:hover {text-decoration:none;color:#ff6000;background-color:#ffff} #content .snb .category .selected2 a {color:#fff;background:url(./image/sub_active_orange.jpg) repeat-x 0 0;height:45px;line-height:45px;border-radius:10px;} #content .snb .category .selected2 a:hover {color:#fff;text-decoration:none;} #content .snb .category .selected2 span.num {color:#fff} #content .snb .category .orange a {background:url(./image/sub_active_orange.jpg) repeat-x 0 0;} #content .snb .category .green a {background:url(./image/sub_active_green.jpg) repeat-x 0 0;} #content .snb .category .blue a {background:url(./image/sub_active_blue.jpg) repeat-x 0 0;} #content .snb .category .light_blue a {background:url(./image/sub_active_light_blue.jpg) repeat-x 0 0;} #content .snb .category .black a {background:url(./image/sub_active_black.jpg) repeat-x 0 0;} #content .snb .category .grey a {background:url(./image/sub_active_grey.jpg) repeat-x 0 0;} #content .snb .category .red a {background:url(./image/sub_active_red.jpg) repeat-x 0 0;} #content .snb .category ul li ul {margin:0px;background:none;background:#f0f0f0 url(./image/submenu_shadow.gif) repeat-x top;padding:10px 0;border-top:none} #content .snb .category ul li ul li.m3 {font-weight:normal;font-size:12px;border-bottom:none} #content .snb .category ul li ul li.m3 a {font-weight:normal;font-family:dotum;color:#454545;display:block;padding-left:23px;height:21px;line-height:21px;background:url(./image/snb_m3_ico.gif) no-repeat 16px 8px;letter-spacing:-1px;} #content .snb .category ul li ul li.m3 a:hover {text-decoration:none;color:#000;background-color:#ddd;} #content .snb .category ul li ul li.selected3 a {color:#ff6000;font-weight:bold;background:url(./image/snb_m3_ico_open.gif) no-repeat 15px 7px;} #content .snb .category .spaceLi {height:7px;} #content .snb .category .new {font:normal 10px arial;color:#ff0000;} #content .snb .category .num {font:normal 11px arial;color:#999;} .subTitleSubject{ text-align:center; font-size:37px; max-width:1450px; margin:0 auto; background:#fff ; margin-top:-50px; height:50px; padding-top:50px; font-weight:700; } /*하단정보영역*/ #footerWrap{ /*border-top:1px #e1e1e1 solid;*/ margin-top:50px;} #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 {background:#2e2e2e;} #footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:1;} #footer .footerCont {width:100%;display:block;position:relative;} #footer .footerCont div.footerMenu {text-align:center;margin-bottom:10px;padding:7px 20px;} #footer .footerCont div.footerMenu a {font-size:15px;color:#ddd;letter-spacing:-1px;} #footer .footerCont div.footerMenu a:hover {color:#ff6000} #footer .footerCont div.footerMenu .split {font-size:15px;color:#777; margin:0 5px;} #footer .footerCont div.footerSiteInfo { position:relative;font-size:14px;color:#999;text-align:center;width:1200px;margin:0 auto} #footer .footerCont div.footerSiteInfo br{ display:none;} #footer .footerCont div.footerSiteInfo span{ color:#999; margin:0 3px;} #footer .footerCont address {font-size:12px;font-style:normal;color:#777;text-align:center;margin-top:5px;} #footer .footerCont .footerLogo { text-align:center; padding-bottom:15px; } #footer .footerCont .qrimage {position:absolute;right:0;top:0} #footer .footerCont div.footerSiteInfo .language{ margin:20px 0;} #footer .footerCont div.footerSiteInfo .language span{ display:inline-block; background:#555; color:#2f2f2f; padding:5px 10px; border-radius:5px; margin:0 3px; } #footer .footerCont div.footerSiteInfo .fsns{ position:absolute; top:-65px; right:0; height:30px;} #footer .footerCont div.footerSiteInfo .fsns span{ margin:0 3px;} /*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;} #pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe, #bbsview, #guidebox{ width:1200px; margin:0 auto;} #pages_login{ padding:50px 0 100px 0;} #footerWrap .banner{ padding:30px 0; text-align:center;} #footerWrap .banner li{ display:inline-block; margin:0 14px;} /* lnb */ #lnb_nav {position:fixed;top:0;left:0;width:50px;height:100vh;z-index:10;} #lnb_nav .lnb_menu {position:relative;height:100vh;} #lnb_nav .btn_open {position:absolute;top:0;left:0;width:100%;height:100px;background-color:#df1e32;z-index:1;} #lnb_nav .btn_open span {display:block;height:20px;margin-top:37px;background:url('./image/ico_lnb_open_close.png') no-repeat 50% -22px;text-indent:-9999px;} #lnb_nav.on .btn_open {background-color:#222;text-align:center;} #lnb_nav.on .btn_open span {display:inline-block;margin-left:-10px;padding-left:20px;background-position:0 0;font-size:16px;color:#fff;text-indent:0;} #lnb_nav .lnb_menu h2 {overflow:hidden;display:table;width:100%;position:absolute;top:84px;left:0; height:calc(100% - 85px);background-color:#222;z-index:1; font-weight:300;} #lnb_nav .lnb_menu h2 span {position:relative;display:table-cell;font-size:22px;line-height:45px;color:#bbbbbb;vertical-align:middle;text-align:center;} #lnb_nav .list_store {position:absolute;top:100px;left:0;width:50px;height:calc(100vh - 100px );} #lnb_nav.on .list_store {z-index:2;width:100%;} #lnb_nav .list_store li {position:relative;height:25%;} #lnb_nav .list_store li:first-child {height:25%;} #lnb_nav .list_store li a {display:table;width:100%;height:100%;background:url('./image/bg_lnb01.png') no-repeat 0 50%;background-size:100% 100%;text-align:center;} #lnb_nav .list_store li .pin {position:absolute;top:30%;left:0;width:100%;height:22px;background:url('../images/ico_lnb_pin.png') no-repeat 100% 0;background-size:100% 100%;text-indent:-9999px;} #lnb_nav .list_store li:nth-child(2) a {background:url('./image/bg_lnb02.png') no-repeat 0 0;background-size:100% 100%;} #lnb_nav .list_store li:nth-child(3) a {background:url('./image/bg_lnb03.png') no-repeat 0 0;background-size:100% 100%;} #lnb_nav .list_store li:nth-child(4) a {background:url('./image/bg_lnb04.png') no-repeat 0 0;background-size:100% 100%;} #lnb_nav .list_store li span {display:table-cell; padding-top:35%;font-size:25px; line-height:35px;color:#333;} #lnb_nav .list_store li:nth-child(2) span {color:#222;} #lnb_nav .list_store li:nth-child(3) span {color:#fff;} /* 스크롤 bar 17px 때문에 미디어 쿼리 말고 js로 분기 */ #lnb_nav.resize .btn_open {height:100px;} #lnb_nav.resize .btn_open span {margin-top:37px;} #lnb_nav.resize.on .btn_open span {display:inline-block;margin-left:-10px;padding-left:20px;background-position:0 0;font-size:16px;color:#fff;text-indent:0;} #lnb_nav.resize .lnb_menu h2 {top:84px;height:calc(100vh - 85px );} #lnb_nav.resize .list_store {top:100px;height:calc(100vh - 100px );} #lnb_nav.resize .list_store li span {padding-top:35%;} /* lnb 퀵메뉴 */ .quick_menu {position:absolute; top:100px;left:0;width:100%;height:100px;background-color:#222;z-index:1;} .quick_menu li { border-top:1px solid #434343; border-bottom:1px solid #434343;} .quick_menu li a{display:block;height:50px;padding:15px 0;text-indent:-9999px;font-size:15px;line-height:20px;white-space:pre;} .quick_menu li:nth-child(1) a {background:url('./image/ico_lnb_quick.png') no-repeat 100% 0;} .quick_menu li:nth-child(2) a {background:url('./image/ico_lnb_quick.png') no-repeat 100% -50px;} .quick_menu li:nth-child(3) a {background:url('../images/ico_lnb_quick.png') no-repeat 100% -100px;} #lnb_nav.on .quick_menu li a {color:#fff;text-indent:0;padding:15px 30px;} .ar{ text-align:right;} .mainContent{font-size:15px;} /*.section1{ height:900px;} .left_area{ position:absolute; top:0; left:50px; width:345px; } .left_area li{ float:left; width:100%; height:225px; text-align:center;} .left_area .w_color{ color:#fff;} .left_area h1{ font-size:25px; padding:30px 0 10px 0; font-weight:500;} .left_area p{ padding-bottom:20px;} .left_area a.w_more{ color:#fff; border:1px #FFFFFF solid; padding:5px 50px 5px 10px;background:url('./image/main/w_more.png') 90% 50% no-repeat} .left_area a.b_more{ color:#333; border:1px #333 solid; padding:5px 50px 5px 10px;background:url('./image/main/b_more.png') 90% 50% no-repeat} .left_area li:nth-child(1) {background:url('./image/main/left_area_bg1.jpg') no-repeat 50% 0; background-size:cover;} .left_area li:nth-child(2) {background:#99c339;} .left_area li:nth-child(3) {background:url('./image/main/left_area_bg2.png') no-repeat 0 100%;} .left_area li:nth-child(4) {background:#005891;} .left_area .intro{}*/ /* 메인비주얼 */ .mainVisual {height:900px; position:relative;} .mainVisual .slick-slide > div {height:100%;} .mainVisual .slider{height:100%; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; box-sizing:border-box;} .mainVisual .slider .slidesItem{position:relative; height:100%;} .mainVisual .slider .slidesItem .items{position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover !important;} .mainVisual .slider .slidesItem .v1 {background:url('./image/main/mainvisual_01.jpg') no-repeat center / cover;} .mainVisual .slider .slidesItem .v2 {background:url('./image/main/mainvisual_02.jpg') no-repeat center / cover;} .mainVisual .slider .slidesItem .items .mImg {display:none; overflow:hidden;} .mainVisual .slider .slidesItem .items .mImg img {width:100%;} .mainVisual .slider .slidesItem .items .motionArea {display:block; max-width:1200px; width:70%; height:100%; margin:0 auto; position:relative; z-index:2;} .mainVisual .slider .slidesItem .items .motionArea .txBx {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:2; display:table; table-layout:fixed;} .mainVisual .slider .slidesItem .items.v2 .motionArea .txBx {left:auto; right:0; text-align:right;} .mainVisual .slider .slidesItem .items .motionArea .txInner {display:table-cell; vertical-align:middle;} .mainVisual .slider .slidesItem .items .motionArea .motion {width:100%; font-family:'Gmarket Sans'; opacity:0; filter:alpha(opacity=0); display:block; position:relative; top:20px; -webkit-transition:all 1000ms cubic-bezier(0, 0, 0.265, 1); /* older webkit */ -webkit-transition:all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); -moz-transition:all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); -o-transition:all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); transition:all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */} .mainVisual .slider .slidesItem .items .motionArea .motion.text01 {color:#fff; font-weight:300; font-size:32px; line-height:1.2;} .mainVisual .slider .slidesItem .items .motionArea .motion.text02 {color:#fff; font-weight:700; font-size:70px; line-height:1.2; margin-top:25px; letter-spacing:-1px;} .mainVisual .slider .slidesItem .items .motionArea .motion img {display:inline-block;} .mainVisual .slider .slidesItem .items .motionArea .motion.on {opacity:1 !important; filter:alpha(opacity=100) !important; top:0 !important; left:0 !important;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.265, 1); /* older webkit */ -webkit-transition-timing-function:cubic-bezier(0, -0.550, 0.265, 1.550); -moz-transition-timing-function:cubic-bezier(0, -0.550, 0.265, 1.550); -o-transition-timing-function:cubic-bezier(0, -0.550, 0.265, 1.550); transition-timing-function:cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */} .mainVisual .slidesItem .items .motionArea .motion{ -webkit-transition:all 700ms ease-out; -moz-transition:all 700ms ease-out; -ms-transition:all 700ms ease-out; -o-transition:all 700ms ease-out; transition:all 700ms ease-out; } .mainVisual .slider .slidesItem .items .mSliderItem {display:none;} .mainVisual .slider .slidesItem .items .mSliderItem img {width:100%;} .mainVisual .slider.responsive {display:block;} .mainVisual .slick-list {height:100%;} .mainVisual .slick-list .slick-track {height:100%;} .mainVisual .slick-dots {position:absolute; left:0; bottom:50px; z-index:12; width:100%; text-align:center; font-size:0; line-height:0;} .mainVisual .slick-dots > li {width:10px; height:10px; background:rgba(255, 255, 255, 0.3);} .mainVisual .slick-dots > li:hover {background:#fff;} .mainVisual .slick-dots > li.slick-active {background:#fff; width:50px;} .mainVisual .slick-arrow {position:absolute; top:50%; transform:translate(0,-50%); width:70px; height:70px; overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;} .mainVisual .slick-arrow.slick-prev {background:url('./image/main/btn_prev.png') no-repeat 0 0; left:-9999px;} .mainVisual .slick-arrow.slick-next {background:url('./image/main/btn_next.png') no-repeat 0 0; left:-9999px;} .mainVisual .sliderButtons {position:relative;z-index:10; width:100%; height:100%; margin:0 auto;} .mainVisual .sliderButtons button {width:70px; height:70px; overflow:hidden; position:absolute; top:50%; transform:translate(0,-50%); text-indent:-9999px; z-index:10; background-size:cover !important; cursor:pointer; border:0; opacity:0.5; transition:all 0.3s ease-out;} .mainVisual .sliderButtons .sliderPrev {background:url('./image/main/btn_prev.png') no-repeat 0 0; left:5%;} .mainVisual .sliderButtons .sliderNext {background:url('./image/main/btn_next.png') no-repeat 0 0; right:5%;} .mainVisual .sliderButtons .sliderPrev:hover {opacity:1; margin-left:-10px;} .mainVisual .sliderButtons .sliderNext:hover {opacity:1; margin-right:-10px;} .mainVisual .btnInp {display:none;} @media all and ( max-width:1600px ){ .mainVisual .slider .slidesItem .items .motionArea .txBx, .mainVisual .slider .slidesItem .items.v2 .motionArea .txBx {text-align:center;} .mainVisual .sliderButtons button {width:60px; height:60px;} } @media all and ( max-width:1200px ){ .mainVisual {height:70vh;} .mainVisual .slider .slidesItem .items .motionArea .txBx {margin-left:0;} .mainVisual .slider .slidesItem .items .motionArea .motion {padding-left:0px;} .mainVisual .slider .slidesItem .items .motionArea .motion.text01 {font-size:27px;} .mainVisual .slider .slidesItem .items .motionArea .motion.text02 {font-size:60px;} .mainVisual .sliderButtons .sliderPrev {left:3%;} .mainVisual .sliderButtons .sliderNext {right:3%;} } @media all and ( max-width:940px ){ .mainVisual {height:60vh;} } @media all and ( max-width:700px ){ .mainVisual {height:50vh;} .mainVisual .slider .slidesItem .items .motionArea .motion.text01 {font-size:22px;} .mainVisual .slider .slidesItem .items .motionArea .motion.text02 {font-size:50px; margin-top:20px;} .mainVisual .sliderButtons button {width:50px; height:50px;} } @media all and ( max-width:480px ){ .mainVisual {height:40vh;} .mainVisual .slider .slidesItem .items .motionArea {width:80%;} .mainVisual .slider .slidesItem .items .motionArea .motion.text01 {font-size:16px;} .mainVisual .slider .slidesItem .items .motionArea .motion.text02 {font-size:35px; margin-top:15px;} .mainVisual .sliderButtons button {width:40px; height:40px; opacity:0.8;} .mainVisual .sliderButtons .sliderPrev {left:2%;} .mainVisual .sliderButtons .sliderNext {right:2%;} .mainVisual .sliderButtons .sliderPrev:hover {opacity:0.8; margin-left:0;} .mainVisual .sliderButtons .sliderNext:hover {opacity:0.8; margin-right:0;} } .main-visual {position:relative;margin:0 auto;height:100vh;} .main-visual .visual-slider {overflow:hidden;position:absolute;left:50%;top:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); } .main-visual .visual-slider .swiper-slide {overflow:hidden;position:relative;height:100%;} .main-visual .visual-slider .swiper-slide .vs-bg {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center bottom;background-size:cover;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); transition-duration:3s;} .main-visual .visual-slider .swiper-slide .vs-bg1{ background-image:url(./image/main/mainvisual_01.jpg);} .main-visual .visual-slider .swiper-slide .vs-bg2{ background-image:url(./image/main/mainvisual_02.jpg);} .main-visual .visual-slider .swiper-slide .vs-txt {display:flex; flex-direction:column; justify-content:center; position:relative; margin:0 auto; max-width:150em; width:74%; height:100%; z-index:1; color:#fff;} .main-visual .visual-slider .swiper-slide .vs-txt h1, .main-visual .visual-slider .swiper-slide .vs-txt h2, .main-visual .visual-slider .swiper-slide .vs-txt p {opacity:0;;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);} .main-visual .visual-slider .swiper-slide .vs-txt h1{font-size:85px;font-weight:700; } .main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size:60px; margin:20px 0 30px 0;} .main-visual .visual-slider .swiper-slide .vs-txt p {font-size:25px;} .main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ font-size:30px;color:#fff;} .main-visual .visual-slider .swiper-button-prev { left:330px; } .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{position:absolute; background:none; display:flex;align-items: center;justify-content: center;width:70px; height:70px; top:auto; border-radius:50%; border:1px solid #fff; bottom:300px; z-index:10; } .main-visual .visual-slider .swiper-button-prev:after { display:none;} .main-visual .visual-slider .swiper-button-next { left:420px;} .main-visual .visual-slider .swiper-button-next:after { display:none;} .main-visual .visual-slider .swiper-pagination { position:absolute; right:auto; top:50%; margin-top:-250px; left:310px; font-size:20px;display:flex;align-items: center;justify-content: center;height:70px; z-index:10; width:100px; color:#ffffff; letter-spacing:0.333em;} .main-visual .visual-slider .swiper-pagination span { font-style:normal;} .main-visual .visual-slider .swiper-pagination span {font-style:normal;} .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-bg {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1.4s;-moz-transition:transform 1.4s;-ms-transition:transform 1.4s;-o-transition:transform 1.4s;transition:transform 1.4s;} .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h1, .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2 {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;} .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt p {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;} .hide {position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999px;} @media all and ( max-width:1920px ){ .main-visual .visual-slider .swiper-slide .vs-txt h1{font-size:65px;font-weight:700; } .main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size:40px;} .main-visual .visual-slider .swiper-pagination{ left:230px;} .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ bottom:200px;} .main-visual .visual-slider .swiper-button-prev{ left:250px;} .main-visual .visual-slider .swiper-button-next{ left:350px;} } .inner {position:relative; max-width:1400px; width:92%; margin:0 auto;} /* 메인-퀵메뉴 */ .section01 {position:relative; width:100%; height:200px;} .section01:before {position:absolute; content:""; top:100%; left:0; width:100vw; height:1px; background:#dadada;} .list_quick {position:relative; top:50%; left:50%; max-width:1100px; width:90%; transform:translate(-50%,-50%); font-size:0;} .list_quick > li {display:inline-block; vertical-align:middle; width:calc(100% / 5); text-align:center;} .list_quick .link {position:relative; display:block; padding-top:85px; max-width:150px; margin:0 auto;} .list_quick .link .ico_ {position:absolute; content:""; top:35%; left:50%; transform:translate(-50%,-50%); width:100%; height:60px; z-index:0; transition:all 300ms ease;} .list_quick .link:hover .ico_ {transform:translate(-50%, -70%);} .list_quick .link .ico_.ico01 {background:url(./image/main/icon_01.png) no-repeat center / auto 100%;} .list_quick .link .ico_.ico02 {background:url(./image/main/icon_02.png) no-repeat center / auto 100%;} .list_quick .link .ico_.ico03 {background:url(./image/main/icon_03.png) no-repeat center / auto 100%;} .list_quick .link .ico_.ico04 {background:url(./image/main/icon_04.png) no-repeat center / auto 100%;} .list_quick .link .ico_.ico05 {background:url(./image/main/icon_05.png) no-repeat center / auto 100%;} .list_quick .link p {font-size:20px;color:#222;font-weight:500;letter-spacing:-2px;line-height:1.2; font-family:"scdream";} @media all and ( max-width:940px ){ .section01 {height:180px;} .list_quick .link p {font-size:18px;} } @media all and ( max-width:700px ){ .section01 {height:160px;} .list_quick {width:94%;} .list_quick .link {padding-top:70px;} .list_quick .link .ico_ {height:55px;} .list_quick .link p {font-size:16px;} } @media all and ( max-width:480px ){ .section01 {height:130px;} .list_quick .link {padding-top:60px;} .list_quick .link .ico_ {height:45px;} .list_quick .link p {font-size:14px;} } /* 메인-호남의 금강 강천산 */ .section02 {position:relative; width:100%; margin:100px 0;} .section02 .txtBox {font-size:42px; line-height:1.3; letter-spacing:-1px; padding:90px 0 70px 100px; width:62%; font-family:'Gmarket Sans'; font-weight:300; transition:all 300ms ease;} .section02 .txtBox span {font-size:44px; font-weight:700;} .section02 .imgBox {position:absolute; z-index:2; top:0; right:0; width:35%; height:85%; background:url(./image/main/sec02_img.jpg) no-repeat center / cover; border-radius:50px;} .list_story {position:relative; z-index:1; width:calc(100% - 220px); border-radius:50px; background:#fbf7e5; font-size:0; padding:70px 340px 60px 80px;} .list_story > li {display:inline-block; vertical-align:middle; width:calc(100% / 4); text-align:center;} .list_story .link {position:relative; display:block; padding-top:165px;} .list_story .link .ico_ {position:absolute; content:""; top:40%; left:50%; transform:translate(-50%,-50%); max-width:150px; width:90%; height:150px; z-index:0; transition:all 300ms ease;} .list_story .link:hover .ico_ {transform:translate(-50%, -60%);} .list_story .link .ico_.ico01 {background:url(./image/main/sec02_icon1.png) no-repeat center 0 / 100% auto;} .list_story .link .ico_.ico02 {background:url(./image/main/sec02_icon2.png) no-repeat center 0 / 100% auto;} .list_story .link .ico_.ico03 {background:url(./image/main/sec02_icon3.png) no-repeat center 0 / 100% auto;} .list_story .link .ico_.ico04 {background:url(./image/main/sec02_icon4.png) no-repeat center 0 / 100% auto;} .list_story .link p {font-size:20px;color:#222;font-weight:500;letter-spacing:-2px;line-height:1.2; font-family:"scdream";} @media all and ( max-width:1600px ){ .section02 .txtBox {font-size:40px; padding:80px 0 60px 70px;} .section02 .txtBox span {font-size:42px} .list_story {width:85%; padding:60px 24% 50px 4%;} } @media all and ( max-width:1400px ){ .section02 .txtBox {font-size:36px; padding:60px 0 50px 40px;} .section02 .txtBox span {font-size:38px} } @media all and ( max-width:1200px ){ .main-visual {height: 50vh;} .main-visual .visual-slider .swiper-slide .vs-txt h1{font-size:45px; } .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next {bottom: 110px;} .section02 {margin:70px 0;} .section02 .txtBox {font-size:32px; padding:40px 0 30px 20px;} .section02 .txtBox span {font-size:34px} .list_story .link {padding-top:90%;} .list_story .link .ico_ {width:94%;} } @media all and ( max-width:1000px ){ .section02 .txtBox {font-size:45px; width:100%; padding:0 0 40px 20px;} .section02 .txtBox span {font-size:47px} .section02 .imgBox {position:relative; top:auto; right:auto; width:100%; height:300px; border-radius:0 0 30px 30px;} .list_story {width:100%; padding:60px 4% 30px 4%; border-radius:30px 30px 0 0;} } @media all and ( max-width:940px ){ .section02 .txtBox {font-size:34px;} .section02 .txtBox span {font-size:36px} } @media all and ( max-width:700px ){ .main-visual .visual-slider .swiper-slide .vs-txt {width: 80%} .main-visual .visual-slider .swiper-slide .vs-txt h1{font-size:25px; } .main-visual .visual-slider .swiper-slide .vs-txt h2{font-size:18px;} .main-visual .visual-slider .swiper-pagination {left: 5%; top: 140%;} .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next {bottom: 10%;} .main-visual .visual-slider .swiper-button-prev {left: 235px; } .main-visual .visual-slider .swiper-button-next {left: 330px; } .section02 {margin:50px 0;} .section02 .txtBox {font-size:32px;} .section02 .txtBox br {display:none;} .section02 .txtBox span {font-size:34px} } @media all and ( max-width:480px ){ .section02 {margin:30px 0;} .section02 .txtBox {font-size:26px; padding:0 20px 20px 10px;} .section02 .txtBox span {font-size:30px} .section02 .imgBox {height:240px;} .list_story {padding:40px 6% 0 6%;} .list_story > li {width:calc(100% / 2); margin-bottom:30px;} } /* 메인-포토롤링 */ .section03 {position:relative; width:100%; margin:120px 0; padding-top:150px;} .section03:before {position:absolute; content:''; top:0; left:0; width:100%; height:640px; background:url(./image/main/sec03_bg.jpg) no-repeat center top / cover;} .section03:after {position:absolute; content:''; top:400px; right:50%; margin-right:-750px; width:100%; height:240px; background:#fff; border-radius:0 50px 0 0;} .section03 .txtBox {font-size:42px; padding:90px 0 0 100px; height:310px; font-family:'Gmarket Sans'; font-weight:300;} .section03 .txtBox span {font-size:44px; font-weight:700;} .photo_column {position:relative; width:100%; height:100%;} .photo_column .titBox {position:absolute; top:160px; left:calc(60% + 60px); width:calc(40% - 60px); z-index:1;} .photo_column .titBox:before {position:absolute; content:''; top:0; right:0; width:300px; height:90px; background:url(./image/main/txt_bg.png) no-repeat center / cover;} .photo_column .titBox .tit {font-size:54px; font-family:'Gmarket Sans'; font-weight:300; margin-bottom:15px;} .photo_column .titBox .tit span {font-size:60px; font-weight:700;} .photo_column .titBox .txt {font-size:27px; font-family:"scdream"; font-weight:400;} .photo_column .photo_for {position:relative; width:100%; z-index:1; margin-bottom:30px;} .photo_column .photo_for button {display:none !important;} .photo_column .photo_for .slick-slide {position:relative; width:100%;} .photo_column .photo_for .pro_pic {width:60%;} .photo_column .photo_for img {width:100%; border-radius:50px;} .photo_column .photo_for p {position:absolute; bottom:40px; left:calc(60% + 60px); height:50px; line-height:50px; padding:0 30px; background:#fff; border:1px solid #999; border-radius:25px; font-size:18px; font-family:"scdream"; font-weight:400;} .photo_column .photo_nav {position:relative; width:100%; z-index:2;} .photo_column .photo_nav .slick-slide {position:relative; width:calc((100% - 42px) / 8); height:100%; margin:0 3px; box-sizing:border-box; cursor:pointer;opacity:0.5;} .photo_column .photo_nav .slick-slide img {width:100%; border-radius:10px;} .photo_column .photo_nav .pro_pic {position:relative; width:100%;} .photo_column .photo_nav .slick-current {opacity:1;} .photo_column .photo_nav button {position:absolute; top:50%; transform:translate(0,-50%); width:40px; height:40px; background:#282828; text-indent:-9999px; box-sizing:border-box; z-index:2; outline:none; border:0; border-radius:50%; cursor:pointer; transition:all ease .3s;} .photo_column .photo_nav button:before {position:absolute; content:''; width:8px; height:8px; border:2px solid #fff; border-width:0 2px 2px 0; top:50%; left:50%; transform:translate(-50%,-50%); margin-top:-5px; margin-left:-5px;} .photo_column .photo_nav .slick-prev {left:-42px;} .photo_column .photo_nav .slick-next {right:-42px;} .photo_column .photo_nav .slick-prev:before {transform:rotate(135deg);} .photo_column .photo_nav .slick-next:before {transform:rotate(-45deg);} .photo_column .photo_nav .slick-prev:hover {left:-48px;} .photo_column .photo_nav .slick-next:hover {right:-48px;} @media all and ( max-width:1600px ){ .section03:after {top:370px; right:0; margin-right:0; height:270px;} .photo_column .titBox {position:absolute; top:130px} } @media all and ( max-width:1400px ){ .section03 {margin:100px 0; padding-top:100px;} .section03:before {height:500px;} .section03:after {top:300px; right:0; margin-right:0; height:220px;} .photo_column .titBox {position:absolute; top:110px} .photo_column .titBox .txt {font-size:24px;} } @media all and ( max-width:1200px ){ .section03:before {height:350px;} .section03:after {top:240px; right:0; margin-right:0; height:150px;} .photo_column .titBox {position:relative; top:auto; left:10px; width:96%; height:140px; padding-bottom:20px;} .photo_column .titBox:before {top:auto; bottom:0;} .photo_column .titBox .tit {margin-bottom:10px;} .photo_column .titBox .tit br {display:none;} .photo_column .titBox .txt {font-size:27px;} .photo_column .photo_for {margin-top:50px;} .photo_column .photo_for .pro_pic {width:100%;} .photo_column .photo_for img {border-radius:40px;} .photo_column .photo_for p {bottom:30px; left:auto; right:30px;} .photo_column .photo_nav .slick-slide {width:calc((100% - 24px) / 5);} } @media all and ( max-width:940px ){ .section03 {margin:90px 0; padding-top:90px;} .section03:after {top:230px;} .photo_column .photo_for {margin-top:40px;} .photo_column .photo_nav button {width:30px; height:30px;} .photo_column .photo_nav .slick-prev {left:-30px;} .photo_column .photo_nav .slick-next {right:-30px;} } @media all and ( max-width:700px ){ .section03 {margin:70px 0; padding-top:70px;} .section03:after {top:200px;} .photo_column .titBox {height:130px;} .photo_column .photo_for {margin-top:25px;} .photo_column .photo_for img {border-radius:40px;} .photo_column .photo_nav .slick-slide img {border-radius:5px;} .photo_column .photo_nav .slick-prev {left:-15px;} .photo_column .photo_nav .slick-next {right:-15px;} } @media all and ( max-width:480px ){ .section03 {margin:50px 0; padding-top:50px;} .section03:after {top:160px; height:200px;} .photo_column .titBox {height:110px;} .photo_column .titBox .tit {font-size:38px;} .photo_column .titBox .tit span {font-size:40px;} .photo_column .titBox .txt {font-size:21px;} .photo_column .photo_for {margin-top:20px;} .photo_column .photo_for p {bottom:20px; right:20px; height:34px; line-height:34px; padding:0 20px; font-size:15px;} .photo_column .photo_nav .slick-prev {left:-15px;} .photo_column .photo_nav .slick-next {right:-15px;} } /* 메인-공지사항 */ .section04 {position:relative; width:100%; margin:120px 0; padding:100px 0 80px;} .section04:before {position:absolute; content:''; top:0; left:50%; transform:translate(-50%,0); max-width:1600px; width:98%; height:100%; background:#f4f4f4; border-radius:50px;} @media all and ( max-width:1400px ){ .section04 {margin:100px 0; padding:90px 0 70px;} } @media all and ( max-width:940px ){ .section04 {margin:80px 0; padding:70px 0 50px;} .section04:before {border-radius:30px;} } @media all and ( max-width:700px ){ .section04 {margin:60px 0; padding:50px 0 30px;} .section04:before {border-radius:20px;} } @media all and ( max-width:480px ){ .section04 {margin:40px 0; padding:40px 0 15px;} .section04:before {border-radius:10px;} } /* 메인-강천산 사계절 */ .season{position:relative; margin-bottom:-50px;} .season .viewcont.season_fixed{position:relative;height:800px;overflow:hidden;} .season .viewcont.season_fixed .visual_view{width:100%;height:100%;font-size:0;} .season .viewcont.season_fixed .visual_view .viewbg_wrap{position:absolute;top:0;width:25%; height:100%;} .season .viewcont.season_fixed .visual_view .viewbg_wrap:nth-child(1) {background:url(./image/main/season01.jpg) no-repeat 0 center / cover; left:0%;} .season .viewcont.season_fixed .visual_view .viewbg_wrap:nth-child(2) {background:url(./image/main/season02.jpg) no-repeat 50% center / cover; left:25%;} .season .viewcont.season_fixed .visual_view .viewbg_wrap:nth-child(3) {background:url(./image/main/season03.jpg) no-repeat 75% center / cover; left:50%;} .season .viewcont.season_fixed .visual_view .viewbg_wrap:nth-child(4) {background:url(./image/main/season04.jpg) no-repeat 100% center / cover; left:75%;} .season .viewcont.season_fixed .visual_view .viewbg_wrap .viewbg{visibility:hidden;position:absolute;top:0;left:0;right:0;bottom:0;width:100%; opacity:0;transition:opacity .1s ease, transform 5s ease 1s;} .season .viewcont.season_fixed .visual_view .viewbg_wrap:nth-child(1) .viewbg {background:url(./image/main/season01.jpg) no-repeat 0 center / cover;} .season .viewcont.season_fixed .visual_view .viewbg_wrap:nth-child(2) .viewbg {background:url(./image/main/season02.jpg) no-repeat center center / cover;} .season .viewcont.season_fixed .visual_view .viewbg_wrap:nth-child(3) .viewbg {background:url(./image/main/season03.jpg) no-repeat center center / cover;} .season .viewcont.season_fixed .visual_view .viewbg_wrap:nth-child(4) .viewbg {background:url(./image/main/season04.jpg) no-repeat center center / cover;} .season .viewcont.season_fixed .visual_view .viewbg_wrap.hover{z-index:1;} .season .viewcont.season_fixed .visual_view .viewbg_wrap.hover .viewbg{visibility:visible;opacity:1;transform:scale(1.1);} .season .viewcont.season_fixed .visual{position:absolute;top:0;left:0;display:table;width:100%;height:100%;z-index:10;table-layout:fixed;} .season .viewcont.season_fixed .visual a{position:relative;display:table-cell;} .season .viewcont.season_fixed .visual a:before {content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-160px; z-index:1; width:320px; height:300px; opacity:0.4;} .season .viewcont.season_fixed .visual a:nth-child(1):before {background:url(./image/main/season_t1.png) no-repeat center / cover;} .season .viewcont.season_fixed .visual a:nth-child(2):before {background:url(./image/main/season_t2.png) no-repeat center / cover;} .season .viewcont.season_fixed .visual a:nth-child(3):before {background:url(./image/main/season_t3.png) no-repeat center / cover;} .season .viewcont.season_fixed .visual a:nth-child(4):before {background:url(./image/main/season_t4.png) no-repeat center / cover;} .season .viewcont.season_fixed .visual a:after {content:''; display:block; position:absolute; top:0; left:0; bottom:0; z-index:1; width:1px; background:rgba(255,255,255,0.1);} .season .viewcont.season_fixed .visual a .text_wrap{position:absolute;top:20%;left:0;right:0;display:block; text-align:center; font-family:'Gmarket Sans'; font-weight:300;} .season .viewcont.season_fixed .visual a .text_wrap .desc{display:block;font-size:20px;font-weight:300;color:#fff;line-height:1.5;margin-bottom:10px;} .season .viewcont.season_fixed .visual a .text_wrap .title{font-size:64px;font-weight:700;color:#fff;letter-spacing:0} .season .viewcont.season_fixed .visual a.on {background:rgba(0,0,0,0);} .season .viewcont.season_fixed .visual a.on:before {opacity:1;} .season .viewcont.season_fixed .visual a.off {background:none;} .season .viewcont.season_fixed .visual a.off .text_wrap {opacity:0.3;} .m-mode {display:none;} .season_mobile .visual{width:100%;height:100%;z-index:10; font-size:0;} .season_mobile .visual a{position:relative; display:inline-block; width:50%; height:200px;} .season_mobile .visual a:nth-child(1) {background:url(./image/main/season01.jpg) no-repeat 0 center / cover;} .season_mobile .visual a:nth-child(2) {background:url(./image/main/season02.jpg) no-repeat center center / cover;} .season_mobile .visual a:nth-child(3) {background:url(./image/main/season03.jpg) no-repeat center center / cover;} .season_mobile .visual a:nth-child(4) {background:url(./image/main/season04.jpg) no-repeat center center / cover;} .season_mobile .visual a:before {content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-60px; z-index:1; width:120px; height:113px; opacity:0.8;} .season_mobile .visual a:nth-child(1):before {background:url(./image/main/season_t1.png) no-repeat center / cover;} .season_mobile .visual a:nth-child(2):before {background:url(./image/main/season_t2.png) no-repeat center / cover;} .season_mobile .visual a:nth-child(3):before {background:url(./image/main/season_t3.png) no-repeat center / cover;} .season_mobile .visual a:nth-child(4):before {background:url(./image/main/season_t4.png) no-repeat center / cover;} .season_mobile .visual a .text_wrap{position:absolute;top:20%;left:0;width:100%;display:block; text-align:center; font-family:'Gmarket Sans'; font-weight:300;} .season_mobile .visual a .text_wrap .desc{display:block;font-size:13px;font-weight:300;color:#fff;line-height:1.5;margin-bottom:0;} .season_mobile .visual a .text_wrap .title{font-size:30px;font-weight:700;color:#fff;letter-spacing:0} @media all and ( max-width:1600px ){ .season .viewcont.season_fixed {height:700px;} .season .viewcont.season_fixed .visual a:before {margin-left:-120px; width:240px; height:225px;} .season .viewcont.season_fixed .visual a .text_wrap .desc{font-size:15px;} .season .viewcont.season_fixed .visual a .text_wrap .title{font-size:48px;} } @media all and ( max-width:1200px ){ .season .viewcont.season_fixed {height:600px;} } @media all and ( max-width:940px ){ .season .viewcont.season_fixed {height:500px;} .season .viewcont.season_fixed .visual a:before {margin-left:-80px; width:160px; height:150px;} .season .viewcont.season_fixed .visual a .text_wrap .desc{font-size:15px;} .season .viewcont.season_fixed .visual a .text_wrap .title{font-size:45px;} } @media all and ( max-width:700px ){ .season .viewcont.season_fixed {height:400px;} .season .viewcont.season_fixed .visual a:before {margin-left:-60px; width:120px; height:113px;} .season .viewcont.season_fixed .visual a .text_wrap .desc{font-size:15px;} .season .viewcont.season_fixed .visual a .text_wrap .title{font-size:45px;} } @media all and ( max-width:480px ){ .pc-mode {display:none;} .m-mode {display:block;} } @media only screen and (max-width:1500px) { .notice_area{ width:25%; margin-right:1%;} .list_ens_story{ width:45%;} .online_area{ margin-left:1%;} #header .header .imglogo{ left:40px;} } @media only screen and (max-width:1300px) { #header .header .imglogo{ left:65px;} } @media only screen and (max-width:1200px) { #header{height:80px;} #header .header{ width:100%; height:80px; position:relative; } #header .header .imglogo{ left:20px;} #dropdownmenu{ display:none;} #lnb_nav{ display:none;} .mainContent{ margin-left:0;} #footer .footerCont div.footerSiteInfo{ width:100%; font-size:12px;} #footer .footerCont div.footerSiteInfo br{ display:block;} #footer{ position:relative} #footer .footerCont {width:100%;} #footerbg{ display:none;} .footerLogo img{ width:200px; height:auto; } #footerWrap .banner{ width:100%;} /*.visual{ width:100%; margin:0;} .visual ul li { height:500px; } .visual .bx-pager{ bottom:50px;} .section1{ height:auto;} .left_area{ position:relative; width:100%; margin:0; left:0;} .left_area li{ width:50%;} .section2{ height:auto; display:inline-block;max-width:100%;padding:35px 15px;} .online_area{ display:none;} .notice_area{ width:37%;} .list_ens_story{ width:62%; overflow:hidden;} .list_ens_story .tit{ font-size:15px;} .list_ens_story .link{ width:100px;} .list_ens_story .link:hover .ico_{transform:none;} .ico_{ background-size:500px 98px;} .ico_.story01{width:100px; height:100px; background-position:0px 0px;} .ico_.story02{width:100px; height:100px; background-position:-135px 0px;} .ico_.story03{width:100px; height:100px; background-position:-270px 0px;} .ico_.story04{width:100px; height:100px; background-position:-405px 0px;} .photoBox .photoTit{ width:200px;} .photoBox .photoDiv{ width:calc(100% - 200px); margin-left:230px;} .photoBox .photoTit .ch{ font-size:60px; top:-20px;}*/ #header .logo {left:10px;} #header .imglogo{ left:15px; top:15px;} #header .imglogo img{ width:75%; height:75%;} #header .font{ display:none;} #header .mobile_list { display:block;position:absolute;top:25px; right:15px; } /*.visual ul li .inner{ width:100%;}*/ .vis_tit01, .vis_tit03, .vis_tit05{font-size:30px} .vis_tit02, .vis_tit04, .vis_tit06{font-size:40px} #content .snb{ margin-left:0;} .subTitleSubject{ padding-top:30px; margin:0; height:auto; padding-bottom:20px;} .wt{ width:100%;} #content .subContent{ margin-left:0; padding:0 15px;} } @media only screen and (max-width:768px) { /*.visual ul li { height:400px; } .visual .bx-pager{ bottom:30px;}*/ .ico_{ background-size:450px 88px;} .ico_.story01{width:90px; height:90px; background-position:0px 0px;} .ico_.story02{width:90px; height:90px; background-position:-125px 0px;} .ico_.story03{width:90px; height:90px; background-position:-240px 0px;} .ico_.story04{width:90px; height:90px; background-position:-360px 0px;} .photoBox .photoTit{ position:relative; width:auto; padding:0 15px; text-align:left;} .photoBox .photoTit .sTit{ font-size:25px; margin:0; padding-top:20px; line-height:40px;} .photoBox .photoTit .sTit span{ font-size:30px;} .photoBox .photoTit .sTit br{ display:none;} .photoBox .photoTit .bTxt{ margin:0;} .photoBox .photoTit .bTxt br{ display:none;} .photoBox .photoTit .ch{ left:15px; font-size:45px; top:0;} .photoBox .btn_prev{ top:60px; right:45px;} .photoBox .btn_next{ top:60px; right:15px;} .photoBox .photoDiv{ margin:20px 0 0 0; width:95%;} .photoBox .photoImg li{ width:200px; height:170px;} .photoBox .photoImg p{ font-size:15px;} /*#footerWrap{ margin-top:20px;}*/ .subTitleSubject{ font-size:30px;} } @media only screen and (max-width:640px) { /*.visual ul li { height:350px; } .left_area li{ width:100%;}*/ .online_area{ display:block; max-width:100%; background-size:cover;} .list_ens_story{ padding:20px 0;} .notice_area, .list_ens_story, .online_area{ width:100%; margin:0;} .online_area{ margin:0;} #footerWrap .banner{ padding:20px 0;} #footerWrap .banner li{ margin:0 8px;} #footerWrap .banner img{ height:23px;} #footerWrap #footer .footerCont .footerMenu a{ font-size:13px;} #content .subContent{width:100%; } #bbsview{ width:100%;} .wt{ width:100%;} .vis_tit01{font-size:17px;} .vis_tit03, .vis_tit05{font-size:20px; line-height:25px;} .vis_tit02, .vis_tit04, .vis_tit06{font-size:30px; line-height:35px;} } @media only screen and (max-width:480px) { } .pt15{ padding-top:15px;} .pt30{ padding-top:30px;} .page8{ text-align:center;} .page8 .s01{ } .page8 .s01 .sTit{ font-size:19px;margin-bottom:30px;} .page8 .s01 .sTit span{ font-size:25px; text-decoration:underline; } .page8 .s01 img{ margin:50px 0;} .page8 .s02{width:100%;height:600px;display:block;background:url(./image/sub/1/page8_2.jpg) fixed 50% top; background-size:auto auto;position:relative;background-size:cover; margin-top:70px; letter-spacing:-1px;} .page8 .s02 .s02Wrap{width:100%;min-width:1200px;height:600px;text-align:center; color:#fff;} .page8 .s02 .s02Wrap .cTxt1{ font-size:40px; padding-top:200px;} .page8 .s02 .s02Wrap .cTxt2{ font-size:50px; font-weight:700;} .page8 .s03{ margin-top:70px;} .page8 .s03 img{ margin-top:70px;} .page9{ text-align:center;} .page9 .s01 .sTit{ font-size:19px;margin-bottom:70px;} .page9 .s01 .sTit span{ font-size:25px; text-decoration:underline; } .page9 .s02{ position:relative;background:#ebebeb url(./image/sub/1/page9_bg1.jpg) repeat-x; padding-bottom:30px;} .page9 .s02 ul{} .page9 .s02 li{ display:inline-block; background:#fff; padding-bottom:20px; margin:0 10px;} .page9 .s02 .year_txt{ font-weight:500; font-size:19px; padding:10px 0 5px 0;} .page9 .s02 .cTxt{ padding:70px 0 80px 0;} .page9 .s02 .bar{ width:1px; height:100px; background:#333; position:absolute; left:50%; bottom:-50px;} .page9 .s03{ padding-top:100px;} .page9 .s04{ position:relative; text-align:left; padding-top:100px;} .page9 .s04 .sTit{ font-size:37px; line-height:42px; padding-bottom:20px;} .page9 .s04 .imgBox1{ position:absolute; right:0px; top:70px;} .page9 .s04 .imgBox2{ position:absolute; left:0; top:370px;} .page9 .s04 .cTxt{ padding-left:650px; padding-top:200px; padding-bottom:250px;} .page9 .s05{background:#f3efe4 url(./image/sub/1/page9_6.png) 60% 30px no-repeat; padding:90px 0;} .page9 .s05 .cTxt{ padding-top:30px; font-size:27px;} .page9 .s05 .cTxt span{ font-weight:600;} .page9 .s06{background:#f3efe4 url(./image/sub/1/page9_7.jpg) no-repeat; background-size:cover; padding:170px 0;} .page9 .s06 p{ background:#fff; font-size:25px; padding:70px 0;} .page11{} .page11 .s01{ height:450px;} .page11 .s02{} .page11 .s02 .subTxt2 {color:#444;padding:20px 0;text-align:center; background:#e8e8e8; font-size:17px;} .page11 .s02 .subTxt2 strong { margin-left:26px; margin-right:5px; color:#111; } .page11 .s02 .subTxt2 br{ display:none;} .page11 .s02 .locationWrap { position:relative; padding-left:299px; padding-top:50px; } .page11 .s02 .locationWrap dl.tb-1 { float:left; width:50%;color:#444; border-bottom:0; vertical-align:top; padding-bottom:20px;} .page11 .s02 .locationWrap dl.tb-1 > dt { padding:15px 0; font-weight:400;text-align:center;border-bottom:1px solid #cfcfcf; } .page11 .s02 .locationWrap dl.tb-1 > dd { padding:18px 0 16px 30px; } .page11 .s02 .locationWrap dl.tb-1.wTy1 > dt { } .page11 .s02 .locationWrap dl.tb-1.wTy1 > dd { } .page11 .s02 .titTy2 { position:absolute; left:0; top:40px; width:20%; text-align:center; margin:0; font-size:21px;} .page11 .s02 .titTy2 .txt{ font-size:15px;} .page11 .s02 .titTy2 .icon { display:block; margin:16px auto 0; } .page11 .s02 .titTy2 .i-bus{ background:url(./image/sub/1/i-bus.png) no-repeat; width:70px; height:70px;} .page11 .s02 .titTy2 .i-car{ background:url(./image/sub/1/i-car.png) no-repeat; width:70px; height:70px;} .page11 .s02 .sTit{ width:100%; font-weight:400; padding:20px 0 5px 0; color:#F00} .page11 .s02 .locationWrap .line { border-top:solid 2px #333;border-bottom:1px solid #cfcfcf; display:inline-block; width:100%;} .page11 .s02 .locationWrap .tb-2{padding:15px 0; display:inline-block; } .page11 .s02 .locationWrap .tb-2 ul{ width:100%; } .page11 .s02 .locationWrap .tb-2 li{ float:left; margin-bottom:3px;} .page11 .s02 .locationWrap .tb-2 .point{ width:1%;} .page11 .s02 .locationWrap .tb-2 .txtBox{width:calc(100% - 1%); } .page11 .s02 .locationWrap .line2{border-right:1px solid #cfcfcf;} .page12{ width:1200px; margin:0 auto;} HOME dl{ position:relative;width:100%; padding-bottom:60px;} HOME dl dt{ position:absolute; top:0; left:0; border-top:2px #333333 solid; width:20%; font-size:23px; font-weight:500; padding-top:25px; letter-spacing:-1px; line-height:23px;} HOME dl dt span{ font-size:15px;} HOME dl dd{ margin-left:23%; width:75%;border-top:1px #333333 solid; padding-top:25px; font-size:17px; color:#555; line-height:30px;} HOME dl dd span{ padding-left:15px; display:inline-block;} .page61 { width:1200px; margin:0 auto;} .page61 dl{ position:relative;width:100%; padding-bottom:60px;} .page61 dl dt{ position:absolute; top:0; left:0; border-top:2px #333333 solid; width:20%; font-size:23px; font-weight:500; padding-top:25px; letter-spacing:-1px; line-height:23px;} .page61 dl dt span{ font-size:15px;} .page61 dl dd{ margin-left:23%; width:75%;border-top:1px #333333 solid; padding-top:25px; font-size:17px; color:#555; line-height:30px;} .page61 dl dd span{ padding-left:15px; display:inline-block;} .page61 iframe{ width:560px; height:315px;} .page13{width:1200px; margin:0 auto;} .page13 .imgBox{ p} .page13 dl{ position:relative; padding-top:30px;} .page13 dl dt{ position:absolute; top:30px; left:0; font-size:27px; font-weight:500;} .page13 dl dd{ padding-left:220px; padding-top:10px;} .page13 dl dd ul{} .page13 dl dd li{ display:inline-block;} .page14{ width:900px; margin:0 auto;} .page14 p{ text-align:center; padding:15px 0;;font-size:17px; background:#333; color:#fff;} .page14 p span{ font-weight:400; color:#FF0} .page14 ul{ padding-top:3px;} .page14 li{ display:inline-block; width:24.70%;} .page14 li img{ width:100%;} /* 시군지도 */ .localMap{position:relative;float:left;width:100%;height:590px;background:url(./image/sub/3/course.jpg) no-repeat center bottom;overflow:hidden} .localMap h2{ text-align:center; color:#Fff; font-size:15px; margin-top:30px; letter-spacing:-1px;} .localMap h2 span{ font-size:22px; font-weight:500;} .localMap .MapBox{ position:relative; width:300px; margin:0 auto;} .localMap .MapBox ul li{position:absolute;text-align:center} .localMap .MapBox ul li a{font-size:14px;color:#555; padding:5px; } .localMap .MapBox ul li:hover{padding:40px 0 0 0;background:url(./image/main/map_point.png) no-repeat center 0;-webkit-transition-duration:0.2s;transition-duration:0.2s } .localMap .MapBox ul li:hover a{font-size:14px;color:#ff6600;font-weight:600} .localMap .MapBox ul li.local1{left:120px;top:125px}/* 전주 */ .localMap .MapBox ul li.local1:hover{top:90px;} .localMap .MapBox ul li.local2{left:10px;top:90px}/* 군산 */ .localMap .MapBox ul li.local2:hover{top:55px} .localMap .MapBox ul li.local3{left:85px;top:60px}/* 익산 */ .localMap .MapBox ul li.local3:hover{top:25px} .localMap .MapBox ul li.local4{left:65px;top:200px}/* 정읍 */ .localMap .MapBox ul li.local4:hover{top:165px} .localMap .MapBox ul li.local5{left:205px;top:250px}/* 남원 */ .localMap .MapBox ul li.local5:hover{top:215px} .localMap .MapBox ul li.local6{left:60px;top:127px}/* 김제 */ .localMap .MapBox ul li.local6:hover{top:92px} .localMap .MapBox ul li.local7{left:150px;top:80px}/* 완주 */ .localMap .MapBox ul li.local7:hover{top:45px} .localMap .MapBox ul li.local8{left:205px;top:125px}/* 진안 */ .localMap .MapBox ul li.local8:hover{top:90px} .localMap .MapBox ul li.local9{left:285px;top:90px}/* 무주 */ .localMap .MapBox ul li.local9:hover{top:55px} .localMap .MapBox ul li.local10{left:237px;top:170px}/* 장수 */ .localMap .MapBox ul li.local10:hover{top:135px} .localMap .MapBox ul li.local11{left:155px;top:200px}/* 임실 */ .localMap .MapBox ul li.local11:hover{top:165px} .localMap .MapBox ul li.local12{left:130px;top:260px}/* 순창 */ .localMap .MapBox ul li.local12:hover{top:225px} .localMap .MapBox ul li.local13{left:-20px;top:250px}/* 고창 */ .localMap .MapBox ul li.local13:hover{top:215px} .localMap .MapBox ul li.local14{left:0px;top:170px}/* 부안 */ .localMap .MapBox ul li.local14:hover{top:135px} /* r갤러리 */ .facility { } .lSPager { } .lSSlideOuter .lSPager { height:120px; } .lSPager { width:100%; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius:0px !important; border:3px solid #319ed1; } .gallery li { } .gallery li .caption { display:block; width:1200px; height:35px; line-height:35px; font-size:19px; font-weight:500; bottom:0; left:0; color:#333; text-align:center; /*background:url(../images/facility/caption_bg.png);*/ } .lSSlideOuter { overflow:hidden; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .lightSlider:before, .lightSlider:after { content:" "; display:table; } .lightSlider { overflow:hidden; } .lSSlideWrapper { max-width:100%; overflow:hidden; position:relative; } .lSSlideWrapper > .lightSlider:after { clear:both; } .lSSlideWrapper .lSSlide { -webkit-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px); -webkit-transition:all 1s; -webkit-transition-property:-webkit-transform,height; -moz-transition-property:-moz-transform,height; transition-property:transform,height; -webkit-transition-duration:inherit !important; transition-duration:inherit !important; -webkit-transition-timing-function:inherit !important; transition-timing-function:inherit !important; } .lSSlideWrapper .lSFade { position:relative; } .lSSlideWrapper .lSFade > * { position:absolute !important; top:0; left:0; z-index:9; margin-right:0; width:100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity:0; -webkit-transition-delay:0s; transition-delay:0s; -webkit-transition-duration:inherit !important; transition-duration:inherit !important; -webkit-transition-property:opacity; transition-property:opacity; -webkit-transition-timing-function:inherit !important; transition-timing-function:inherit !important; } .lSSlideWrapper .lSFade > *.active { z-index:10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity:1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin:10px 0 0; padding:0; text-align:center; } .lSSlideOuter .lSPager.lSpg > li { cursor:pointer; display:inline-block; padding:0 5px; } .lSSlideOuter .lSPager.lSpg > li a { background-color:#222222; border-radius:30px; display:inline-block; height:8px; overflow:hidden; text-indent:-999em; width:8px; position:relative; z-index:99; -webkit-transition:all 0.5s linear 0s; transition:all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color:#428bca; } .lSSlideOuter .media { opacity:0.8; } .lSSlideOuter .media.active { opacity:1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style:none outside none; padding-left:0; margin:0; overflow:hidden; transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .lSSlideOuter .lSPager.lSGallery li { overflow:hidden; -webkit-transition:border-radius 0.12s linear 0s 0.35s linear 0s; transition:border-radius 0.12s linear 0s 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius:5px; } .lSSlideOuter .lSPager.lSGallery img { display:block; height:auto; max-width:100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content:" "; display:table; } .lSSlideOuter .lSPager.lSGallery:after { clear:both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width:60px; display:block; top:50%; height:60px; background:url(./image/sub/5/controls.png) ; cursor:pointer; position:absolute; z-index:9999; margin-top:-30px; opacity:0.5; -webkit-transition:opacity 0.35s linear 0s; transition:opacity 0.35s linear 0s; background-color:#000; } .lSAction > a:hover { opacity:1; } .lSAction > .lSPrev { background-position:0 0; left:0px; } .lSAction > .lSNext { background-position:-60px 0; right:0px; } .lSAction > a.disabled { pointer-events:none; } .cS-hidden { height:1px; opacity:0; filter:alpha(opacity=0); overflow:hidden; } /* vertical */ .lSSlideOuter.vertical { position:relative; } .lSSlideOuter.vertical.noPager { padding-right:0px !important; } .lSSlideOuter.vertical .lSGallery { position:absolute !important; right:0; top:0; } .lSSlideOuter.vertical .lightSlider > * { width:100% !important; max-width:none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left:50%; margin-left:-14px; margin-top:0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position:31px -31px; bottom:10px; top:auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position:0 -31px; bottom:auto; top:10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction:rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left:0; list-style:none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right:0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float:left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float:right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left:0; } 50% { left:-15px; } 100% { left:0; } } @keyframes rightEnd { 0% { left:0; } 50% { left:-15px; } 100% { left:0; } } @-webkit-keyframes topEnd { 0% { top:0; } 50% { top:-15px; } 100% { top:0; } } @keyframes topEnd { 0% { top:0; } 50% { top:-15px; } 100% { top:0; } } @-webkit-keyframes leftEnd { 0% { left:0; } 50% { left:15px; } 100% { left:0; } } @keyframes leftEnd { 0% { left:0; } 50% { left:15px; } 100% { left:0; } } @-webkit-keyframes bottomEnd { 0% { bottom:0; } 50% { bottom:-15px; } 100% { bottom:0; } } @keyframes bottomEnd { 0% { bottom:0; } 50% { bottom:-15px; } 100% { bottom:0; } } .lSSlideOuter .rightEnd { -webkit-animation:rightEnd 0.3s; animation:rightEnd 0.3s; position:relative; } .lSSlideOuter .leftEnd { -webkit-animation:leftEnd 0.3s; animation:leftEnd 0.3s; position:relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation:topEnd 0.3s; animation:topEnd 0.3s; position:relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation:bottomEnd 0.3s; animation:bottomEnd 0.3s; position:relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation:leftEnd 0.3s; animation:leftEnd 0.3s; position:relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation:rightEnd 0.3s; animation:rightEnd 0.3s; position:relative; } /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor:-webkit-grab; cursor:-moz-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab; } .lightSlider.lsGrabbing > * { cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:-o-grabbing; cursor:-ms-grabbing; cursor:grabbing; } #btn-s02-tab { width:1000px; margin:0 auto; text-align:left; padding-bottom:30px;} #btn-s02-tab li{ display:inline-block;cursor:pointer; background:#fff;padding:10px 0px; color:#555;text-align:center; font-size:15px; border:1px #ccc solid; width:20%; margin:0 -2px -1px -2px;} #btn-s02-tab li:hover, #btn-s02-tab li.hover{font-weight:300;color:#fff; border:1px #F00 solid; background:#F00;-webkit-transition-duration:0.2s;transition-duration:0.2s} #btn-s02-tab a:hover{ color:#fff;} .s02_con {position:relative; z-index:1; } .s02_con .contBox {float:left; width:100%; margin:0; text-align:left;} .s02_con .contBox .tabCont { width:100%;} .s02_con .contBox .tabCont .sTit{ text-align:center; font-size:35px;} .s02_con .contBox .tabCont .bTit{ font-size:20px; padding-bottom:5px;} .over{ color:#fff;} .pt{} .page10 .tab_list{display: flex;flex-wrap: wrap;} .page10 .tab_list li{ width:calc(100% / 6); border-top:1px solid #eaeaea; text-align:center; box-sizing:border-box;} .page10 .tab_list li+li{ border-left:1px solid #eaeaea; } .page10 .tab_list li.on{background-color:#F30;} .page10 .tab_list li.on a{color:#fff; font-weight:500;} .page10 .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:16px; color:#555;} .page10 .tab_list li:nth-child(1){ border-left:1px solid #eaeaea;} .page10 .tab_list li:nth-child(32), .tab_list li:nth-child(33), .tab_list li:nth-child(34),.tab_list li:nth-child(35),.tab_list li:nth-child(36),.tab_list li:nth-child(37){ border-bottom:1px solid #eaeaea;} .page10 .tab_list li:last-child{ border-right:1px solid #eaeaea;} .page10 .tab_list li:nth-child(6n){ border-right:1px solid #eaeaea;} .page10 .tab_section .cont{display:none;} .page10 .tab_section .cont.on{display:block;} .village .sTit{ font-size:25px; font-weight:500;background:url(./image/sub/70/village_sTit_bar.jpg) no-repeat 0 50%; padding-left:27px; margin-bottom:15px; } .thumbWrap{ display:flex; padding-top:20px;} .thumbWrap .grap{ flex-basis: 35%;flex-shrink: 0;} .thumbWrap .grap img{ width:100%;} .thumbWrap figcaption{ flex-grow: 1; margin-left:50px;} .thumbWrap figcaption h1{ font-size:29px; margin-bottom:20px;border-bottom:1px #96a1af solid; padding-bottom:10px;} .thumbWrap figcaption h2{ font-size:17px; font-weight:300; margin-bottom:20px; letter-spacing:-1px;} .thumbWrap figcaption .vTit{color:#666;} .thumbWrap figcaption .info{ padding-bottom:20px} .thumbWrap figcaption .info p{ padding:5px 0 5px 0px; font-size:17px; height:36px; line-height:36px; overflow:hidden;} .thumbWrap figcaption .info .map{background:url(./image/sub/70/map_icon.png) no-repeat 0 50%;} .thumbWrap figcaption .info .tel{background:url(./image/sub/70/tel_icon.png) no-repeat 0 50%;} .thumbWrap figcaption .info .homepage{background:url(./image/sub/70/home_icon.png) no-repeat 0 50%;} .thumbWrap figcaption .info .story{background:url(./image/sub/70/home_icon.png) no-repeat 0 50%;} .thumbWrap figcaption .info .time{background:url(./image/sub/70/home_icon.png) no-repeat 0 50%;} .thumbWrap figcaption .info span{ width:100px; display:inline-block; font-weight:400;} .thumbWrap figcaption .buttonSet{ margin-top:30px;} .thumbWrap figcaption .buttonSet a{ display:inline-block; text-align:center; width:200px; padding:15px 0; color:#fff; font-size:17px;} .thumbWrap figcaption .buttonSet .reservationBtn{ background:#0697e1;} .thumbWrap figcaption .buttonSet .viewMapBtn{ background:#007cbc;} .thumbWrap_bg{position:absolute; top:50px; width:2600px; height:550px; left:50%; margin-left:-1300px;background:url(./image/sub/70/village_info_bg.jpg) no-repeat; z-index:-1;} .s02_con div.s02_tab {display:none;} .s02_con div.s02_tab01 {display:block;} .s02_con {position:relative; z-index:1;} .s02_con .contBox {float:left;width:100%;margin:0;text-align:left;} .s02_con .contBox .tabCont .sTit {text-align:center; font-size:35px;} .page69 img{ width:100%;} .page69 ul{ display:flex; flex-wrap: wrap; justify-content: space-between; gap:30px 0; margin-top:30px;} .page69 ul li{ width:49%;} .page69 .add{ text-align:center; margin-top:15px; font-size:25px; font-weight:600;} .rTable th{ font-weight:600; background:#f2f2f2;} .rTable th, td{ color:#333; border-bottom:1px #ddd solid; padding:12px; text-align:center;} .rTable th+th, .rTable td+td{ border-left:1px #ddd solid;} .rTable thead{ border-top:2px #222 solid;} .rTable .bl{ border-left:1px #ddd solid} .dl{ display:flex} .dl dt{flex-shrink: 0;} .dl dd{flex-grow: 1;} .page70 .area+.area{ margin-top:50px;} .page70 h1{ font-size:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:2px #222 solid; font-weight:600;} .page70 dl{ border-bottom: 1px #ddd solid; padding-bottom:15px; margin-bottom:15px;} .page70 dl dt{flex-basis: 20%; font-weight:700;} .page70 dl dd p{ margin-bottom:10px; font-weight:700;} .page70 dl dd strong{ font-weight:500; display:block;} .page70 dl dd ul+strong{ margin-top:10px;} .page70 .nTxt{ color:#F00; padding-left:10px;} .page70 ul li{ position:relative; padding-left:12px;} .page70 ul li:before{ content:'-'; position:absolute; top:0; left:0;} .page70 .tel{ font-size:23px; font-weight:700; margin-bottom:10px;} .post-slider{ position:relative;} .post-slider .post-wrapper{width:100%;margin:0px auto;} .post-slider .post-wrapper .post{ width:100%; display:inline-block;} .post-slider .post-wrapper .post img{ width:100%;} .post-slider .slick-arrow{ position:absolute; top:calc(50% - 50px);transform: translateY(-50%); font-size:0;display:flex; align-items: center; justify-content: center;background:rgb(255,255,255,0.6); width:50px; height:50px; border-radius:50%; z-index:1; border:none; cursor:pointer;} .post-slider .slick-next{ left:20px; } .post-slider .slick-prev{ right:20px;} .post-slider .slick-next:before, .post-slider .slick-prev:before{font-family:xeicon; font-size:25px; } .post-slider .slick-next:before{content:"\e93b"} .post-slider .slick-prev:before{ content:"\e93e"} .page56 .post-slider{ margin:0 100px;} .page56 p{ text-align:center; margin-top:20px; font-size:30px; font-weight:600;} .page71 .inner{ padding:50px 0;} .page71 .mobile{ display:none;} @media only screen and (max-width:1920px) { .page56 p{font-size:25px; } } @media only screen and (max-width:1400px) { .inner{ width:100%; padding:0;} } @media only screen and (max-width:900px) { .s02_con .contBox .tabCont { width:100%; padding-top:0px; } } @media only screen and (max-width:1200px) { .page8 { text-align:left;} .page8 .s02 .s02Wrap{ min-width:100%;} .page8 .s01 img, .page8 .s03 img{ width:100%;} .page9 .s02{ background:none;} .page9 .s02 li{ width:29%; vertical-align:top;} .page9 .s02 li img{ width:100%;} .page9 .s04 { padding-bottom:30px;} .page9 .s04 .imgBox1, .page9 .s04 .imgBox2{ position:relative; top:0; text-align:center;} .page9 .s04 .imgBox1 img, .page9 .s04 .imgBox2 img{ width:50%;} .page9 .s04 .cTxt{ padding:0;} .page9 .s04 .sTit{ padding-top:20px;} .page9 .s04 .imgBox2{ padding:20px 0;} .page13 img{ width:100%;} #btn-s02-tab{ width:100%;} #btn-s02-tab li{ width:33.5%;} .thumbWrap{ width:100%;} .thumbWrap .grap{ width:38%; margin-right:2%;} .thumbWrap .grap img{ width:100%;} .page12, .page13{ width:100%;} .page12 img{ width:100%;} .noticeBox img{ width:100%;} .page61 img{ width:100%;} .page10 .tab_list li { width: calc(100% / 5);} .page10 .tab_list li:nth-child(6n) {border-right:none;} .page10 .tab_list li:nth-child(32){ border-bottom:none;} .page10 .tab_list li:nth-child(5n) {border-right: 1px solid #eaeaea;} .thumbWrap figcaption{ margin-left:20px;} } @media only screen and (max-width:900px) { .thumbWrap .grap{ width:100%; margin-right:0; padding-bottom:20px;} } @media only screen and (max-width:768px) { .page8 .s02{ height:400px;} .page8 .s02 .s02Wrap{ height:400px;} .page8 .s02 .s02Wrap .cTxt1{ font-size:30px; padding-top:100px;} .page8 .s02 .s02Wrap .cTxt2{ font-size:40px;} .page9 .s04{ padding-top:30px;} .page9 .s04 .sTit{ font-size:30px;} .page9 .s04 .imgBox1 img, .page9 .s04 .imgBox2 img{ width:100%;} .page9 .s03 br{ display:none;} .page9 .s04 br{ display:none;} .page9 .s05{ padding:50px 20px;} .page9 .s05 .cTxt{ font-size:23px;} .page9 .s06{ padding:50px 40px;} .page9 .s06 p{ font-size:20px; padding:30px 20px;} .page11 .s01{ height:350px;} .page11 .s02 .subTxt2{ text-align:left} .page11 .s02 .subTxt2 br{ display:block} .page11 .s02 .locationWrap{ padding-left:0;} .page11 .s02 .titTy2{ position:relative; top:0; width:100%; text-align:left; height:40px; line-height:40px; padding-left:50px; margin-bottom:20px;} .page11 .s02 .titTy2 br{ display:none;} .page11 .s02 .titTy2 .i-bus, .page11 .s02 .titTy2 .i-car{ position:absolute; left:0; top:0; width:40px; height:40px; background-size:cover; margin:0;} .page11 .s02 .locationWrap dl.tb-1 > dd { padding:18px 0 16px 15px; } .page11 .s02 .locationWrap .tb-2 .point{ width:2%;} .page11 .s02 .locationWrap .tb-2 .txtBox{width:calc(100% - 2%); } .page13 dl dt{ font-size:20px;} .page13 dl dd{ padding-left:130px;} HOME dl dt{ position:relative; width:100%;} HOME dl dd{ width:100%; margin:0; border:0; font-size:15px; line-height:25px;} .page61 dl dt{ position:relative; width:100%;} .page61 dl dd{ width:100%; margin:0; border:0; font-size:15px; line-height:25px;} .page61 dl dd iframe{ width:100%} .page69 ul li{ width:100%;} .page70 .nTxt{ display:block;} .page70 dl{ display:block;} .page70 dl dt{ margin-bottom:7px; font-size:20px;} .page70 .inner{ width:100%;} .rTable th, td{ padding:5px;} .page10 .tab_list li { width: calc(100% / 3);} .page10 .tab_list li:nth-child(5n) {border-right:none;} .page10 .tab_list li:nth-child(3n) {border-right: 1px solid #eaeaea;} .page10 .tab_list li:last-child { border-top:none;} .page10 .tab_list li:nth-child(36){ border-top:none;} .page71 .inner{ padding:0 0 50px 0;} .page71 .mobile{ display:block; background:#dfe9aa; margin-bottom:50px;} .page71 .mobile img{ width:100%;} .page71 .mobile p{ padding:10px 0; text-align:center; background:#0e4105; color:#fff; } .page71 .mobile p span{ font-weight:600;} } @media only screen and (max-width:640px) { .page8 .s01 .sTit span{ font-size:20px;} .page8 .s02 .s02Wrap .cTxt1{ font-size:20px;} .page8 .s02 .s02Wrap .cTxt2{ font-size:30px;} .page9 .s02 li{ width:100%; margin:0;} .page9 .s02 .cTxt{ text-align:left;} .page9 .s03 p{ text-align:left;} .page9 .s04 .sTit{ font-size:25px;} .page9 .s05 .cTxt{ font-size:17px;} .page9 .s06 p{ font-size:17px;} .page9 .s06 p br{ display:none;} .page11 .s01{ height:300px;} .page11 .s02 .subTxt2{ font-size:14px;} .page11 .s02 .subTxt2 strong{ margin-left:15px;} .page11 .s02 .locationWrap .tb-2 .point{ width:2.5%;} .page11 .s02 .locationWrap .tb-2 .txtBox{width:calc(100% - 2.5%); } .page13 dl dt{ position:relative; top:0; left:0; width:100%; padding-bottom:10px;} .page13 dl dd{ padding-left:0px;} HOME .map61 { width:100%;} #btn-s02-tab li{ width:50%;} .page10 .tab_list li { width: calc(100% / 2);} .page10 .tab_list li:nth-child(3n) { border-right:none;} .page10 .tab_list li:nth-child(2n) {border-right: 1px solid #eaeaea;} .page10 .tab_list li:nth-child(35){ border-top:none;} .page10 .tab_list li a{ padding:7px 0;} .thumbWrap{ display:block;} .thumbWrap figcaption{ margin:20px 0 0 0;} .page69 .add{ font-size:20px; } }