@charset "utf-8";
@import url("../fonts/font.css");

/*browser reset*/
body, div, ul, li, ol, input, h1, h2, h3 {margin:0; padding:0; list-style:none;}
body {font-size:12px; font-family:"dotum","돋움","arial"; }
img {border:0;}
a{text-decoration:none;}
#warp {margin:0 auto; width:1180px; }
#warp_content {margin:0 auto; width:1040px; }
#clear {clear:both; height:0; overflow:hidden;}/*float clear*/
iframe {display:block;}

/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

/* 메인 공통 */
#wrapper{font-family: 'Nanum Square','Nanum Gothic';position:relative; min-width:320px; max-width:640px; margin:0 auto; overflow: hidden; }
#wrapper * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#wrapper a{transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease;}
#wrapper p{margin: 0; }
#wrapper img{max-width: 100%; display:block;}

#wrapper .inBox{margin:0 20px;	}
#header {text-align: center;  }
#footer {text-align: center; background-color: #f2f2f2; border-top: 2px solid #595959;	 }
.section{padding-top: 30px;}
#wrapper .title1{font-size: 21px; font-family: 'Nanum Square';text-align: center; margin-bottom: 20px; line-height: 1.5; }
#wrapper .title2{font-size: 21px; color: #010101; font-family: 'Nanum Square'; text-align: center; margin-bottom: 25px;}
#wrapper .title2 span{color: #ff9cbd;}

