@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);@import url(https://fonts.googleapis.com/css?family=Poppins:400,500);
/* 카카오톡 인앱브라우저 텍스트 오류 방지 css */
body * { -webkit-text-size-adjust: auto; } 
/* //카카오톡 인앱브라우저 텍스트 오류 방지 css */

@media screen and (max-width:320px) { body { zoom:50%; } 
 }
 @media screen and (min-width:321px) and (max-width:359px) { body { zoom:50%; } 
 }
 @media screen and (min-width:360px) and (max-width:374px) { body { zoom:56.2%; } 
 }
 @media screen and (min-width:375px) and (max-width:375px) { body { zoom:58.5%; } 
 }
 @media screen and (min-width:376px) and (max-width:479px) { body { zoom:64.6%; } 
 }
 @media screen and (min-width:480px) and (max-width:639px) { body { zoom:75%; } 
 }

 /* 아이패드(1024x768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정 
 @media all and (min-width: 640px) { body { width:640px; margin:0 auto; } 
 */

 @media all and (min-width: 640px) { body { zoom:100%; margin:0 auto; } 
 }
 

* { margin:0; padding:0; } 
img { border:0; } 
a { border:0; text-decoration:none; color:inherit; font-family: 'Nanum Gothic', sans-serif; } 
ul, li { list-style:none; } 
body { font-family:'Malgun Gothic'; /*font-family: 'Nanum Gothic', sans-serif; */width:100%; max-width:640px; background:none; margin:0 auto; } 
#wrap { width:100%; text-align:center; margin:0 auto; display:block; } 


.mtm30 { margin-top:-30px; } 
.mt10 { margin-top:10px; } 
.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; } 

.mb10 { margin-bottom:10px; } 
.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; } 




/* 상단 */
#header { width:100%; height:214px; position:relative; border-top:6px solid #6d3b94; } 
#header.gs { border-top:6px solid #fdd000; } 
#header h1 { /*height:115px; */ width:314px; margin:0 auto; padding:16px 0 14px; } 
#header ul.c_menu { border:1px solid #e5e5e5; height:94px; box-sizing:border-box; border-bottom:0; } 
#header ul.c_menu li { float:left; height:47px; line-height:47px; width:25%; box-sizing:border-box; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:bold; color:#4d4d4d; } 
#header ul.c_menu li:nth-child(4),
#header ul.c_menu li:nth-child(9) { border-right:0; } 
#header ul.c_menu li a { display:block; font-size: 14px; } 
#header ul.c_menu li a:hover, #header ul.c_menu li a.on { color:#fff; background:#a38ac5; } 
#header ul.gs li a:hover, #header ul.gs li a.on { color:#fff; background:#fdd000; } 

/* 메인 */
#main { width:100%; position:relative; clear:both; } 
.flexslider { text-align:center; height:492px; } 
#main .main_sl14 { width:100%; height:492px; background: url('/base/img/feelstory/m/images/main/main_img14.jpg') no-repeat center; } 
#main .main_sl17 { width:100%; height:492px; background: url('/base/img/feelstory/m/images/main/main_img17.jpg') no-repeat center; } 
#main .main_sl19 { width:100%; height:492px; background: url('/base/img/feelstory/m/images/main/main_img19.jpg') no-repeat center; } 
#main .main_sl18 { width:100%; height:492px; background: url('/base/img/feelstory/m/images/main/main_img18.jpg') no-repeat center; } 
#main .main_sl25 { width:100%; height:492px; background: url('/base/img/feelstory/m/images/main/main_img25.jpg') no-repeat center; } 
#main .main_sl26 { width:100%; height:492px; background: url('/base/img/feelstory/m/images/main/main_img26.jpg') no-repeat center; } 
#main .main_sl21 { width:100%; height:492px; background: url('/base/img/feelstory/m/images/main/main_img21.jpg') no-repeat center; } 
#main .main_sl24 { width:100%; height:492px; background: url('/base/img/feelstory/m/images/main/main_img24.jpg') no-repeat center; } 
#main .main_sl27 { width:100%; height:492px; background: url('/base/img/feelstory/m/images/main/main_img27.jpg') no-repeat center; } 
#main .main_sl28 { width:100%; height:492px; background: url('/base/img/feelstory/m/images/main/main_img28.jpg') no-repeat center; } 



/* quick */
#quick { margin: 0 auto; display: flex; position: fixed; bottom: 0; left:50%; transform: translateX(-50%); max-width: 640px; width: 100%; background: #b18ab9; border-top: 1px solid #ddd; z-index: 9999; flex-wrap: wrap; } 

