@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /*@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.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_img10.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_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; border:1px solid #dadada; 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 { float:left; width:16.6666%; border-right:1px solid #dadada; box-sizing:border-box; background:#fff; } #sub-content #sub7-menu ul.m6 li:last-child { border-right:0 !important; } #sub-content #sub7-menu ul.m6 li a { display:block; height: 50px;} #sub-content #sub7-menu ul.m5 li { float:left; width:20%; 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.second, #sub-content #sub7-menu ul.third, #sub-content #sub7-menu ul.fourth, #sub-content #sub7-menu ul.fifth {border-top:1px solid #dadada; box-sizing: border-box;} #sub-content #sub7-menu > ul > li{flex:1 !important;} .sub8wrap {margin:40px auto;} #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.m9 li a { display:block; } #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.m6 li a { display:block; } #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.m5 li a { display:block; } #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:12px; color:#6e6e6e; font-weight:bold; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada; } #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 .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-5_img1-1.jpg') center no-repeat #f0f0f0; } #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.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; } #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; } #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; } #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; } #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; } #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; } #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; } #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;} #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;} #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;} #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;} #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;} #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;} #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;} #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.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 { position:absolute; top:102px; right:210px; width:100px; z-index:100; text-align:center; background:url('/base/img/feelstory/images/common/quick.png'); height:423px; } #quick_menu ul li a, #quick_menu ul li { height:107px; line-height:107px; display:block; text-indent:-999999px; } #quick_menu .top {margin-top:15px; text-align:center} /* #quick_menu {width:129px; position:absolute; top:102px; right:0; z-index:9999;} */ #quick_menu .top img {display:inline;} /* 퀵메뉴 군산 */ #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 {display:inline-block; width:106%; } .article ul li {float:left; width:585px; margin-right:25px; margin-top:40px; border:1px solid #DDD; border-top:2px solid #6f60aa; } .article ul li:nth-child(2), .article ul li:nth-child(4), .article ul li:nth-child(6), .article ul li:nth-child(8) { margin-right:0; } .article ul li .img {height:220px; /*padding:20px 0 10px;*/ border-bottom:1px solid /*#f2143d*/#555; background-color:#fff; text-align:center; } .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; } */