@CHARSET "utf-8";
@import url('/css/default.css');
@import url('common.css');
@import url('global.css');
@import url('layout.css');


/********** 00_메인 **********/
.main #container {padding-left:0; padding-right:0; padding-bottom:0;}
.mainVisual .slideNav {height:45px; margin-top:-45px;}
.mainVisual img {width:100%; max-width:auto;}
/* .research {overflow:hidden; padding:0 10px 10%; text-align:center; background:#889dae url(/m/image/BH/main/bg_research.jpg) no-repeat 50% 0; background-size:100%;}
.research h2 {padding:10% 0 6.5%; margin:0 -10px;}
.research .srmy {margin-bottom:6.5%; font-size:1.3em; line-height:1.3em; color:#fff;}
.research .work {float:left; box-sizing:border-box; width:50%; padding:0 5px;}
.research .work a {display:block; max-width:282px; margin:0 auto; background:#fff;}
.research .work h3 {padding:17px 0 13px; font-size:1.4em; font-weight:bold; line-height:1em; color:#0e57a1;}
.research .work .text {margin-bottom:5px; line-height:1.3em; font-weight:bold; letter-spacing:-1px;}  */
.pdtBann {margin:0 -5px 25px;}
.pdtBann h2 {margin:25px 0 15px 20px; font-size:1.5em;}
.pdtBann .slideCont {position:relative;}
.pdtBann .swiper-slide {box-sizing:border-box; width:50%; padding:0 5px;}
.pdtBann .prev {position:absolute; left:0; top:50%; width:30px; margin-top:-15px;}
.pdtBann .next {position:absolute; right:0; top:50%; width:30px; margin-top:-15px;}
.pdtBann .prev input, .pdtBann .next input {width:100%;}
.boardArea h2 {height:40px; margin:0; padding-left:15px; font-size:1.5em; line-height:40px; color:#fff;}
.boardArea h2 a {display:block; color:#fff;}
.boardArea .swiper-slide img, .boardArea .content img {width:100%; max-width:auto;}
.boardArea .slideNav {height:20px; margin-top:-20px;}
.event h2 {background:#736051;}
.cf h2 {background:#f57f29;}
.bannArea li {position:relative; height:56px; padding:20px 0 0 15px; font-size:1.1em; background:#fff;}
.bannArea li:after {content:""; position:absolute; right:25px; top:50%; overflow:hidden; width:65px; height:50px; margin-top:-25px; background:url(/m/image/BH/main/ico_bann.png) no-repeat 0 0; background-size:130px;}
.bannArea li:nth-child(2) {border-top:1px solid #e4e6e6;}
.bannArea li:nth-child(2):after {background-position-x:-65px;}
.bannArea li strong {display:block; margin-bottom:5px; font-size:1.3em; line-height:1em; font-weight:bold; color:#0e57a1;}

/********** ETC **********/
.agreeText h2 {font-size:1.1em; line-height:1.5em; color:#232323; font-weight:bold;}
.agreeText h3 {margin-top:20px; font-weight:bold; line-height:1.5em;}
.agreeText p {line-height:1.5em;}


/* 관리자팝업 */
.adminPop {position:relative; min-height:175px; padding:0 0 25px !important;}
.adminPop .foot {position:absolute; left:0; bottom:0; overflow:hidden; width:100%; height:25px; font-size:12px; color:#fff; line-height:25px; background:#194e92;}
.adminPop .foot input[type=checkbox] {float:left; margin:5px 4px -5px 10px;}
.adminPop .foot label {float:left;}
.adminPop .foot a {float:right; margin-right:10px; color:#fff;}		


/********** 01_브랜드 **********/
/* 공통 */
.brandCont {text-align:center; margin-bottom:30px;}
.brandCont h2 {padding-top:70px; margin:70px 0 40px; border-top:1px solid #c4c4c4;}
.brandCont h2:first-child {margin-top:0; border-top:0;}
.brandCont .srmy {margin-top:20px; font-size:1.2em; line-height:1.3em; color:#753f00; font-weight:bold;}
.brandCont .text {margin-top:10px; line-height:1.3em;}
.brandCont .thumb {margin:25px 0;}

/* 소개 */
/* .intro h2 {padding:12% 0 6%;}
.intro h2 +.text {margin:0 15px; color:#232323; line-height:1.4em; font-weight:bold;}
.intro .right {position:relative; padding:7% 0; margin:7% 25px 12%;}
.intro .right:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:.7;}
.intro .right h3 {position:relative;}
.intro .right h3 img:first-child {margin-bottom:6%;}
.intro .right .text {position:relative; margin:4% 15px 0; color:#232323; font-size:0.9em; line-height:1.5em;} */
.value li {margin-top:30px;}
.value li:first-child {margin-top:0;}
.value .tit {margin:15px 0 10px; font-size:1.3em; font-weight:bold; line-height:1.3em; color:#232323;}
.value .line {width:40px; height:2px; margin:20px auto; background:#949494;}
.value .text {line-height:1.3em;}
/* .relieve li {padding:25px 30px; border:1px solid #c4c4c4; margin-top:-1px;}
.relieve li:before {content:""; display:block; overflow:hidden; width:65px; height:65px; margin:0 auto; background:url(/m/image/BH/brand/ico_intro.png) no-repeat 0 0; background-size:195px;}
.relieve li:nth-child(2):before {background-position-x:-65px;}
.relieve li:nth-child(3):before {background-position-x:-130px;}
.relieve li .tit {margin:15px 0 10px; font-size:1.3em; font-weight:bold; line-height:1.3em; color:#232323;}
.relieve .text {line-height:1.3em;} */

/* 히스토리 */
/* .history {margin-top:30px;}
.history .video {position:relative; width:100%; padding-top:55.8%;}
.history .video video {position:absolute; left:0; top:0; width:100%; height:100%;}
.history .srmy {margin-top:20px; text-align:center; color:#232323;}
.history .srmy img {margin-bottom:10px;}
.pdtHistory {position:relative; margin-top:45px;}
.pdtHistory:before {content:""; position:absolute; left:20px; top:0; width:3px; height:100%; background:#e3dbda;}
.pdtHistory li {position:relative; min-height:100px; padding:20px 50% 20px 45px; background:url(/m/image/BH/brand/ico_history.png) no-repeat 15px 24px; background-size:15px;}
.pdtHistory li .date {padding-top:5px; font-family:batang; font-size:1.2em; color:#753f00;}
.pdtHistory li .date strong {padding-right:4px; font-weight:normal; font-size:2em; letter-spacing:-2px;}
.pdtHistory li .pdt {position:absolute; left:55%; top:20px; width:129px;}
.pdtHistory li .text {padding:5px 0 0 5px; line-height:1.3em;}
.pdtHistory li .text strong {color:#232323;}
.storyHistory {display:none; position:relative; margin-top:40px;}
.storyHistory:before {content:""; position:absolute; left:30px; top:0; width:1px; height:100%; background:#e3dbda;}
.storyHistory li {position:relative; padding:7px 0 30px 80px;}
.storyHistory li .date {position:absolute; left:0; top:0; padding:3px 0; font-size:2em; line-height:1em; letter-spacing:-2px; color:#232323; background:#fff;}
.storyHistory li .text {position:relative; padding-left:7px; margin-bottom:10px; line-height:1.3em;}
.storyHistory li .text:before {content:"-"; position:absolute; left:0; top:0;}
.storyHistory li:last-child {padding-bottom:10px;} */

/* 안심플러스 */
/* .plusCont h2 {padding:12% 0 6%;}
.plusCont .text {margin:0 15px; color:#232323; line-height:1.4em; font-weight:bold;}
.brandCont .step {padding:10px 20px; margin:15px 0; text-align:left; background:#f0f0f0;}
.brandCont .step li {position:relative; padding:8px 0 8px 40px; margin:6px 0; line-height:1.3em; color:#232323; font-weight:bold;}
.brandCont .step li strong {position:absolute; left:0; top:50%; width:28px; height:28px; margin-top:-14px; border-radius:14px; text-align:center; font-family:batang; color:#fff; line-height:28px; background:#194e90;} */

/* 모유연구소 */
/* .labCont1 h2 {padding:12% 0 14%;}
.labCont1 .source {margin:5% 15px 0 0; text-align:right; line-height:1.3em;}
.core {padding-bottom:40px; text-align:center;}
.core h3 {padding:30px 0 10px; font-size:1.2em; font-weight:bold; color:#194e90; letter-spacing:-1px;}
.core h3 sup {font-size:0.6em;}
.core .text {line-height:1.3em;}
.core .logo {padding:20px 0; margin-top:20px; text-align:center; background:#f4f5f7;}
.core .logo img {width:103px; margin:0 auto;}
.core ul {overflow:hidden; margin:20px 0 0;}
.core li {float:left; width:20%; text-align:center; font-weight:bold;}
.core li:before {content:""; display:block; overflow:hidden; width:50px; height:45px; margin:0 auto 5px; background:url(/m/image/BH/brand/ico_lab.png) no-repeat 0 0; background-size:250px;}
.core li:nth-child(2):before {background-position-x:-50px;}
.core li:nth-child(3):before {background-position-x:-100px;}
.core li:nth-child(4):before {background-position-x:-150px;}
.core li:nth-child(5):before {background-position-x:-200px;}
.labCont2 {padding-bottom:40px;}
.labCont2 h2 {padding:12% 0 13%;}
.labCont2 .text {margin:15px 15px 0; text-align:left; line-height:1.3em;}
.solution {padding-bottom:40px; margin-bottom:-40px; background:#f4f5f7;}
.solution h2 {padding:12% 0 8%;}
.solution h3 {padding:30px 20px 10px; text-align:left; font-size:1.2em; font-weight:bold; color:#194e90;}
.solution .text {margin:0 20px; text-align:left; line-height:1.3em;}
.solution .btnArea {margin:30px 15px 0;}
.solution .btnArea a {margin-top:10px;}
.originCont {overflow-y:auto;} */

/* 착한분유 */ 
/* .specialCont {padding-bottom:12%; margin:0 -15px; text-align:center; background:#f8f2e4;}
.specialCont h2 {padding:12% 0 6%;}
.specialCont .srmy {margin:8% 15px 0; font-size:1.3em; line-height:1.3em; color:#232323; font-weight:bold;}
.specialCont .text {margin:15px 15px 0; line-height:1.3em;}
.specialCont2 {padding:6px; margin:40px 10px 0; border:3px solid #c8b6a1; text-align:center; line-height:1.3em;}
.specialCont2 .bgWrap {padding:9% 0; border:1px solid #c8b6a1;}
.specialCont2 .thumb img {margin:9% 0 6%;} */


/********** 02_제품 **********/
/* 리스트 */	
.keyword {position:relative; height:38px; padding:0 21px 0 100px; margin:0 -15px; background:#f5f1e8;}
.keyword h2 {position:absolute; left:21px; top:0; z-index:10; height:38px; padding:0 6px; line-height:38px; color:#f57f29; background:#f5f1e8;}
.keyword .swiper-wrapper li {float:left; height:38px; padding:0 6px; line-height:38px;}
.keyword .swiper-wrapper li.on {font-weight:bold;}
.keyword .prev {position:absolute; left:0; top:0; width:20px; height:38px; border-right:1px solid #c4c4c4; text-align:center; line-height:38px; cursor:pointer;}
.keyword .next {position:absolute; right:0; top:0; width:20px; height:38px; border-left:1px solid #c4c4c4; text-align:center; line-height:38px; cursor:pointer;}
.keyword .prev:before, .keyword .next:before {content:""; position:absolute; left:0; top:0; width:20px; height:38px; background:#fff; opacity:.8;}
.keyword .prev input, .keyword .next input {position:relative; width:5px;}
.pdtHead {padding:20px 0 10px; border-bottom:1px solid #c4c4c4;}
.pdtHead:after {content:""; display:block; clear:both;}
.pdtHead .langArea {float:left;}
.langArea {position:relative; z-index:1; width:100px;}
.langArea h3 {box-sizing:border-box; width:100px; height:30px; border:1px solid #c4c4c4;}
.langArea h3 a {display:block; padding-left:10px; line-height:28px;}
.langArea ul {display:none; position:absolute; left:0; top:29px; box-sizing:border-box; width:100px; padding:10px 0; border:1px solid #c4c4c4; background:#fff;}
.langArea li input {display:block; overflow:visible; width:100%; padding:5px 10px; margin:0; border:0; color:#585858; text-align:left; cursor:pointer; background:#fff;}
.pdtHead .text {float:right; padding-top:8px;}
.pdtList {overflow:hidden; margin:0 -5px;}
.pdtList li {display:inline-block; box-sizing:border-box; width:50%; padding:0 5px; margin:10px -4px 20px 0; vertical-align:top; text-align:center;}
.pdtList li .thumb {box-sizing:border-box; margin:0 auto; border:1px solid #ddd;}
.pdtList li .tit {margin-top:10px; font-size:1.1em; line-height:1.3em; font-weight:bold;}

/* 상세 */
.pdtIntro {padding-top:10px;}
.pdtIntro .langArea {float:left; height:30px; margin-bottom:6px;}
.pdtIntro .snsArea {float:right; margin-bottom:6px;}
.pdtIntro .snsArea li {float:left; width:25px; margin:5px 0 0 8px;}
.pdtIntro h2 {clear:both; padding-top:25px; border-top:1px solid #c4c4c4; text-align:center; color:#232323; font-size:1.2em; line-height:1.5em; word-break:keep-all;}
.pdtIntro h2 strong {display:block; font-size:2em; line-height:1.3em;}
.pdtIntro .thumb {position:relative; margin-top:25px; border:1px solid #ebebeb; text-align:center;}
.pdtIntro .thumb .ico {position:absolute; left:8px; top:-1px; width:47px;}
.pdtIntro .srmy {margin-top:35px; border-top:1px solid #c4c4c4;}
.pdtIntro .srmy li {overflow:hidden; padding:10px 5px; border-bottom:1px solid #e5e5e5; font-size:1.1em;}
.pdtIntro .srmy li:before {content:""; float:left; width:15px; height:20px; margin-right:5px; background:url(/m/image/product/ico_srmy.png) no-repeat 0 0; background-size:105px;}
.pdtIntro .srmy li strong {float:left; padding-top:3px;}
.pdtIntro .srmy li span {float:right; padding-top:3px;}
.pdtIntro .srmy li.age:before {background-position-x:-15px;}
.pdtIntro .srmy li.weight:before {background-position-x:-30px;}
.pdtIntro .srmy li.expiration:before {background-position-x:-45px;}
.pdtIntro .srmy li.keep:before {background-position-x:-60px;}
.pdtIntro .srmy li.birth:before {background-position-x:-75px;}
.pdtIntro .srmy li.etc:before {background-position-x:-90px;}
.pdtIntro .tag {padding:12px 15px; margin-top:20px; color:#fff; background:#f69751;}
.pdtIntro .btnArea .auto {overflow:hidden; margin:6px -3px 0;}
.pdtIntro .btnArea .auto span {box-sizing:border-box; float:left; width:33.3%; padding:0 3px;}
.pdtIntro .btnArea .auto a {font-size:.9em;}
.pdtIntro .btnArea .btnType7:before {content:""; display:inline-block; margin-right:4px; width:7px; height:9px; background:url(/m/image/common/blt1.png) no-repeat 0 0; background-size:7px;}
.swiperArea {position:relative; width:100%;}
.swiperArea .slideCont {overflow:hidden; margin:0 15px;}
.swiperArea .slideCont li {font-size:0.8em;}
.swiperArea .slideCont li img {margin-bottom:5px;}
.swiperArea .prev {position:absolute; left:5px; top:50%; width:12px; margin-top:-7px;}
.swiperArea .next {position:absolute; right:5px; top:50%; width:12px; margin-top:-7px;}
.relativeBrand {margin-bottom:45px;}
.pdtDetail {position:relative; padding:20px 0;}
.pdtDetail .zoom {position:absolute; right:10px; top:30px; width:20px;}
.pdtDetail .lastText {margin-top:10px; text-align:right;}
.relativeEvent {overflow:hidden; width:100%;}
.relativeEvent .slideNav {margin-top:15px;}


/********** 03_이벤트 **********/
/* 리스트 */
.eventList {margin-top:30px;}
.eventList li {margin-top:10px; padding:0 20px 20px; border:1px solid #ddd;}
.eventList li .thumb {position:relative; margin:0 -20px;}
.eventList li .thumb img {width:100%;}
.eventList li .thumb .end {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;}
.eventList li .thumb .end:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.8;}
.eventList li .thumb .end .text {position:relative; padding-bottom:6%; margin:17% 0 10%; color:#fff; font-size:1.5em; line-height:1.2em;}
.eventList li .thumb .end .text:after {content:""; position:absolute; left:50%; bottom:0; width:10px; height:1px; margin-left:-5px; background:#fff;}
.eventList li .thumb .end .btn {position:relative;}
.eventList li .thumb .end .btn a {width:auto; padding:0 20px;}
.eventList li .ing {margin-top:20px;}
.eventList li .tit {margin-top:5px; font-size:1.3em; line-height:1.3em; color:#232323; font-weight:bold;}
.eventList li .date {margin-top:20px; padding-left:13px; background:url(/m/image/BH/common/ico_date.png) no-repeat 0 1px; background-size:10px;}

/* 당첨자 */
.winnerList {margin-top:30px; border-top:2px solid #f57f29; border-bottom:1px solid #c4c4c4;}
.winnerList li {border-top:1px solid #e5e5e5;}
.winnerList li a {position:relative; display:block; padding:15px 100px 15px 15px;}
.winnerList li .date {position:absolute; right:15px; top:18px; color:#535353; font-size:.9em;}
.winnerList li .tit img.vm {width:17px; margin:-3px 0 3px 6px;}
.winnerList li:first-child {border-top:0;}
.winnerView {margin-top:30px; border-top:2px solid #753f00; border-bottom:1px solid #c4c4c4;}
.winnerView .head {padding:15px 0; }
.winnerView .head h3 {font-size:1.3em; line-height:1.3em; color:#232323; font-weight:bold;}
.winnerView .head .info {overflow:hidden; padding-top:7px;}
.winnerView .head .info .date {float:left; padding-left:12px; margin-right:6px; background:url(/m/image/BH/common/ico_date2.png) no-repeat 0 50%; background-size:10px;}
.winnerView .head .info .date:after {content:"|"; display:inline-block; padding-left:6px; color:#c4c4c4; font-weight:normal;}
.winnerView .head .info .hit {float:left; padding-left:12px; background:url(/m/image/BH/common/ico_hit.png) no-repeat 0 50%; background-size:10px;}
.winnerView .content {padding:20px 0; border-top:1px solid #e5e5e5;}

/* 행복한육아 */
/* .careCont h3 {padding:12% 0 8%; margin:0 -15px;}
.careCont .cont {margin:0 -15px;}
.careCont .text {padding:15px 0 20px; line-height:1.5em;}
.momschool ul {padding:20px 0; text-align:center; background:#f8f8f8;}		
.momschool li {display:inline-block; width:30%; margin-right:-4px; border-left:1px solid #e3e3e3; text-align:center; font-size:0.8em; line-height:1.5em; color:#232323;}
.momschool li:first-child {border-left:0;}
.momschool li:nth-child(2) {width:40%;}
.momschool li strong {font-size:2em; letter-spacing:-1px; color:#c8a36c;}
.careCont .text sup {font-size:0.5em;}
.factory h3 {padding-top:12%;}
.factory .text {padding:6% 15px 10%; font-size:1.1em; line-height:1.3em;} */

/* 포인트 */
/* .pointHead {padding:40px 0 20px; margin:0 -15px; text-align:center; background:linear-gradient(#b39b81, #a98c6b);}
.pointHead .visual {margin-top:10px;}
.saveInfo h2 {margin:40px -15px 20px; text-align:center;}
.saveInfo ol {width:100%; border-bottom:1px solid #c4c4c4;}
.saveInfo li {position:relative; display:table; box-sizing:border-box; width:100%; min-height:81px; padding:5px 85px 5px 45px; border-top:1px solid #c4c4c4; vertical-align:middle;}
.saveInfo li .pr {display:table; min-height:81px; padding:0 85px 0 45px; margin:0 -85px 0 -45px;}
.saveInfo li >strong, .saveInfo li .pr strong {position:absolute; left:0; top:50%; width:45px; height:16px; margin-top:-8px; text-align:center;}
.saveInfo li >strong img, .saveInfo li .pr strong img {width:auto; height:16px;}
.saveInfo li .text {display:table-cell; vertical-align:middle; font-weight:bold; font-size:1.1em; line-height:1.3em; color:#232323;}
.saveInfo li .ico {position:absolute; right:0; top:50%; width:85px; height:65px; margin-top:-33px; text-align:center;}
.saveInfo li .ico img {width:65px;}
.saveInfo .codeInfo {position:relative; padding:20px 15px; margin:0 -85px 0 -45px; background:#f4f5f7;}
.saveInfo .codeInfo:before {content:""; position:absolute; left:50%; top:0; width:20px; height:20px; margin:-10px 0 0 -10px; background:#f4f5f7; transform:rotate(45deg)}
.saveInfo .codeInfo:after {content:""; display:block; clear:both;}
.saveInfo .codeInfo h3 {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #c4c4c4; text-align:center; font-weight:bold; font-size:1.1em; color:#232323;}
.saveInfo .codeInfo .oh {position:relative; padding-left:90px;}
.saveInfo .codeInfo .visual {position:absolute; left:0; top:10px; width:90px; text-align:center;}
.saveInfo .codeInfo .visual img {width:64px;}
.saveInfo .codeInfo dt {font-weight:bold; color:#194e90;}
.saveInfo .codeInfo dt strong {font-size:1.1em;}
.saveInfo .codeInfo dd {margin:5px 0 20px; line-height:1.3em;}
.saveInfo .codeInfo dd strong {font-size:1.2em;}
.pointApp {padding:40px 0; margin:40px -15px 0; text-align:center; background:#f4f5f7;}
.pointApp .text {margin:20px 15px 0; font-size:1.1em; line-height:1.3em; color:#002323;}
.pointApp .visual {width:103px; margin:20px auto 0;}
.pointApp .btnArea {padding:0 15px;}
.pointApp .btnArea a {margin-top:10px;}
.cautionArea {padding:0 5px;}
.cautionArea h3 {padding-bottom:10px; margin-top:35px; border-bottom:1px solid #c4c4c4; text-align:center; font-weight:bold; color:#232323;}
.cautionArea ul {margin-top:15px;}
.cautionArea li {position:relative; margin-top:10px; line-height:1.3em; word-break:keep-all;} */

/* 프리미엄멤버십 */
/* .premiumStep h2 {padding:12% 0 40%;}
.premiumStep ol {margin:0 15px; text-align:left;}
.premiumStep li {position:relative; padding:15px 0 15px 50px; margin-top:2px; line-height:1.3em;}
.premiumStep li:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:.7;}
.premiumStep li em {position:absolute; left:25px; top:50%; width:10px; height:16px; margin-top:-8px; text-align:center;}
.premiumStep li em img {width:auto; height:16px;}
.premiumStep li span {position:relative;}
.premiumStep li:after {content:""; overflow:hidden; position:absolute; right:25px; top:50%; width:60px; height:50px; margin-top:-25px; background:url(/m/image/BH/event/ico_premium1.png) no-repeat 0 0; background-size:300px;}
.premiumStep li:nth-child(2):after {background-position-x:-60px;}
.premiumStep li:nth-child(3):after {background-position-x:-120px;}
.premiumStep li:nth-child(4):after {background-position-x:-180px;}
.premiumStep li:nth-child(5):after {background-position-x:-240px;}
.benefit h2 {padding:40px 0 20px;}
.benefit .text {margin-bottom:30px; text-align:center; line-height:1.3em;}
.benefit h3 {margin:50px 0 20px;}
.benefit ul {border-top:1px solid #c8c8c8;}
.benefit li {position:relative; padding:25px 0 25px 90px; border-bottom:1px solid #c8c8c8; text-align:left; line-height:1.3em;}
.benefit li:before {content:""; overflow:hidden; position:absolute; left:15px; top:50%; width:65px; height:50px; margin-top:-25px; background:url(/m/image/BH/event/ico_premium2.png) no-repeat 0 0; background-size:325px;}
.benefit li:nth-child(2):before {background-position-x:-65px;}
.benefit li:nth-child(3):before {background-position-x:-130px;}
.benefit li:nth-child(4):before {background-position-x:-195px;}
.benefit li:nth-child(5):before {background-position-x:-260px;} */


/********** 04_SNS **********/
/* .snsCont {padding-bottom:12%;}
.snsCont .head {padding:12% 0;}
.snsCont .head .srmy {margin:6% 0; font-weight:bold; color:#fff; font-size:1.1em;}
.snsCont h3 {margin-top:12%; font-size:1.8em; color:#232323;}
.snsCont .text {width:210px; margin:20px auto 0; font-size:1.1em; line-height:1.3em;}
.snsCont .ico {width:38px; margin:20px auto 0;}
.snsCont .slogan {margin-top:3%; font-size:1.3em; line-height:1.3em; color:#753f00; font-weight:bold;}
.snsCont .btn {margin:6% 15px 0;}
.snsCont .btn a img {width:14px; vertical-align:middle;}
 */


/********** 05_Brand Film **********/
.film h2 {padding:70px 0 15px;}
.film .videoWrap{width:100%;}
.film .youtube{ width:100%; max-width:580px; height:301px; margin:60px auto 50px; background:#dadada;}
.film .youtube .img{width:100%; height:100%;}
.film .youtube iframe{width:100%; height:100%;}
.film .bx-wrapper{width:80%;}
.film .bxslider li{width:230px; height:138px; cursor:pointer;}
.film .bxslider li.bg01{background:url(/m/image/BH/film/img_youtube01.jpg) 0 0 no-repeat; background-size:100% 200%;}
.film .bxslider li.bg02{background:url(/m/image/BH/film/img_youtube02.jpg) 0 0 no-repeat; background-size:100% 200%;}
.film .bxslider li.bg03{background:url(/m/image/BH/film/img_youtube03.jpg) 0 0 no-repeat; background-size:100% 200%;}
.film .bxslider li.bg05{background:url(/m/image/BH/film/img_youtube05.jpg) 0 0 no-repeat; background-size:100% 200%;}
.film .bxslider li.bg06{background:url(/m/image/BH/film/img_youtube06.jpg) 0 0 no-repeat; background-size:100% 200%;}
.film .bxslider li.bg07{background:url(/m/image/BH/film/img_youtube07.jpg) 0 0 no-repeat; background-size:100% 200%;}
/* .film .bxslider li{width:100%; max-width:230px; height:138px; cursor:pointer;}
.film .bxslider li.bg01{background:url(/m/image/BH/film/img_youtube01.jpg) 0 0 no-repeat; background-size:100%; }
.film .bxslider li.bg02{background:url(/m/image/BH/film/img_youtube02.jpg) 0 0 no-repeat; background-size:100%; } */
/* .film .bxslider li.bg03{background:url(/image/film/img_youtube03.jpg) 0 0 no-repeat;} */
.film .bxslider li.on{background-position:0 100%!important;}


@media all and (max-width:550px){
	.film .youtube{height:270px; margin:50px auto 40px;}
	.film .bxslider li{height:123px;}
}
@media all and (max-width:480px){
	.film .youtube{height:232px; margin:40px auto 30px;}
	.film .bxslider li{height:100px;}
}
@media all and (max-width:420px){
	.film .youtube{height:203px; margin:35px auto 25px;}
	.film .bxslider li{height:85px;}
}
@media all and (max-width:380px){
	.film .youtube{height:180px;}
	.film .bxslider li{height:75px;}
}
@media all and (max-width:320px){
	.film .youtube{height:150px;}
	.film .bxslider li{height:65px;}
}