#quick li{flex:0 0 calc(100% / 3); height: 100px;  box-sizing: border-box;}
#quick li:nth-child(n+4){flex:0 0 calc(100% / 4);}
#quick li a{ display: flex; height: 100%; padding: 10px; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; color: #fff; font-weight: bold;  box-sizing: border-box;}

#quick li a span{font-size: 18px;}
#quick li+li{border-left: 1px solid #dddddd8f; border-top: 1px solid #dddddd8f;}
#quick li a img{height: 45px;}



#main #section { background:url('/base/img/feelstory/m/images/main/line.png') no-repeat; background-position: 25px 20px; } 
#main #section .event { width:590px; margin:0 auto; padding-top:65px; height:368px; } 
#main #section .event ul li { float:left; margin-bottom:16px; } 
#main #section .event ul li:nth-child(2), #main #section .event ul li:nth-child(4) { margin-left:16px; } 

#main #section .article { width:591px; margin:0 auto; height:580px; } 
#main #section .article .a,#main #section .article .b, #main #section .article .c { float:left; margin-left:1px; } 
#main #section .article .a .a1, #main #section .article .c .c2 { height: 372px; } 
#main #section .article .a .a2, #main #section .article .c .c3 { display: none; } 
#main #section .article .a .a2, #main #section .article .b .b2 { margin-top:2px; } 
#main #section .article .a .a3, #main #section .article .b .b3 { margin-top:2px; } 
#main #section .article .c .c1 { margin-bottom:2px; } 
#main #section .article a { display:block; } 

#main .time { margin-top:4px; height:131px; } 


/* 하단 */
#footer { clear:both; width:100%; position:relative; /*height:275px; */ margin-top:20px; text-align: center; margin-bottom: 200px; } 
/* 1 */
#footer .ft { height:75px; background:url('/base/img/feelstory/m/images/common/footer_top.png')center/cover no-repeat;; line-height:75px; } 

#footer .ft ul { display: flex; } 
/* #footer .ft ul li { float:left; text-indent:-99999px; height:100%; width:320px; } */
#footer .ft ul li { float:left; text-indent:-99999px; height:100%; flex: 1; } 
#footer .ft ul li a { display:block; } 


#footer .ft_gs { height:75px; background:url('/base/img/feelstory/m/images/common/footer_top_gs.png')center/cover no-repeat;; line-height:75px; } 
#footer .ft_gs ul li { float:left; text-indent:-99999px; height:100%; width:320px; } 
#footer .ft_gs ul li a { display:block; } 

/* 2 */
#footer .fc { height:75px; background:url('/base/img/feelstory/m/images/common/footer_c.png') center/cover no-repeat; line-height:75px; } 
#footer .fc ul { display: flex; } 
#footer .fc ul li { text-indent:-99999px; height:100%; } 
#footer .fc ul li a { display:block; } 
/* #footer .fc ul li.tel { width:320px; } */
#footer .fc ul li.tel { flex: 2; } 
#footer .fc ul li.kakao, #footer .fc ul li.blog { flex: 1; } 

#footer .fc_gs { height: 75px; background:url('/base/img/feelstory/m/images/common/footer_c_gs.png'); line-height:75px; } 
#footer .fc_gs ul li { text-indent:-99999px; height:100%; } 
#footer .fc_gs ul li a { display:block; } 
#footer .fc_gs ul li.tel { width:320px; } 
#footer .fc_gs ul li.kakao, #footer .fc_gs ul li.blog { width:160px; } 

#footer ul.fm { width:100%; height:60px; line-height:60px; background:#7f7f7f; display: flex; } 
#footer ul.fm li { flex: 1; text-align:center; font-size:1.2em; color:#fff; font-weight:bold; letter-spacing:-2px; border-right:1px solid #ddd; box-sizing:border-box; } 
#footer ul.fm li a { display: block; } 
#footer ul.fm li:last-child { border:0; } 

#footer .copy { padding:20px 0; line-height:28px; color:#484848; letter-spacing:-1.2px; } 
#footer a.admin { width:100%; height:46px; line-height:46px; background:#ccc; display:block; } 


/* ----------------------------------------------------------------------------

서브

-----------------------------------------------------------------------------*/

/* 터치 슬라이드 메뉴 */

