@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css'); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /*@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); */ @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"); body,div,td,th,p,textarea { margin:0; padding:0; font:12px/160% "Nanum Gothic","NanumGothic","Georgia", Dotum,'돋움',sans-serif; color:#594F40; } ul, ol, li ,dl , dt , dd { list-style:none; margin:0; padding:0; } h1, h2, h3, h4, h5, h6, h7 ,form { font-size:100%; font-weight:normal; margin:0; padding:0 } em { font-style:normal; } /*caption { font-size:0px; height:0px; overflow:hidden; line-height:0px; } */ table { padding:0; border-spacing:0px; border:0; border-collapse:collapse; empty-cells:show } fieldset { margin:0; padding:0; border:none; } legend { position:absolute; left:-9999%; } img, fieldset { border:none; vertical-align:top } a { text-decoration:none; color:#555 } label:focus { outline: 1px dotted #0066FF; *border: 1px dotted #0066FF; } .radio.focus { outline: 1px dotted #0066FF; *border: 1px dotted #0066FF; } .gm ul li a:focus { outline: 1px dotted #0066FF; *border: 1px dotted #0066FF; } input,textarea,select,button { border:1px solid #D8C3C2; color:#594F40; font-family:"Nanum Gothic","NanumGothic","Georgia",Dotum,AppleGothic,sans-serif; font-size:12px } input,select { vertical-align:middle; margin:0; padding:0; } #wrap { width:100%; min-width:1200px; margin:0 auto; } #wrap #header { width:100%; height:185px; position:relative; min-width:1200px; z-index:10; background:url(/base/img/feelstory/images/common/header_bg.png) repeat-x; background-position:0 13px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .mt70 { margin-top: 70px; } .mt80 { margin-top: 80px; } .mt90 { margin-top: 90px; } .mt100 { margin-top: 100px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .mb60 { margin-bottom: 60px; } .mb70 { margin-bottom: 70px; } .mb80 { margin-bottom: 80px; } .mb90 { margin-bottom: 90px; } .mb100 { margin-bottom: 100px; } /* 상단 로그인 부분 */ #wrap #header #top { height:24px; } #wrap #header #top .top { width:1200px; margin:0 auto; } #wrap #header #top .top ul { float:right; } #wrap #header #top .top ul li { float:left; line-height:32px; padding:0 5px; font-size:10px; } #wrap #header #top .top ul li a { color:#686868; } /* 메뉴 */ #Gnb { position:relative; width:100%; height:160px; } #Gnb .sGnb { position:relative; left:50%; width:1200px; margin-left:-600px/*width절반*/; } #Gnb .sGnb h1 { width:314px; margin:0 auto; } #Gnb .sGnb .sGnb_m { line-height:148px; text-align:center; height:49px; margin-top:12px; } #Gnb .sGnb .sGnb_m li { float:left; width:133.33px; background:url('/base/img/feelstory/images/common/gnb.png') no-repeat; text-indent:-9999px; height:49px; } #Gnb .sGnb .sGnb_m li.s1 { background-position:0px 0px; } #Gnb .sGnb .sGnb_m li.s2 { background-position:-133px 0px; } #Gnb .sGnb .sGnb_m li.s3 { background-position:-265px 0px; } #Gnb .sGnb .sGnb_m li.s4 { background-position:-397px 0px; } #Gnb .sGnb .sGnb_m li.s5 { background-position:-529px 0px; } #Gnb .sGnb .sGnb_m li.s6 { background-position:-661px 0px; } #Gnb .sGnb .sGnb_m li.s7 { background-position:-793px 0px; } #Gnb .sGnb .sGnb_m li.s8 { background-position:-926px 0px; } #Gnb .sGnb .sGnb_m li.s9 { background-position:-1067px 0px; } #Gnb .sGnb .sGnb_m li a { display:block; width:100%; height:100%; } #Gnb .sGnb .sGnb_m li.sGnb_select { } #Gnb .sGnb_mask { display:none; position:absolute/*relative 본문을 밀어냄*/; width:100%; background:url('/base/img/feelstory/images/common/sm_bg.png'); overflow:hidden; top:161px; height:377px; } #Gnb .sGnb_mask .sGnb_subSet { position:relative; left:50%; width:1200px; margin-left:-600px/*width절반*/; } #Gnb .sGnb_mask .sGnb_subSet ul { float:left; width:133.3333px; text-align:center; max-height:418px/*서브높이필수*/; } #Gnb .sGnb_mask .sGnb_subSet ul:first-child { } /*비표준인경우 클래스로적용*/ #Gnb .sGnb_mask .sGnb_subSet ul li { height:29px; line-height:29px; } #Gnb .sGnb_mask .sGnb_subSet ul li a { display:block; color:#444; } #Gnb .sGnb_mask .sGnb_subSet ul li a:hover { background:#7f5b97; font-weight:bold; letter-spacing:-1px; color:#fff; } .gs .sGnb_mask .sGnb_subSet ul li a:hover { background:#fdd000 !important; } /* 인트로 */ .intro_cont { display: flex; min-width: 1200px; } .intro_cont .intro_box { display: block; } .intro_cont .intro_box img { display: block; max-width: 951px; } /* 메인 */ #main { position:relative; width:100%; min-width:1200px; } #main .sl_bg1 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img1.jpg') center; background-size: inherit; } #main .sl_bg2 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img2.jpg') center; } #main .sl_bg3 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img3.jpg') center; } #main .sl_bg4 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img4.jpg') center; } #main .sl_bg5 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img5.jpg') center; } #main .sl_bg6 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img6.jpg') center; } #main .sl_bg7 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img7.jpg') center; } #main .sl_bg8 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img8.jpg') center; } #main .sl_bg9 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img9.jpg') center; } #main .sl_bg10 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img10.jpg') center; } #main .sl_bg11 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img11.jpg') center; } #main .sl_bg12 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img12.jpg') center; } #main .sl_bg13 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img13.jpg') center; } #main .sl_bg15 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img11.png') center; } #main .sl_bg16 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img12.png') center; } #main .sl_bg14 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img29.jpg') center; } #main .sl_bg17 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img13.png') center; } #main .sl_bg18 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img18.jpg') center; } #main .sl_bg19 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img19.jpg') center; } #main .sl_bg20 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img20.jpg') center; } #main .sl_bg21 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img21.jpg') center; } #main .sl_bg22 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img22.jpg') center; } #main .sl_bg23 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img23.jpg') center; } #main .sl_bg24 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img24.jpg') center; } #main .sl_bg30 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img30.jpg') center; } #main .sl_bg31 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img31.jpg') center; } #main .sl_bg32 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img32.jpg') center; } #main .sl_bg33 { width:100%; min-width:1200px; height:620px; background:url('/base/img/feelstory/images/main/main_img33.jpg') center; } #main .sl_bg1 .main_img,#main .sl_bg2 .main_img,#main .sl_bg3 .main_img,#main .sl_bg4 .main_img,#main .sl_bg5 .main_img,#main .sl_bg6 .main_img,#main .sl_bg7 .main_img,#main .sl_bg8 .main_img,#main .sl_bg9 .main_img,#main .sl_bg10 .main_img,#main .sl_bg11 .main_img,#main .sl_bg12 .main_img,#main .sl_bg13 .main_img { width:1200px; height:620px; margin:0 auto; } #main .flex-control-thumbs li { width:12.4% !important; } #main .flex-control-nav { bottom:41px !important; } #main #section { width:1200px; margin:0 auto; background:url('/base/img/feelstory/images/main/line.png') top no-repeat; } #main #section .event { padding-top:60px; height:325px; } #main #section .event ul li { float:left; margin-right:17px; } #main #section .event ul li:last-child { margin:0 !important; } #main #section #article { margin-top:52px; margin-bottom:45px; height:685px; } #main #section #article a { display:block; height:100%; text-indent:-9999px; } #main #section #article .article-1 { float:left; width:398px; height:633px; margin-right:6px; } #main #section #article .article-1 .a1 { background:url(/base/img/feelstory/images/main/a1-1.png); width:398px; height:421px; margin-bottom:3px; } #main #section #article .article-1 .a2 { background:url(/base/img/feelstory/images/main/a/a1-2.png); width:398px; height:209px; } #main #section #article .article-2 { float:left; width:395px; height:633px; } #main #section #article .article-2 .a1 { background:url(/base/img/feelstory/images/main/a/a2-1.png); width:395px; height:209px; margin-bottom:3px; } #main #section #article .article-2 .a2 { background:url(/base/img/feelstory/images/main/a/a3-4.png) no-repeat; width:395px; height:421px; background-size: cover; } /* #main #section #article .article-2 .a3 { background:url(/base/img/feelstory/images/main/a/a2-3.png); width:395px; height:209px; } */ #main #section #article .article-3 { float:left; width:395px; height:633px; margin-right:6px; } #main #section #article .article-3 .a1 { background:url(/base/img/feelstory/images/main/a/a3-1.png); width:395px; height:209px; margin-bottom:3px; } #main #section #article .article-3 .a2 { background:url(/base/img/feelstory/images/main/a/a3-2.png); width:395px; height:209px; margin-bottom:3px; } #main #section #article .article-3 .a3 { background:url(/base/img/feelstory/images/main/a/a3-3.png); width:395px; height:209px; } /* 레이저 슬라이드 */ #main #laser-sl { width:1198px; height: 278px; position: relative; margin:40px auto 0 auto; border:1px solid #cfcdcd; clear: both; } #main #laser-sl .laser-tit { float:left; width:254px; } #main #laser-sl #slide { width: 944px; position: absolute; right: 0; overflow: hidden; height: 278px; } #main #laser-sl #slide span { position: absolute; display: block; width: 44px; height: 44px; opacity: 0.4; filter: alpha(opacity=40); cursor: pointer; transition: 0.3s; } #main #laser-sl #slide span:hover { opacity: 1; filter: alpha(opacity=100); } #main #laser-sl .lt-control { left: 10px; top: 120px; } #main #laser-sl .rt-control { right: 10px; top: 120px; } #main #laser-sl .gallery { list-style: none; width: 944px; height: 500px; overflow: hidden; position: absolute; top: 0; left: 0; } #main #laser-sl .gallery li { float: left; } #main #laser-sl .gallery li img { display: block; border: none; } #main #laser-sl .btn { height: 34px; margin: 245px 0 0 0; text-align: center; display: flex; } #main #laser-sl .btn p { flex: 1; height: 34px; line-height:34px; background: #a88dac; float: left; cursor: pointer; transition: 0.3s; opacity: 0.6; font-size:14px; color:#fff; } #main #laser-sl .btn p:last-child { width:136px !important; } #main #laser-sl .btn p:nth-child(5), #main #laser-sl .btn p:nth-child(8) { width:80px; } #main #laser-sl .btn p.btn-current { opacity: 1; background:#7a5a7f; } /* 메인 추출 게시판 */ #main #section #bbs ul.bbs { height:157px; border:1px solid #e5e5e5; float:left; width:912px; border-right:none; } #main #section #bbs ul.bbs li { width:303px; float:left; border-right:1px solid #e5e5e5; height:135px; margin:10px 0; } #main #section #bbs ul.bbs li p { width:270px; padding:0 16px 5px 17px; font-size:16px; font-family:'Malgun Gothic'; letter-spacing:-2px; font-weight:bold; } #main #section #bbs ul.bbs li p span { float:right; font-size:24px; font-weight:100; } #main #section #bbs ul.bbs li div.b { width:270px; margin:0 auto; } .board_output_1_tr, .board_output_2_tr, .board_output_3_tr { height:21px; line-height:21px; } #footer { margin-top:52px; width:100%; } #footer .customer { width:100%; height:179px; background:url(/base/img/feelstory/images/common/customer.png) no-repeat center #efefef; } #footer .customer_gs { width:100%; height:179px; background:url(/base/img/feelstory/images/common/customer_gs.png) no-repeat center #efefef; } #footer .copyright { width:1200px; margin:0 auto; } #footer .copyright ul { height:47px; line-height:47px; border-bottom:1px solid #e5e5e5; } #footer .copyright ul li { float:left; margin-right:5px; } #footer .copyright p.copy-txt { padding:16px 0; } /* -------------------------------------------------------------------------------------------------- 서브 css --------------------------------------------------------------------------------------------------*/ #sub { position:relative; width:100%; } .jbFixed { position: fixed; top: 0px; left:50%; margin-left:-600px !important; z-index:100; } #sub-content .sub-tit { width:1200px; margin:0 auto; text-align:center; padding:32px 0 46px 0; } #sub-content #sub-menu { width:1200px; height:50px; box-sizing:border-box; margin:0 auto; } #sub-content #sub-menu.h-double { height:105px; } #sub-content #sub-menu ul.m1 li { float:left; width:100%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub-menu ul.m2 li { float:left; width:50%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub-menu ul.m3 li { float:left; width:33.33%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub-menu ul.m4 li { float:left; width:25%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub-menu ul.m5 li { float:left; width:20%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub-menu ul.m6 li { float:left; width:16.666%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub-menu ul.m7 li { float:left; width:14.285%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub-menu ul.m8 li { float:left; width:12.5%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub-menu ul.m9 li { float:left; width:11.1%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub-menu ul.m10 li { float:left; width:10%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub-menu ul.m11 li { float:left; width:8.3%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } /*#sub-content #sub-menu ul.m12 li { float:left; width:8.3%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } */ #sub-content #sub-menu ul.m13 li { float:left; width:92.3px; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } .sub7wrap { margin:40px auto; } #sub-content #sub7-menu { width:1200px; height:auto; box-sizing:border-box; line-height:48px; text-align:center; } #sub-content #sub7-menu ul.m9 li { float:left; width:11.11111%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub7-menu ul.m9 li:last-child { border-right:0 !important; } #sub-content #sub7-menu ul.m9 li a { display:block; } #sub-content #sub7-menu ul.m6 li { box-sizing:border-box; background:#fff; } #sub-content #sub7-menu ul.m6 li a { display:block; height: 50px; } #sub-content #sub7-menu ul.m5 li { float:left; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub7-menu ul.m5 li:last-child { border-right:0 !important; } #sub-content #sub7-menu ul.m5 li a { display:block; } #sub-content #sub7-menu ul li a:hover, #sub-content #sub7-menu ul li a.on { height:50px; color:#fff; background:#864c87; } #sub-content #sub7-menu > ul { display: flex; height: 50%; box-sizing: border-box; } #sub-content #sub7-menu > ul.w25 > li { flex:1 0 25% !important; } #sub-content #sub7-menu > ul.w20 > li { flex:1 0 20% !important; } #sub-content #sub7-menu ul { display: flex; flex-wrap: wrap; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } #sub-content #sub7-menu ul li { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; } #sub-content #sub7-menu ul li.last { border-right: 1px solid #ddd; } .sub8wrap { margin:40px auto; } #sub-content #sub8-menu ul li a { display:block; } #sub-content .sub701 ul { max-width: 1200px; display: flex; justify-content: space-between; margin: 0 auto; } #sub-content .sub701 ul a { display: block; } #sub-content #sub8-menu { width:1200px; height:100px; box-sizing:border-box; line-height:48px; border:1px solid #dadada; text-align:center; } #sub-content #sub8-menu ul.m9 li { float:left; width:11.11111%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub8-menu ul.m9 li:last-child { border-right:0 !important; } #sub-content #sub8-menu ul.m7 li { float:left; width:14.285%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub8-menu ul.m7 li:last-child { border-right:0 !important; } #sub-content #sub8-menu ul.m6 li { float:left; width:16.6666%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub8-menu ul.m6 li:last-child { border-right:0 !important; } #sub-content #sub8-menu ul.m5 li { float:left; width:20%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub8-menu ul.m5 li:last-child { border-right:0 !important; } #sub-content #sub8-menu ul li a:hover, #sub-content #sub8-menu ul li a.on { height:50px; color:#fff; background:#fdd000; } #sub-content #sub8-menu > ul { display: flex; height: 50%; } #sub-content #sub8-menu ul.second { border-top:1px solid #dadada; border-bottom:1px solid #dadada; } #sub-content #sub8-menu > ul > li { flex:1 !important; } #sub-content #sub-menu ul li:first-child { border-left:1px solid #dadada; } #sub-content #sub-menu ul li a { display:block; height:50px; line-height:50px; font-size:13px; color:#6e6e6e; font-weight:bold; text-align:center; background: #fff; } #sub-content #sub-menu ul li a:hover, #sub-content #sub-menu ul li a.on { height:50px; color:#fff; background:#a38ac5; } #sub-content .gs ul li a:hover, #sub-content .gs ul li a.on { height:50px; color:#fff; background:#fdd000 !important; } #sub-content #sub-menu ul { display: flex; } #sub-content #sub-menu ul li { flex:1 !important; } #sub-content.sub3_con .inner-tit { margin-top: 130px; } /* .inner-content11.mt70 { margin-top: 110px; } */ #sub-content #sub-menu ul li:not(:last-of-type) { border-right: 1px solid #dadada; } #sub-content #sub-menu ul { border-top:1px solid #dadada; border-right: 1px solid #dadada;; } #sub-content #sub-menu ul:last-of-type { border-bottom:1px solid #dadada; } /* #sub-content .inner-tit { margin-top:-25px; } */ #sub-content .inner-tit.title1 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub1/sub1-1_img1.jpg') center no-repeat #f0f0f0; } #sub-content .inner-tit.title1-1 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub1/sub1-1_img1-1.jpg') center no-repeat #f0f0f0; } #sub-content .inner-tit.title1-2 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub1/sub1-1_img1-2.jpg') center no-repeat #f0f0f0; } #sub-content .inner-tit.title1-5 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub1/sub1-24_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title1-20 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub1/sub1-20_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title1-21 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub1/sub1-21_img1.png') center no-repeat #f0f0f0; } #sub-content .inner-tit.title1-22 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub1/sub1-22_img1.png') center no-repeat #fafafa; } #sub-content .inner-tit.title1-23 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub1/sub1-23_img1.png') center no-repeat #fbfbfb; } #sub-content .inner-tit.title2 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub2/sub2-1_img1.jpg') center no-repeat #f0f0f0; } #sub-content .inner-tit.title2-1 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub2/sub2-8_img1.jpg') center no-repeat #f0f0f0; margin-top: 70px; } #sub-content .inner-tit.title3-1 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-1_img1.jpg') center no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-2 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-2_img1.jpg') center no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-3 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-3_img1.jpg') center no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-4 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-5_img1.jpg') center no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-5 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-6_img1.jpg') center no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-6 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-7_img1.jpg') center no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-7 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-8_img1.jpg') bottom no-repeat #ecf5ff; padding-top:40px; } #sub-content .inner-tit.title3-9 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-9_img1.jpg') bottom no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-10 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-10_img1.jpg') bottom no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-11 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-11_img1.jpg') bottom no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-12 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-12_img1.jpg') bottom no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-13 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-13_img1.jpg') bottom no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-14 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-14_img1.jpg') bottom no-repeat #ecf5ff; } #sub-content .inner-tit.title3-15 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-15_img1.jpg') bottom no-repeat #ecf5ff; } #sub-content .inner-tit.title3-16 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-16_img1.jpg') bottom no-repeat #ecf5ff; } #sub-content .inner-tit.title3-17 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-17_img1.jpg') bottom no-repeat #ecf5ff; } #sub-content .inner-tit.title3-18 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-18_img1.jpg') bottom no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-19 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-19_img1.jpg') bottom no-repeat #ecf5ff; margin-top: 70px; } #sub-content .inner-tit.title3-21 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-21_img1.jpg') bottom no-repeat #ecf5ff; } #sub-content .inner-tit.title3-22 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-22_img1.jpg') bottom no-repeat #ecf5ff; } #sub-content .inner-tit.title3-23 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub3/sub3-23_img1.jpg') bottom no-repeat #ecf5ff; } #sub-content .inner-tit.title4-1 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub4/sub4-1_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title4-2 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub4/sub4-2_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title4-3 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub4/sub4-3_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title4-4 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub4/sub4-4_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title4-5 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub4/sub4-5_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title4-6 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub4/sub4-6_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title4-7 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub4/sub4-7_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title4-8 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub4/sub4-8_img1.png') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-1 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-1_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-2 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-2_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-3 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-3_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-4 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-4_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-5 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-5_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-6 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-6_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-7 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-7_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-8 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-8_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-9 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-9_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-10 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-10_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-11 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-11_img1.jpg') center no-repeat #f8fbde; } /* #sub-content .inner-tit.title5-12 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-12_img1.jpg') center no-repeat #f8fbde; } */ #sub-content .inner-tit.title5-12 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-12_img1_2.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-13 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-13_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-14 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-14_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-15 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-15_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-16 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-16_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-17 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-17_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-18 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-18_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title5-19 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub5/sub5-19_img1.jpg') center no-repeat #f8fbde; } #sub-content .inner-tit.title6-1 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-1_img1.jpg') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-2 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-2_img1.jpg') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-3 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-3_img1.jpg') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-4 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-4_img1.jpg') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-5 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-5_img1.jpg') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-6 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-6_img1.jpg') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-7 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-7_img1.jpg') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-8 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-8_img1.jpg') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-9 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-9_img1.jpg') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-10 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-10_img1.png') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-11 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-11_img1.jpg') center no-repeat #ecf5ff; } #sub-content .inner-tit.title6-12 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub6/sub6-12_img1.jpg') center no-repeat #ecf5ff; } #sub-content .title6-12-1 { width:100%; height:657px; background:url('/base/img/feelstory/images/sub/sub6/sub6-12_img2.jpg') no-repeat center/cover } #sub-content .inner-tit.title7-1 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub7/sub7-1_img1.jpg') center no-repeat; background-size: cover; } #sub-content .inner-tit.title7-2 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub7/sub7-2_img1.jpg') center no-repeat; background-size: cover; } #sub-content .inner-tit.title7-3 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub7/sub7-3_img1.jpg') center no-repeat; background-size: cover; } #sub-content .inner-tit.title7-4 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub7/sub7-4_img1.jpg') center no-repeat; background-size: cover; } #sub-content .inner-tit.title7-5 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub7/sub7-5_img1.jpg') center no-repeat; background-size: cover; } #sub-content .inner-tit.title7-6 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub7/sub7-6_img1.jpg') center no-repeat; background-size: cover; } #sub-content .inner-tit.title7-7 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub7/sub7-7_img1.jpg') center no-repeat; background-size: cover; } #sub-content .inner-tit.title7-8 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub7/sub7-8_img1.jpg') center no-repeat; background-size: cover; } #sub-content .inner-tit.title8-1 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub8/sub8-1_img1.jpg') center no-repeat; background-size: cover; } #sub-content .inner-tit.title8-2 { width:100%; height:420px; background:url('/base/img/feelstory/images/sub/sub8/sub8-2_img1.jpg') center no-repeat; background-size: cover; } #sub-content .inner-content01 .img1 { width:1200px; margin:0 auto; } #sub-content .inner-content01 .img2 { width:100%; text-align:center; background:url(/base/img/feelstory/images/sub/sub1/sub1-1_img3bg.jpg) no-repeat center; } #sub-content .inner-content01 .img3 { width:1200px; margin:0 auto; } #sub-content .inner-content02 .img1 { width:100%; text-align:center; } #sub-content .inner-content02 .img2 { width:100%; text-align:center; background:#fcf4ec; } #sub-content .inner-content02 .img3, #sub-content .inner-content02 .img5 , #sub-content .inner-content02 .img7 , #sub-content .inner-content02 .img9 { width:100%; text-align:center; background:#fff; } #sub-content .inner-content02 .img4 { width:100%; text-align:center; background:#f0f0f2; } #sub-content .inner-content02 .img6 { width:100%; text-align:center; background:#fdf7f1; } #sub-content .inner-content02 .img8 { width:100%; text-align:center; background:#f9f9fa; } #sub-content .inner-content02 .img10 { width:100%; text-align:center; background:#fdf8f4; } #sub-content .inner-content03 .img1 { width:100%; text-align:center; } #sub-content .inner-content04 .img1 { width:100%; text-align:center; } #sub-content .inner-content05 .img1, #sub-content .inner-content05 .img3 { width:100%; text-align:center; } #sub-content .inner-content05 .img2 { width:100%; text-align:center; background:#f0f0f0 } #sub-content .inner-content06 .img1, #sub-content .inner-content06 .img3 { width:100%; text-align:center; } #sub-content .inner-content06 .img2 { width:100%; text-align:center; } #sub-content .inner-content07 .img1 { width:100%; text-align:center; } #sub-content .inner-content07 .img2 { width:100%; text-align:center; background:#f4f3f5 } #sub-content .inner-content08 .img1 { width:100%; text-align:center; } #sub-content .inner-content08 .img2 { width:100%; text-align:center; background:#f4f3f5 } #sub-content .inner-content09 .img1 { width:100%; text-align:center; } #sub-content .inner-content09 .img2 { width:100%; text-align:center; background:#f4f3f5 } #sub-content .inner-content09 .img3 { width:100%; text-align:center; background:#f5f2fa } #sub-content .inner-content10 .img1 { width:100%; text-align:center; } #sub-content .inner-content10 .img2 { width:100%; text-align:center; background:#e7ecf5 } #sub-content .inner-content10 .img3 { width:100%; text-align:center; background:url(/base/img/feelstory/images/sub/sub6/sub6-1_img6bg.jpg) no-repeat center; } #sub-content .inner-content10 .img4 { width:100%; text-align:center; background:#f2f6fa } #sub-content .inner-content11 .img1 { width:100%; text-align:center; } #sub-content .inner-content11 .img2 { width:100%; text-align:center; background:#f7f3dd } #sub-content .inner-content11 .img3 { width:100%; text-align:center; background:#f1f5e7 } #sub-content .inner-content11 .img4 { width:1082px; margin:0 auto; } #sub-content .inner-content20 .img1 { width:100%; text-align:center; } #sub-content .inner-content20 .img2 { width:100%; text-align:center; background:url(/base/img/feelstory/images/sub/sub7/sub7-2_img3bg.jpg) no-repeat center; } #sub-content .inner-content20 .img3 { width:100%; text-align:center; background:url(/base/img/feelstory/images/sub/sub8/sub8-2_img3bg.jpg) no-repeat center; } #sub-content .inner-content21 { width:960px; margin:0 auto; padding:80px 0; } .gotop { position:fixed; bottom:20px; right:20px; z-index:100; background:url(/base/img/feelstory/images/common/gotop.png) no-repeat; width:36px; height:36px; text-indent:999999px; } /* 서브 갤러리 */ .slidePhotoBox { width:1200px; margin:0 auto; } .slidePhotoBox .ad-gallery { width:975px; overflow:hidden; zoom:1; position:relative; } .slidePhotoBox .ad-gallery .ad-image-wrapper { width:975px; height:650px; margin-bottom:5px; overflow:visible; z-index:10; zoom:1; } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image { } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image img { display:block; width:975px; height:650px } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-prev { top:300px; left:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url(/base/img/feelstory/images/slidePrev.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden; } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-prev:hover { background-position:0 -100px } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-next { top:300px; right:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url(/base/img/feelstory/images/slideNext.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden; } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-next:hover { background-position:0 -100px } .slidePhotoBox .ad-gallery .ad-nav { width:975px; overflow:hidden; height:72px; } .slidePhotoBox .ad-gallery .ad-nav .ad-thumbs { width:975px; zoom:1; } .slidePhotoBox .ad-gallery .ad-thumbs li { margin-right:1px; background:#000; position:relative; } .slidePhotoBox .ad-gallery .ad-thumbs li .mask { width:110px; height:62px; border:#d4bf99 solid 5px; display:none; position:absolute; left:0px; top:0px; } .slidePhotoBox .ad-gallery .ad-thumbs li a:hover .mask, .slidePhotoBox .ad-gallery .ad-thumbs li a.ad-active .mask { display:block; } .slidePhotoBox .ad-gallery .ad-thumbs li a.ad-active img { border:none; } .slidePhotoBox .ad-gallery .ad-thumbs li a img { border:none; width:120px; } .slidePhotoBox .ad-gallery .ad-controls { display:none; } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { height:100px; padding:0px; color:#FFF; bottom:0px !important; } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .mask { width:975px; height:101px; display:block; position:absolute; left:0px; top:0; background:#000; opacity:0.7; filter: alpha(opacity = 70); } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .btnFullScreen { position:absolute; right:22px; top:22px; padding:0 0 0 17px; z-index:1; display:block; color:#FFF; font-size:11px; } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { position:relative; z-index:1; padding:20px 0 0 25px; } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .desc { position:relative; z-index:1; padding:2px 0 0 25px; display:block; color:#FFF; } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .desc p { color:#FFF; } .slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { display:none; } .slidePhotoBox .ad-gallery .ad-forward { display:none; top:0px; right:0px; margin: 0 0 0 0px; position: absolute; z-index:10; width:60px; height:94px !important; background:url('/base/img/feelstory/images/slidePrev.png') no-repeat 0px 0px; text-indent:-9999%; overflow:hidden; } .slidePhotoBox .ad-gallery .ad-forward:hover { background-position:0 -100px } .slidePhotoBox .ad-gallery .ad-back { display:none; top:0px; left:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url('/base/img/feelstory/images/slideNext.png') no-repeat 0px 0px; text-indent:-9999%; overflow:hidden; } .slidePhotoBox .ad-gallery .ad-back:hover { background-position:0 -100px } /***** tab *****/ .img4 .tab { width:100%; height:40px; line-height:40px; box-sizing:border-box; } .img4 .tab li { display:inline-block; border:1px solid #ccc; float:left; width:160px; margin-right:5px; text-align:center; font-family:"NanumGothic", sans-serif; box-sizing:border-box; font-size:14px; color:#4d4d4d; letter-spacing:-1px; } .img4 .tab li:first-child { } .port_back { color:#47342c !important; font-weight:600; background:#f8fbde; height:42px; } #tab_menu1,#tab_menu2,#tab_menu3 { cursor:pointer; } .tab_sub2,.tab_sub3 { display:none; } .tab_list { border:1px solid #ccc; margin-top:4px; } /*퀵메뉴*/ #quick_menu { background: #b18ab9; position : absolute; right:10px; z-index:100; } #quick_menu ul li+li { border-top: 1px solid #fff; } #quick_menu ul li a { display: flex; justify-content: center; flex-direction: column; text-align: center; width: 100px; height: 100px; } #quick_menu ul li a p img{scale: .9;} #quick_menu ul li a span { margin-top: 7px; display: block; color: #fff; font-weight: 500; font-size: 15px; font-family: 'Pretendard',sans-serif; } /* 퀵메뉴 군산 */ #quick_menu_gs { position:absolute; top:102px; right:210px; width:100px; z-index:100; text-align:center; background:url('/base/img/feelstory/images/common/quick_gs.png'); height:423px; } #quick_menu_gs ul li a, #quick_menu_gs ul li { height:107px; line-height:107px; display:block; text-indent:-999999px; } #quick_menu_gs .top { margin-top:15px; text-align:center } /* #quick_menu_gs { width:129px; position:absolute; top:102px; right:0; z-index:9999; } */ #quick_menu_gs .top img { display:inline; } .article { width:1200px; margin:0 auto; overflow:hidden; } .article ul li .img img { max-width:100%; max-height:100%; } .article ul li .txt { padding:15px 10px; height:140px; font-size:13px; line-height:200%; background:#f3f3f3 } .article ul li .name { margin-bottom:10px; font-size:16px; letter-spacing:-1px; } .article ul li .name b { margin-right:10px; font-size:18px; } .article ul li .dot { padding-left:10px; margin-left:5px; margin-top:5px; background:url('/base/img/feelstory/images/sub/sub7/dot.jpg') no-repeat left; background-position:0 6px; } .article ul li .dot b { } .article ul li .dot b:after { content:":"; margin:0 5px; }