/* BASIC css start */
#header {margin-bottom:0 !important;}
#footer {margin-top:0 !important;}

.sliderkit {display:none;position:relative;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}

.main_img_area {width:100%; height:707px; clear:both; position:relative;}
.contentslider-main .sliderkit-go-btn{ position:absolute; top:0px;z-index:10; }
.contentslider-main .sliderkit-btn-inner {width:1200px; position:relative; text-align:center; margin:0 auto;}
.contentslider-main .sliderkit-go-prev{left:-62px;}
.contentslider-main .sliderkit-go-next{right:0px;}
.contentslider-main .sliderkit-go-btn a{}
.contentslider-main .sliderkit-go-prev a{position:absolute;width:62px;height:62px;cursor:pointer;background:url("/design/soandogirl/0717exbada/btn_prev.png") no-repeat; margin-top:332px; opacity:0.3;}
.contentslider-main .sliderkit-go-next a{position:absolute; width:62px;height:62px;cursor:pointer;background:url("/design/soandogirl/0717exbada/btn_next.png") no-repeat; margin-top:332px; opacity:0.3;}
.contentslider-main:hover .sliderkit-go-prev a{opacity:1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s;}
.contentslider-main:hover .sliderkit-go-next a{opacity:1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s;}
.contentslider-main .sliderkit-go-btn span{display:none;}
.contentslider-main .sliderkit-nav {position:absolute; top:650px; width:1200px; }
.contentslider-main .sliderkit-nav-clip ul {display:inline-block;  text-align:center;}
.contentslider-main .sliderkit-nav-clip li a{margin:4px;text-decoration:none;width:12px;height:12px; border:2px solid #fff; background-color:transparent; border-radius:12px; cursor:pointer;}
.contentslider-main .sliderkit-nav-clip li.sliderkit-selected a{width:12px;height:12px; border:2px solid #fff; background-color:#fff; border-radius:12px;}
.contentslider-main {width:100%; height:707px; margin:0px; padding:0px; }
.contentslider-main .sliderkit-panels{width:100%; height:707px; overflow:hidden; padding:0px; margin:0px; }
.contentslider-main .sliderkit-panel{width:100%; height:707px; overflow:hidden; padding:0px;margin:0px;}
.contentslider-main .sliderkit-panel .main_img_area {width:100%; height:707px; overflow:hidden; }

.contentslider-main2 .sliderkit-go-btn{ position:absolute; top:0px;z-index:10; }
.contentslider-main2 .sliderkit-btn-inner {width:1200px; position:relative; text-align:center; margin:0 auto;}
.contentslider-main2 .sliderkit-nav {position:absolute; top:850px; width:1200px; }
.contentslider-main2 .sliderkit-nav-clip ul {display:inline-block;  text-align:center;}
.contentslider-main2 .sliderkit-nav-clip li a{margin:4px;text-decoration:none;width:163px;height:38px; border:1px solid #fff; background-color:transparent; border-radius:38px; cursor:pointer; font-size:14px; line-height:38px; color:#fff;}
.contentslider-main2 .sliderkit-nav-clip li.sliderkit-selected a{width:163px;height:38px; border:1px solid #017dc3; background-color:transparent; border-radius:38px; color:#017dc3;}
.contentslider-main2 {width:100%; height:934px; margin:0px; padding:0px; }
.contentslider-main2 .sliderkit-panels{width:100%; height:934px; overflow:hidden; padding:0px; margin:0px; position:relative; }
.contentslider-main2 .sliderkit-panel{width:100%; height:934px; overflow:hidden; padding:0px;margin:0px;}
.contentslider-main2 .sliderkit-panel .main_img_area {width:100%; height:934px; overflow:hidden; }

.detail_contents_area {width:1200px; margin:0 auto;}

/* 공통 타이틀 텍스트 스타일 */
.m_title_area .m_title01 {font-size:16px; color:#999; font-family:"Oswald", "Open Sans", "Nanum Gothic", sans-serif; letter-spacing:4px;  padding-top:55px; text-align:center;}
.m_title_area .m_title02 {font-size:38px; color:#010101; letter-spacing:-0.3px; font-weight:bold; font-family: 'Noto Sans KR', sans-serif; font-weight:600;  text-align:center;}
.m_title_area .m_title03 {font-size:14px; line-height:22px; color:#777; text-align:center;}
.m_title_area .yellow_line {width:150px; height:4px; background-color:#017dc3; margin:24px auto;}

/* 메인 우측 퀵바 스타일 */
.fixed_icon {position:fixed; top:150px; right:20px; z-index:2222; cursor:pointer; }
.fixed_icon div {width:50px; height:50px; color:#222; background-color:#fff; font-size:12px; letter-spacing:-0.5px; border-radius:50px;  float:right; clear:both; position:relative; border-right:0px; margin-bottom:8px;text-align:center;}
.fixed_icon div span {position:absolute; top:0px; right:0px; width:100%; opacity:0; }
.fixed_icon div:hover span {opacity:1; background-color:#017dc3; width:150px; height:50px; border-radius:50px; color:#fff; line-height:50px; }
.fixed_icon div img {padding-top:16px;}
a.anchor {display: block;position: relative;top:0;visibility: hidden;}

/* 1번영역 관련 스타일 시작 */
.m_section01 {width:100%;}
.m_section01 .inner {width:1100px; margin:0 auto;}

/* 레시피 롤링리스트 */
.m_section02 {width:100%;background-color:#fbfbfb;}
.m_section02 .inner {width:1100px; margin:0 auto;padding-bottom:50px;}
#main-roll  {width:1100px; margin:0 auto; margin-top:60px;}
#main-roll .prd-list { margin-top: 0px; text-align:center; }
#main-roll .prd-list .thumb { width:338px; height:209px; margin-left:auto; margin-right:auto; position:relative; }
#main-roll .prd-list .thumb a,
#main-roll .prd-list .thumb img {width:338px; height:209px; }
#main-roll .text_pban
{position:absolute; top:0px;  width:338px; height:209px; background-color:rgba(0, 0, 0, 0);  text-align:center; color:rgba(0, 0, 0, 0);  
-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} 
#main-roll  a:hover .text_pban {background-color:rgba(0, 0, 0, 0.5); color:#fff; }
#main-roll .btn {font-size:20px;  font-weight:bold; display:block; width:170px; height:60px; border:5px solid rgba(0, 0, 0, 0); line-height:60px; margin:0 auto; margin-top:68px;
-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
#main-roll a:hover .btn {font-size:20px;  font-weight:bold; border:5px solid #fff !important; width:170px; height:60px; }
#main-roll .prd-list .text01 { padding-top:45px; font-size:24px; color:#010101; }
#main-roll .prd-list .text02 { padding-top:15px; font-size:14px; color:#777; line-height:21px; }
#main-roll .re_icon_area {width:100%; padding-top:45px; text-align:center;}
#main-roll .re_icon_area li {display:inline-block; cursor:pointer;  }
#main-roll .re_icon_area li:hover .icon {border:1px solid #dedede;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; background-color:#fff;
  -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); -ms-transform: rotate(30deg);transform: rotate(30eg); outline:1px solid transparent;}
#main-roll .re_icon_area li .icon {width:54px; height:54px; background-color:#f5f5f5; border-radius:54px;  margin:0px 2px !important; border:1px solid #f5f5f5;
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; outline:1px solid transparent; }
#main-roll .re_icon_area li .icon img {padding-top:16px;}
#main-roll .re_icon_area li .r_text {font-size:12px; color:#777; padding-top:8px;}

#main-roll .prd-list .text_area {height:199px; border:1px solid #dedede; width:336px; margin:0 auto; background-color:#fff; border-top:0;}
#main-roll .prd-list .btn_detail { width:136px; margin:0 auto; height:32px; margin-top:34px;}
#main-roll .prd-list .btn_detail a:first-child {width:104px; border:1px solid #dedede; border-right:0px; height:30px; line-height:30px; text-align:center; font-family:"Noto Sans KR', sans-serif"; font-size:11px; color:#222; display:block; float:left;}
#main-roll .prd-list .btn_detail a:first-child:hover {background-color:#017dc3; border:1px solid #017dc3; border-right:0px; color:#fff;}


div.productWrap { position:relative; margin:0 auto; padding-top:0px;}
div.product ul, div.product ul li {margin:0; padding:0; list-style:none;  }
#product1 {padding-top:0px;}
div.product .toolbar {overflow:hidden;}
div.product .toolbar a.left {width:39px;height:39px;background: url("/design/soandogirl/0717exbada/roll_left.gif"); background-position: 0px 0px; position:absolute; cursor:pointer;z-index:10; text-indent:-10000px;}
div.product .toolbar .right {width:39px;height:39px;background: url("/design/soandogirl/0717exbada/roll_right.gif"); background-position: 0px 0px; position:absolute; cursor:pointer;z-index:10; text-indent:-10000px;}
div.product .toolbar a.left{left:-59px;margin-top:-30px;}
div.product .toolbar a.right{right:-59px;margin-top:-30px;}

/* 3번영역 관련 스타일 시작 */
.m_section03 .sec-other_menu {overflow:hidden; height: calc(100% - 44px);background-color: #b2b2b2; margin-top:90px; font-size:0;}
.m_section03 .sec-other_menu li {display: inline-block;width:33.33%; height: 459px;}
.m_section03 .sec-other_menu a {display: block;overflow: hidden;position: relative;width: 100%;height: 100%;}
.m_section03 .sec-other_menu .bg {display: block;width: 100%;height: 100%;-webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01);}
.m_section03 .sec-other_menu .inner_main_section03_txt{position:absolute; top:0; left:0; margin:0 auto; width:100%;z-index:9}
.m_section03 .sec-other_menu .txt_ttitle { z-index: 2; color:#fff;text-align:center; font-size:30px;font-family: 'Noto Sans KR', sans-serif; font-weight:600; padding-top:149px;}
.m_section03 .sec-other_menu .txt_ttitle2 {tz-index: 2; color:#fff;text-align:center; font-size:16px; padding-top:17px;}
.m_section03 .sec-other_menu .zoom:hover .bg {-webkit-transform: scale(1.07);-ms-transform: scale(1.07);transform: scale(1.07);}
.m_section03 .sec-other_menu li:first-child .bg {background-image: url('/design/soandogirl/0717exbada/process_ban01.jpg'); background-position:center; background-size: cover;}
.m_section03 .sec-other_menu li:first-child + li .bg {background-image: url('/design/soandogirl/0717exbada/process_ban02.jpg'); background-position:center; background-size: cover;}
.m_section03 .sec-other_menu li:first-child + li + li .bg {background-image: url('/design/soandogirl/0717exbada/process_ban03.jpg'); background-position:center; background-size: cover;}
.m_section03 .sec-other_menu li:first-child + li + li + li .bg {background-image: url('/design/soandogirl/0717exbada/process_ban04.jpg'); background-position:center; background-size: cover;}
.m_section03 .sec-other_menu li:first-child + li + li + li + li .bg {background-image: url('/design/soandogirl/0717exbada/process_ban05.jpg'); background-position:center; background-size: cover;}
.m_section03 .sec-other_menu li:first-child + li + li + li + li + li .bg {background-image: url('/design/soandogirl/0717exbada/process_ban06.jpg'); background-position:center; background-size: cover;}

/* 4번영역 관련 스타일 시작 */
.m_section04 {width:100%; height:920px; background-color:#f9f9ec;}
.m_section04 .inner {width:1100px; margin:0 auto;}
.m_section04 .keep_list ul li {float:left; width:297px; padding-left:104px;}
.m_section04 .keep_list ul li:first-child {padding-left:0px !important;}
.m_section04 .keep_txt01 {font-size:30px; font-family: 'Noto Sans KR', sans-serif; font-weight:600; color:#222; padding-top:28px; text-align:center;}
.m_section04 .keep_txt02 {font-size:15px; font-family:"Open Sans", "Nanum Gothic", sans-serif; color:#999; padding-top:5px; font-weight:bold; text-align:center;}
.m_section04 .keep_txt03 {font-size:16px; color:#010101; padding-top:10px; text-align:center;letter-spacing:-2px;}
.m_section04 .keep_list li .keep_thumb img {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; outline:1px solid transparent;}
.m_section04 .keep_list li:hover .keep_thumb img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; 
 -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg);transform: rotate(30eg); outline:1px solid transparent;}

/* 5번영역 관련 스타일 시작 */
.m_section05 {width:100%; height:934px;}
.m_section05 .panel_text_area {width:1200px; margin:0 auto; position:relative;}
.m_section05 .panel_text_area .inner {position:absolute; top:72px; left:0px;}

.m_section05 .panel_text_area2 {width:1200px; margin:0 auto; position:relative;}
.m_section05 .panel_text_area2 .inner {position:absolute; top:450px; left:500px; letter-spacing:-0.5px;}

.m_section05 .panel_text1 {font-size:36px; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:600; line-height:43px;}
.m_section05 .panel_text1 span {font-weight:100;}
.m_section05 .panel_text2 {font-size:14px; line-height:21px; color:#555; padding-top:38px;}
.m_section05 .panel_text2 span{color:#000; font-size:20px; font-weight:bold;}
.m_section05 .panel_text4 {font-size:14px; line-height:21px; color:#555; padding-top:7px;}
.m_section05 .panel_text3{font-size:17px; color:#555; line-height:22px; padding-top:19px;}

.m_section05 .panel_text5 {font-size:50px; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:600; line-height:55px;letter-spacing:-1px;}
.m_section05 .panel_text5 span {font-weight:100;}
.m_section05 .panel_text6 {font-size:16px; line-height:21px; color:#d3d3d3; padding-top:28px;}


/* 6번영역 관련 스타일 시작 */
.m_section06 {width:100%; height:1010px; background-color:#fbfbfb;}
.m_section06 .inner {width:1200px; margin:0 auto;}
.m_section06 .faq_area ul li {float:left; width:368px; height:534px; border:1px solid #dedede; background-color:#fff; margin-left:45px;}
.m_section06 .faq_area ul li:first-child {margin-left:0px;}
.m_section06 .faq_area li:hover {border:1px solid #017dc3; }
.m_section06 .faq_area li .faq_thumb img {border:0px solid #dedede;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; }
.m_section06 .faq_area li:hover .faq_thumb img {border:0px solid #dedede;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; 
  -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); -ms-transform: rotate(30deg);transform: rotate(30deg);}
.m_section06 .faq_thumb {padding-top:30px; padding-bottom:35px; text-align:center;}
.m_section06 .faq_txt01 {font-size:24px; color:#222; font-family: 'Noto Sans KR', sans-serif; font-weight:200; line-height:28px; text-align:center;}
.m_section06 .faq_txt01 span{font-weight:400; }
.m_section06 .faq_border {width:30px; height:1px; background-color:#222; margin:20px auto; }
.m_section06 .faq_txt02 {font-size:13px; line-height:23px; letter-spacing:-0.7px; color:#777;  text-align:center;}
.m_section06 .faq_txt02 span{font-size:13px; color:#000;} 

/* 7번영역 관련 스타일 시작 */
.m_section07 {width:100%; height:1099px; background: url("/design/soandogirl/0717exbada/insta_bg.jpg") no-repeat center; background-color:#2e2f31; } 
.m_section07 .inner {width:1100px; margin:0 auto; text-align:center;}
.m_section07 .insta_logo {padding-top:80px; padding-bottom:30px;}
.m_section07 .insta_txt01 {font-family: 'Noto Sans KR', sans-serif; font-weight:600; color:#fff; font-size:38px; letter-spacing:-0.3px;}
.m_section07 .insta_txt02 {font-family:"Oswald", "Open Sans", "Nanum Gothic", sans-serif; color:#fff; font-size:16px; letter-spacing:2px;}
.m_section07 .insta_txt03 { color:#fff; font-size:14px; line-height:22px; padding-top:25px;}
.m_section07 .insta_go a { display:inline-block; text-align:center; width:163px; border:1px solid #fff; color:#fff; height:39px; border-radius:39px; line-height:39px; font-size:14px; margin:40px 0px; opacity:0.5;}
.m_section07 .insta_go a:hover {opacity:1;}
.m_section07 #instafeed img { text-decoration:none; border:none; width:250px; height:250px; margin:12px; }
.m_section07 #instafeed a { border:0px solid #222;display:inline-block;}
.m_section07 #instafeed a:hover { border:0px solid #d3d3d3;filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; }

/* 8번영역 관련 스타일 시작 */
.m_section08 {width:100%; height:405px; background-color:#017dc3;}
.m_section08 .inner {width:1100px; margin:0 auto; text-align:center;}
.m_section08 .store_txt01 {font-size:48px; color:#fff; letter-spacing:-0.3px; font-weight:bold; font-family: 'Noto Sans KR', sans-serif; font-weight:600; padding-top:100px;}
.m_section08 .store_txt02 {font-size:16px; line-height:22px; color:#fff; padding-top:20px;}
.m_section08 .map_go a { display:inline-block; text-align:center; width:254px; border:1px solid #fff; color:#fff; height:49px; border-radius:49px; line-height:49px; font-size:14px; margin:30px auto; opacity:1;}
.m_section08 .map_go a:hover {background-color:#0066b6; color:#fff;}
#topbanner .topbanner	{display:none;margin:0px;width:100%;text-align:center; height:405px; background-color:#0066b6;}
#topbanner .btnarea {position:relative; top:0px;margin:0 auto;width:39px; height:0px;z-index:200;}
#topbanner .closebtn {cursor:pointer;width:39px;height:39px;background:url('/design/soandogirl/0717exbada/closebtn.gif');}
#topbanner .openbtn {display:block !important;}

/* BASIC css end */