#touchSlider5 { width:100%; height:52px; margin:0 auto; position:relative; overflow:hidden; } 
#touchSlider5 ul { width:99999px; height:52px; position:absolute; top:0; left:0; overflow:hidden; } 
#touchSlider5 ul li { float:left; width:100%; height:52px; color:#fff; } 
button.btn_prev, button.btn_next { height:40px; line-height:40px; border:0; width:30px; position:absolute; top:10px; background:#fff; color:#ccc; } 
button.btn_prev { left:0; font-family: 'Poppins', sans-serif; font-size:41px; } 
button.btn_next { right:0; font-family: 'Poppins', sans-serif; font-size:41px; } 
#sub { width:100%; position:relative; clear:both; } 
#sub .tit { padding:26px 0; /*height:71px; */ } 

#sub .s { position:relative; } 
#sub .s_menu { height:50px; line-height:30px; width:620px; margin:0 auto; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; position:relative; } 
#sub .s_menu ul { } 
#sub .s_menu ul li { float:left; width:33.33%; border-right:1px solid #dedede; box-sizing:border-box; height:30px; margin:10px 0; font-weight:bold; } 
#sub .s_menu ul li a { color:#929292; } 
#sub .s_menu ul li:last-child { border-right:0 !important; } 
#sub .s_menu ul li a:hover, #sub .s_menu ul li a.on { font-size:20px; color:#000; } 

#sub #content { width:620px; margin:0 auto; padding-top:40px; } 
#sub #content ul.point { margin-top:20px; } 
#sub #content ul.point li { height:65px; padding-left:100px; text-align:left; letter-spacing:-1px; font-size:24px; margin-bottom:20px; color:#444; } 
#sub #content ul.point li.n1 { background:url('/base/img/feelstory/m/images/sub/sub1/n1.png') left no-repeat; } 
#sub #content ul.point li.n2 { background:url('/base/img/feelstory/m/images/sub/sub1/n2.png') left no-repeat; } 
#sub #content ul.point li.n3 { background:url('/base/img/feelstory/m/images/sub/sub1/n3.png') left no-repeat; } 
#sub #content ul.point li.n4 { background:url('/base/img/feelstory/m/images/sub/sub1/n4.png') left no-repeat; } 
#sub #content ul.point li.n5 { background:url('/base/img/feelstory/m/images/sub/sub1/n5.png') left no-repeat; } 
#sub #content ul.point li.n6 { background:url('/base/img/feelstory/m/images/sub/sub1/n6.png') left no-repeat; } 
#sub #content ul.point li.n7 { background:url('/base/img/feelstory/m/images/sub/sub1/n7.png') left no-repeat; } 

#sub #content ul.point.height { margin-top:20px; } 
#sub #content ul.point.height li { height:85px; padding-left:100px; text-align:left; letter-spacing:-1.5px; font-size:24px; margin-bottom:20px; color:#444; } 


#sub #content h2 { text-align:left; letter-spacing:-2px; border-bottom:1px solid #ccc; color:#4d4d4d; height:40px; margin-bottom:20px; } 

.gride .tg { border-collapse:collapse; border-spacing:0; width:100%; margin-top:30px; } 
.gride .tg td { font-family:Arial, sans-serif; font-size:24px; padding:10px 5px; border :solid 1px #ddd; overflow:hidden; word-break:normal; color:#999; } 
.gride .tg th { font-family:Arial, sans-serif; font-size:24px; font-weight:normal; padding:10px 5px; border:solid 1px #fff; overflow:hidden; word-break:normal; background:#665380; color:#fff; } 
.gride .tg .tg-yw4l { vertical-align:middle; } 
.gride .tg .tg-032e, .gride .tg .tg-033e { background:#ffeff7; border-bottom:1px solid #aaa; } 
.gride .tg .tg-032e { color:#444; } 
.gride .tg .tg-033e { color:#ff2e97; } 

ul.sub7tab { width:620px; margin-bottom:20px; height:43px; line-height:43px; box-sizing:border-box; } 
ul.sub7tab li { width:309px; text-indent:0; float:left; background:#efefef; border-top:2px solid #c5c5c5; margin-right:2px; box-sizing:border-box; } 
ul.sub7tab li:last-child { margin-right:0 !important; } 
ul.sub7tab li a { display:block; text-align:center; font-weight:bold; color:#9b9b9b; } 
ul.sub7tab li.on { background:#efefef; border-top:2px solid #665380; } 
ul.sub7tab li.on a { color:#505050; } 

ul.careful { width:100%; color:#4d4d4d; } 
ul.careful li { text-align:left; font-size:24px; padding-bottom:30px; letter-spacing:-1px; line-height:36px; } 
ul.careful li b { width:65px; background:#d04d6a; color:#fff; padding:6px; border-radius:20px; font-size:20px; margin-right:10px; } 

.qna { text-align:left; margin-top:20px; } 
.qna ul { margin-bottom:30px; color:#4d4d4d; border-bottom:1px dashed #ddd; } 
.qna ul li { text-align:left; font-size:24px; padding-bottom:30px; letter-spacing:-1px; line-height:36px; } 
.qna ul li.q b { width:65px; background:#4dadd0; color:#fff; padding:6px 10px; border-radius:20px; font-size:20px; margin-right:10px; } 
.qna ul li.a b { width:65px; background:#ececec; color:#4dadd0; padding:6px 10px; border-radius:20px; font-size:20px; margin-right:10px; } 

/* 서브 갤러리 */

.slidePhotoBox { margin:0 0 0px 0; } 
.slidePhotoBox .ad-gallery { width:620px; overflow:hidden; zoom:1; position:relative; margin:0 auto; } 
.slidePhotoBox .ad-gallery .ad-image-wrapper { width:620px; height:408px; margin-bottom:5px; overflow:visible; z-index:8; zoom:1; } 
.slidePhotoBox .ad-gallery .ad-image-wrapper img { } 
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image { } 
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image img { display:block; width:620px; height:408px } 
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-prev { top:150px; 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:150px; 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:697px; overflow:hidden; height:72px; margin:0 auto; } 
.slidePhotoBox .ad-gallery .ad-nav .ad-thumbs { width:697px; zoom:1; } 
.slidePhotoBox .ad-gallery .ad-thumbs li { margin-right:1px; background:#000; position:relative; } 
.slidePhotoBox .ad-gallery .ad-thumbs li .mask { width:105px; 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:115px; } 
.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:620px; 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:10; 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:10; padding:20px 0 0 25px; } 
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .desc { position:relative; z-index:10; 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/miel/images/sub/01/slideNext.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/miel/images/sub/01/slidePrev.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden; } 
.slidePhotoBox .ad-gallery .ad-back:hover { background-position:0 -100px } 


/* 게시판 */

.board_bgcolor { width:26% !important; height:46px; line-height:46px; } 
.board_bgcolor span { font-size:24px !important; } 
.board_desc { text-align:left; } 
.board_desc input { height:36px; } 
#descriptionView_TOOLBAR ul.se_toolbar_left2 { width:auto !important; } 
input[name=receiver_email] { width:80%; } 
input[name=subject] { width:90%; } 
input[name=writer] { width:40%; } 

#post_area { max-width:600px; margin:0 auto; } 
#post_area img { max-width:100%; } 

/***** tab *****/
.tab { width:580px; height:59px; line-height:59px; margin:60px 30px 60px 30px; background:#fbfbfb; border:1px #cccccc solid; box-sizing:border-box; } 
.tab li { display:inline-block; float:left; width:20%; text-align:center; font-family:"NanumGothic", sans-serif; font-size:24px; color:#4d4d4d; border-left:1px solid #cccccc; letter-spacing:-2px; box-sizing:border-box; } 
 
.tab ul { width:580px !important; margin:0 auto; } 

.tab li:first-child { border-left:0; } 
.port_back { color:#fff !important; background:#c2579a; font-weight:600; } 
#tab_menu1,#tab_menu2,#tab_menu3,#tab_menu4,#tab_menu5 { cursor:pointer; } 
.tab_sub2,.tab_sub3,.tab_sub4,.tab_sub5 { display:none; } 

#sub2_tab ul li { width:50%; } 
#sub3_tab ul li { width:33.3%; } 


/* 장비소개 */
#sub #content .article { width:588px; margin:0 auto; overflow:hidden; } 
#sub #content .article ul { display:inline-block; width:100%; } 
#sub #content .article ul li { width:585px; margin-top:40px; border:1px solid #DDD; border-top:2px solid #6f60aa; } 
#sub #content .article.article_gs ul li { border-top:2px solid #fdd000; } 
#sub #content .article ul li .img { height:220px; /*padding:20px 0 10px; */ border-bottom:1px solid /*#f2143d*/#555; background-color:#fff; text-align:center; } 
#sub #content .article ul li .img img { max-width:100%; max-height:100%; } 
#sub #content .article ul li .txt { padding:15px 10px; width:565px; font-size:22px; line-height:160%; background:#f3f3f3; letter-spacing:-1px; } 
#sub #content .article ul li .txt.height { height:280px; } 
#sub #content .article ul li .name { margin-bottom:10px; font-size:30px; letter-spacing:-1px; } 
#sub #content .article ul li .name b { margin-right:10px; font-size:34px; } 
#sub #content .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; } 
#sub #content .article ul li .dot b { } 
#sub #content .article ul li .dot b:after { content:":"; margin:0 5px; }