.fc_pink{color: #ff9cbd;}
.fc_green{color: #aeca6d;}
.fw_bold{font-weight: bold; }

/* 메인 컨텐츠 */
#main_visual {position: relative; }
#main_visual .lst_visual { width: 100%;margin:0 auto;overflow: hidden;position: relative;	}
#main_visual .lst_visual ul li{text-align: center;}
#main_visual .lst_visual ul li a{display: block; }
#main_visual .bx-controls-direction{position: absolute;top: 50%; width: 100%; z-index: 200;}
#main_visual .bx-controls-direction a{position: absolute;top: 50%; text-indent: -9999px; width: 33px;height:33px; background-repeat: no-repeat; background-position: left top; -webkit-background-size: 100%;background-size: 100%; }
#main_visual .bx-controls-direction a.bx-prev{left: 20px;background-image: url(../../images/main/btn_prev.png);	}
#main_visual .bx-controls-direction a.bx-next{right: 20px;background-image: url(../../images/main/btn_next.png);	}

/* 체감 플러스 프로그램 */
.feelplus {position:relative; padding:0 20px;}
.feelplus .bg {width:100%;}
.feelplus a {position:absolute; top:50.5%; left:12%; }
.feelplus a img {width:77.5px;}

/* SNS에서 HOT한 그녀들의 선택 */
.snshot .iosSlider {position: relative;	width:100%; padding:0; height:250px; margin:0 auto;}
.snshot .iosSlider .slider {width: 100%; height:100%;}
.snshot .iosSlider .slider .item {float:left; width:100%;}
.snshot .iosSlider .slider .item img {width:100%;}

/* 생생한 리얼스토리 */
.ma_realstory {background:#f6eae1 url("/images/main/realstory_bg.png") no-repeat center; position:relative; letter-spacing:-1px;}
.ma_realstory .bg {width:100%;}
.ma_realstory ul {position:absolute; left:0px; top:0px; padding:33.125% 2% 0 2%;  overflow:hidden; }
.ma_realstory ul a {float:left; width:49%; font-weight:400; position:relative; display:block}
.ma_realstory ul a+a {margin-left:2%;}
.ma_realstory ul a dd {width:100%; margin-left:0px; cursor:pointer;}
.ma_realstory ul a dd::before {content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url("/images/main/real_thumbcover.png") no-repeat; background-size:100%;}
.ma_realstory ul a dd img {width:100%;}
.ma_realstory ul a .ment {font-size:1em; color:#767676; padding-top:8px;}
.ma_realstory ul a .name {font-size:1.2em; color:#111; font-weight:500; line-height:25px;}
.ma_realstory ul a .how {font-size:1em; color:#db4a89; margin-left:4px;}


#resultDiet .inBox:after{display: block; clear: both;content: "";}
#resultDiet .bnaShow{}
#resultDiet .bnaShow .showTit{padding: 11px 0; background-color: #ffedf3; margin-bottom: 30px; color: #010101;font-family:'Nanum Square'; font-size: 16px;text-align: center; }
#resultDiet .bnaShow .bnaPhoto{padding-bottom: 20px; margin-bottom: 20px;background:url(../../images/main/bg_dot.png) left bottom repeat-x ;}
#resultDiet .bnaShow .imgArea .tit{text-align: center; margin-bottom: 20px;}
#resultDiet .bnaShow .imgArea .tit img{max-width: 198px;}
/*#resultDiet .bnaShow .imgArea .lst{overflow: hidden;}*/
/*#resultDiet .bnaShow .imgArea .lst ul li{float: left; width: 100%; }*/
#resultDiet .bnaShow .imgArea .lst ul li span{display: none;}
#resultDiet .bnaShow .imgArea .lst ul li span.on{display: block;}
#resultDiet .bnaShow .imgArea .lst ul li img{display: block;width: 100%; }
#resultDiet .bnaShow .direction{margin-top: 25px;}
#resultDiet .bnaShow .direction ul li{display: inline-block;}
#resultDiet .bnaShow .direction ul li a{display:inline-block; width: 35px;height: 35px; font-size: 12px;color: #000;border: 1px solid #c8c8c8; line-height: 34px;text-align: center; }
#resultDiet .bnaShow .direction ul li.on a{background-color: #666; color: #fff;}
#resultDiet .bnaMore{position: relative;  margin-bottom: 30px;padding-bottom: 51px;}
#resultDiet .bnaMore button.btn_more{color: #010101; font-size: 16px; font-family:'Nanum Square'; background-color: #fff; border: 2px solid #7b7b7b; height: 37px; width: 100%; cursor: pointer;}
#resultDiet .bnaMore .lst_banmore{margin-top: 30px; }
#resultDiet .bnaMore .lst_banmore ul:after{display: block; clear: both; content: "";}
#resultDiet .bnaMore .lst_banmore ul li{float: left; overflow: hidden;}
#resultDiet .bnaMore .lst_banmore ul li img{display: block; width: 100%; height: 100%;}

#resultDiet .slick-arrow{position: absolute; bottom: -51px; display: inline-block; z-index: 200; text-indent: -9999px; width: 26px;height: 26px; background-color: transparent; border: none;background-repeat: no-repeat; background-position: left top;-webkit-background-size: 100%;
background-size: 100%; }
#resultDiet .slick-arrow.slick-prev{right: 28px; background-image: url(../../images/main/bna_prev.png);}
#resultDiet .slick-arrow.slick-next{right: 0; background-image: url(../../images/main/bna_next.png);	margin-left:4px;}


#network{background-color: #646975;	padding-bottom: 30px; }
#network .inBox:after{display: block; clear: both;content: "";}
#network .imgMap{text-align: center; }
#network .netCt .header{text-align: center; padding-bottom:32px; border-bottom: 1px solid #838791; margin-bottom: 30px; position: relative;  }
#network .netCt .header:after{position: absolute;left: 50%; bottom: -13.25px; margin-left: -13.25px; width: 27px;height: 27px; background: url(../../images/main/img_netarr.png) left top no-repeat; z-index: 1; -webkit-background-size: 100%;background-size: 100%; content: '';}
#network .netCt .header .tit{font-size: 21px; color: #fff; margin-bottom: 25px;font-family: 'Nanum Square'; }
#network .netCt .header .tit strong{color: #bae969;}
#network .netCt .header > span{font-size: 14px; color: #fff; line-height: 1.5; 	}
#network .netCt .article .lst_network {text-align: center; 	overflow: hidden;     padding: 0 21px;}
#network .netCt .article .lst_network ul{margin-left: -1%; margin-top: -1%;}
#network .netCt .article .lst_network ul:after{display: block; clear: both;content: "";}
#network .netCt .article .lst_network ul li{float: left; width: 24%;height: 28px; border: 1px solid #b2b4ba; margin-left: 1%; margin-top: 1%;}
#network .netCt .article .lst_network ul li a{display: block; color: #fff; font-size: 12px; line-height: 26px;  text-align: center; }
#network .netCt .article .lst_network ul li:hover a{background-color: #b2b4ba;}


/* nav */
#wrapper nav {font-family: 'Nanum Square','Nanum Gothic'; width:100%; height:55px; background:rgba(3,3,3,0.6); position:relative;}
#wrapper nav a {display:block; width:25%; height:100%; float:left;}/*33.3%*/
#wrapper nav a+a{border-left:#7f7073 solid 1px;}
#wrapper nav a p {font-size:0.95em; color:#fff; opacity:0.7; padding:10px 0 5px 8px;}
#wrapper nav a h1 {color:#aea7a9; font-size:1.1em; padding-left:8px; white-space:nowrap;}/*1.2em*/
#wrapper nav a.active {background-color:#ea5493;}
#wrapper nav a.active::before {opacity:1;}
#wrapper nav a.active h1 {color:#fff;}

/* 190528 메인페이지 리뉴얼 */
#cate1 , #cate2 , #cate3 , #cate4 {display:none;}

/* 체감 플러스  */
.feelplue {font-family: 'Nanum Square', sans-serif; }
.feelplue img {width:100%;}
.feelplue img.title {margin-bottom:30px;}
.feelplue ul {margin-bottom:60px; text-align:center;}
.feelplue ul h1 {font-size:2.2em; padding:25px 0 10px 0; font-weight:900; color:#000;}
.feelplue ul h1::before {content:"+"; padding-right:5px; vertical-align:2px;}
.feelplue ul p {font-size:1.5em; color:#666;}

.custom1 .slidetop .imagearea {padding:15px 45px;}
.custom1 .slidetop .imagearea img {width:100%;}
.custom1 .slidetop .imagearea .button {margin-top:8px; display:flex; justify-content:space-between;}
.custom1 .slidetop .imagearea .button a {position:relative;}
.custom1 .slidetop .imagearea .button a img {display:block; width:46px; height:46px;}
.custom1 .slidetop .imagearea .button a.active::before{content:""; position:absolute; box-sizing:border-box; width:100%; height:100%; border:#d9117c solid 2px;}