@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : Content.CSS
	Company : The Webstyle co.,ltd
 	Author : PJH, KMY 2016-01
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc
--------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------------
	Barnd - 새로 추가되는 page - 2016.01.08
--------------------------------------------------------------------------------------------------------------------------------------------*/



 /*------------------------------------------------------------------------------------------------------------------------------------------
	동원샘물
--------------------------------------------------------------------------------------------------------------------------------------------*/

/*공통*/
.DonwonWater_wrap { max-width:1180px; margin:0 10px; line-height:1.2;}
.DonwonWater_wrap .pc { display:block; }
.DonwonWater_wrap .ta{ display:none; }
.DonwonWater_wrap .mb { display:none; }
.DonwonWater_wrap .section { clear:both; position:relative; overflow:hidden; width:100%; max-width:1180px; margin:0; }

@media all and (max-width:768px){
.DonwonWater_wrap { margin:0 0; }
.DonwonWater_wrap .section { padding:0 10px; }
}

@media all and (max-width:360px){
.DonwonWater_wrap .pc{ display:none; }
.DonwonWater_wrap .ta{ display:none; }
.DonwonWater_wrap .mb{ display:block; }
}


/*동원샘물 브랜드스토리*/
.DonwonWater_wrap.story { color:#fff; }

.DonwonWater_wrap.story .section1 { padding:757px 0; background:url("/Images/Brand/bg_brandDongwonWaterStory_p01.jpg") center top no-repeat; }
.DonwonWater_wrap.story .section2 { padding:866px 0; background:url("/Images/Brand/bg_brandDongwonWaterStory_p02.jpg") center top no-repeat; }
.DonwonWater_wrap.story .section3 { padding:917px 0; background:url("/Images/Brand/bg_brandDongwonWaterStory_p03.jpg") center top no-repeat; }
.DonwonWater_wrap.story .section4 { padding:2332px 0; background:url("/Images/Brand/bg_brandDongwonWaterStory_p04.jpg") center top no-repeat; }
.DonwonWater_wrap.story .section5 { padding:1567px 0; background:url("/Images/Brand/bg_brandDongwonWaterStory_p05.jpg") center top no-repeat; }
.DonwonWater_wrap.story .section .imgTxt {font-size: 0;}

/* 
.DonwonWater_wrap.story .section .txt_left { float:left; margin-left:62px; }
.DonwonWater_wrap.story .section .txt_left p { font-size:44px; font-family:"NotoSansLight"; word-break:break-all; word-wrap:break-word; white-space:pre-line; }
.DonwonWater_wrap.story .section .txt_right { float:right; margin-right:32px; text-align:left; }
.DonwonWater_wrap.story .section .txt_right .tgourp { width:251px; }
.DonwonWater_wrap.story .section .txt_right .tgourp .txt_emphasis { margin-bottom:20px; font-size:18px; font-weight:bold; word-break:break-all; word-wrap:break-word; white-space:pre-line; line-height:1.4; }
.DonwonWater_wrap.story .section .txt_right .tgourp .txts {}
.DonwonWater_wrap.story .section .txt_right .tgourp .txts span { display:block; font-size:15px; word-break:break-all; word-wrap:break-word; white-space:pre-line; line-height:1.4; }
.DonwonWater_wrap.story .section .txt_right .tgourp .txts span.tw_b { font-weight:bold; }

.DonwonWater_wrap.story .section1 .tit01 { font-size:18px; font-weight:bold; text-align:center; }
.DonwonWater_wrap.story .section1 .tit02 { font-size:66px; margin-top:5px; font-family:"NotoSansThin"; text-align:center; }
.DonwonWater_wrap.story .section2 .txt_right .tgourp:first-child { margin-bottom:147px; }
.DonwonWater_wrap.story .section3 .txt_right .tgourp { width:243px; margin-top:290px; }
.DonwonWater_wrap.story .section4 .txt_right .tgourp .txts:first-child { margin:15px 0 30px 0; }
*/




@media all and (max-width:768px){
/* .DonwonWater_wrap.story .section .txt_left { margin-left:30px; }
.DonwonWater_wrap.story .section .txt_left p { font-size:30px; }
.DonwonWater_wrap.story .section .txt_right { margin-right:2%; }
.DonwonWater_wrap.story .section .txt_right .tgourp { width:220px; }
.DonwonWater_wrap.story .section .txt_right .tgourp .txt_emphasis { margin-bottom:20px; font-size:16px; }
.DonwonWater_wrap.story .section .txt_right .tgourp .txts span { font-size:14px; white-space:normal; }

.DonwonWater_wrap.story .section1 .tit02 { font-size:43px; }
.DonwonWater_wrap.story .section2 .txt_right .tgourp:first-child { margin:40px 0 200px 0; }
.DonwonWater_wrap.story .section3 .txt_right .tgourp { width:210px; } */

.DonwonWater_wrap.story .section { background-size: 100%; }
.DonwonWater_wrap.story .section1 { padding:478px 0; }
.DonwonWater_wrap.story .section2 { padding:550px 0; }
.DonwonWater_wrap.story .section3 { padding:587px 0; }
.DonwonWater_wrap.story .section4 { padding:1497px 0; }
.DonwonWater_wrap.story .section5 { padding:937px 0; }
}

@media all and (max-width:640px){
.DonwonWater_wrap.story .section3 .txt_right .tgourp { width:137px; margin-top:211px; }

.DonwonWater_wrap.story .section1 { padding:392px 0; }
.DonwonWater_wrap.story .section2 { padding:452px 0; }
.DonwonWater_wrap.story .section3 { padding:484px 0; }
.DonwonWater_wrap.story .section4 { padding:1238px 0; }
.DonwonWater_wrap.story .section5 { padding:780px 0; }
}

@media all and (max-width:580px){
.DonwonWater_wrap.story .section2 .txt_right .tgourp:first-child { margin:40px 0; }

.DonwonWater_wrap.story .section1 { padding:352px 0; }
.DonwonWater_wrap.story .section2 { padding:406px 0; }
.DonwonWater_wrap.story .section3 { padding:436px 0; }
.DonwonWater_wrap.story .section4 { padding:1116px 0; }
.DonwonWater_wrap.story .section5 { padding:706px 0; }
}

@media all and (max-width:530px){
.DonwonWater_wrap.story .pc { display:none; }
.DonwonWater_wrap.story .mb { display:block; }
.DonwonWater_wrap.story .section { max-width:530px; width:100%; }
.DonwonWater_wrap.story .section img { width:100%; }
.DonwonWater_wrap.story .section1,
.DonwonWater_wrap.story .section2,
.DonwonWater_wrap.story .section3,
.DonwonWater_wrap.story .section4,
.DonwonWater_wrap.story .section5 { padding:0; background:none; }
}


/*동원샘물 소식,이벤트*/
.DonwonWater_wrap.intro { color:#3b5fb0; font-family:"NotoSansRegular"; }
.DonwonWater_wrap.intro .section { max-width:1180px; background:#ebf8ff;}
.DonwonWater_wrap.intro .section img { width:100%; max-width:1180px; }
.DonwonWater_wrap.intro .section .tit01 { text-align:center; word-break:break-all; word-wrap:break-word; white-space:pre-line; }
.DonwonWater_wrap.intro .section .tit02 { position:absolute; top:6.9%; left:23%; font-size:46px; text-align:center; word-break:break-all; word-wrap:break-word; white-space:pre-line; }

.DonwonWater_wrap.intro .section1 .tit01 { position:absolute; top:32%; left:33.2%; font-size:27px; }
.DonwonWater_wrap.intro .section1 .tit01 strong { font-size:37px; font-weight:bold; }

.DonwonWater_wrap.intro .section2 .tit01 { position:absolute; top:8.1%; left:36.2%; font-size:35px; }

.DonwonWater_wrap.intro .section4 ul { max-width:590px; margin:0 auto; }
.DonwonWater_wrap.intro .section4 ul li { float:left; width:270px; margin:0 10px 60px; text-align:center; }
.DonwonWater_wrap.intro .section4 ul li img { width:100%; max-width:121px; }
.DonwonWater_wrap.intro .section4 ul li .icon_tit { margin:20px 0 30px; font-size:30px; text-align:center; word-break:break-all; word-wrap:break-word; white-space:pre-line; }
.DonwonWater_wrap.intro .section4 ul li .icon_txt { font-size:15px; color:#222222; text-align:center; word-break:break-all; word-wrap:break-word; white-space:pre-line; }

@media all and (max-width:1045px){
.DonwonWater_wrap.intro .section .tit02 { left:16%; }

.DonwonWater_wrap.intro .section1 .tit01 { left:28%; }
.DonwonWater_wrap.intro .section2 .tit01 { left:32%; }
}

@media all and (max-width:768px){
.DonwonWater_wrap.intro .section .tit02 { left:21%; font-size:30px; }

.DonwonWater_wrap.intro .section1 .tit01 { top:30%; left:22%; font-size:27px; }
.DonwonWater_wrap.intro .section1 .tit01 strong { font-size:30px; }
.DonwonWater_wrap.intro .section2 .tit01 { left:30%; font-size:30px; }
}

@media all and (max-width:640px){
.DonwonWater_wrap.intro .section .tit02 { font-size:24px; }

.DonwonWater_wrap.intro .section1 .tit01 { font-size:22px; }
.DonwonWater_wrap.intro .section1 .tit01 strong { font-size:24px; }
.DonwonWater_wrap.intro .section2 .tit01 { left:31%; font-size:24px; }
.DonwonWater_wrap.intro .section4 ul { max-width:310px; }
.DonwonWater_wrap.intro .section4 ul li { width:135px; }
.DonwonWater_wrap.intro .section4 ul li .icon_tit { margin:20px 0; font-size:22px; white-space:normal; }
.DonwonWater_wrap.intro .section4 ul li .icon_txt { white-space:normal; }
}

@media all and (max-width:480px){
.DonwonWater_wrap.intro .section .tit02 { top:0; left:27%; width:214px; }
.DonwonWater_wrap.intro .section1 .tit01 { left:25%; font-size:15px; }
.DonwonWater_wrap.intro .section1 .tit01 strong { font-size:22px; }
.DonwonWater_wrap.intro .section2 .tit01 { left:27%; font-size:22px; }
}

@media all and (max-width:438px){
.DonwonWater_wrap.intro .section .tit02 { width:200px; font-size:20px; }
}

@media all and (max-width:360px){
.DonwonWater_wrap.intro .section .tit02 { top:8%; left:21%; width:214px; }
.DonwonWater_wrap.intro .section1 .tit01 { left:16%; }
.DonwonWater_wrap.intro .section2 .tit01 { left:20%; }
}

/*동원샘물 깨끗한 제품공정*/
.DonwonWater_wrap.progress .section img {width: 100%;}
.DonwonWater_wrap.progress .section .imgTxt {font-size: 0;}
/* .DonwonWater_wrap.progress .section { margin-bottom:80px; font-family:"NotoSansRegular"; }
.DonwonWater_wrap.progress .section h3.tit { margin-bottom:30px; padding-top:15px; font-size:24px; background:url("/Images/Brand/bu_brandDongwonWaterProgress_01.png") left top no-repeat; }
.DonwonWater_wrap.progress .section h4.sub_tit { margin-bottom:30px; line-height:1.5; }
.DonwonWater_wrap.progress .section img { width:100%; }

.DonwonWater_wrap.progress .section1 .feature > li { float:left; width:380px; margin-right:20px; border:1px solid #0078c2; }
.DonwonWater_wrap.progress .section1 .feature > li.last { margin-right:0; }
.DonwonWater_wrap.progress .section1 .feature > li img { max-width:378px; }
.DonwonWater_wrap.progress .section1 .feature > li .ft { padding:40px 30px; }
.DonwonWater_wrap.progress .section1 .feature > li .ft .ft_tit { margin-bottom:15px; font-size:22px; }
.DonwonWater_wrap.progress .section1 .feature > li .ft .ft_stit { height:40px; margin-bottom:30px; color:#0078c2; font-size:18px; }
.DonwonWater_wrap.progress .section1 .feature > li .ft .ft_txts { height:120px; font-family:"NotoSansLight"; font-size:15px; }
.DonwonWater_wrap.progress .section1 .feature > li .ft .ft_txts li { line-height:1.5; }

.DonwonWater_wrap.progress .section2 .terms li { float:left; overflow:hidden; max-width:548px; margin:15px 50px 15px 0; }
.DonwonWater_wrap.progress .section2 .terms li.mrn { margin:15px 0;}
.DonwonWater_wrap.progress .section2 .terms li .ter_left { float:left; max-width:122px; }
.DonwonWater_wrap.progress .section2 .terms li .ter_left img { max-width:122px; }
.DonwonWater_wrap.progress .section2 .terms li .ter_right { float:left; max-width:395px; margin-left:30px; }
.DonwonWater_wrap.progress .section2 .terms li .ter_right .ter_tit { margin:20px 0; font-size:22px; }
.DonwonWater_wrap.progress .section2 .terms li .ter_right .ter_txt { font-family:"NotoSansLight"; font-size:15px; }

.DonwonWater_wrap.progress .section3 .pro_map { max-width:1174px; padding:55px 0; text-align:center; background:#f8f8f8; border:1px solid #dddddd; }
.DonwonWater_wrap.progress .section3 .pro_map img { max-width:655px; }

.DonwonWater_wrap.progress .section4 .make_essence .es_tit { margin:30px 0; text-align:center; font-size:24px; }
.DonwonWater_wrap.progress .section4 .make_essence .es_list { overflow:hidden; width:1136px; margin:0 auto; }
.DonwonWater_wrap.progress .section4 .make_essence .es_list li { float:left; width:264px; margin:0 20px 20px 0; }
.DonwonWater_wrap.progress .section4 .make_essence .es_list li p { margin-top:15px; }

.DonwonWater_wrap.progress .section4 .make { position:relative; overflow:hidden; width:1166px; padding-top:100px; margin:0 auto; }
.DonwonWater_wrap.progress .section4 .make .bg_line {position:absolute; top:0; left:23px; }
.DonwonWater_wrap.progress .section4 .make .line.pc_line { margin-right:20px; }
.DonwonWater_wrap.progress .section4 .make .line .line_tit { margin-bottom:40px; font-size:24px; text-align:center; }
.DonwonWater_wrap.progress .section4 .make .line ul li { float:left; margin:0 20px 30px 0; }
.DonwonWater_wrap.progress .section4 .make .line { float:left; width:570px; padding:50px 5px 30px 25px; border:1px solid #d7e4ed; background:#e9f3f9; } 


@media all and (max-width:1045px){
.DonwonWater_wrap.progress .section1 .feature > li { width:320px; }

.DonwonWater_wrap.progress .section2 .terms li { max-width:500px; }
.DonwonWater_wrap.progress .section2 .terms li .ter_right { max-width:300px; }
.DonwonWater_wrap.progress .section4 .make_essence .es_list { width:1000px; }

.DonwonWater_wrap.progress .section4 .make_essence .es_list li { width:230px; }
.DonwonWater_wrap.progress .section4 .make { padding-top:85px; }
.DonwonWater_wrap.progress .section4 .make .bg_line { width:950px; }
.DonwonWater_wrap.progress .section4 .make .line { width:490px; padding:50px 5px 30px 17px; }
.DonwonWater_wrap.progress .section4 .make .line ul li { width:144px; margin:0 10px 30px 0; }
}

@media all and (max-width:768px){
.DonwonWater_wrap.progress .pc { display:none; }
.DonwonWater_wrap.progress .ta{ display:block; }

.DonwonWater_wrap.progress .section1 .feature { width:350px; margin:0 auto; }
.DonwonWater_wrap.progress .section1 .feature > li { width:350px; margin-bottom:20px; }

.DonwonWater_wrap.progress .section2 .terms { width:460px; margin:0 auto; }
.DonwonWater_wrap.progress .section2 .terms li { max-width:460px; margin:15px 0; }
.DonwonWater_wrap.progress .section2 .terms li .ter_right { max-width:300px; }

.DonwonWater_wrap.progress .section4 .make_essence .es_list { width:auto; margin-left:3%; }
.DonwonWater_wrap.progress .section4 .make_essence .es_list li { width:auto; max-width:23%; margin:0 10px 15px 0; }
.DonwonWater_wrap.progress .section4 .make_essence .es_list li p { margin-top:10px; font-size:14px; }
.DonwonWater_wrap.progress .section4 .make { width:auto; margin-left:3%; padding-top:58px; }
.DonwonWater_wrap.progress .section4 .make .bg_line { width:auto; max-width:650px; }
.DonwonWater_wrap.progress .section4 .make .line { width:46.5%; }
.DonwonWater_wrap.progress .section4 .make .line ul li { width:45%; }
.DonwonWater_wrap.progress .section4 .make .line ul li p { font-size:14px; }
}

@media all and (max-width:640px){
.DonwonWater_wrap.progress .section4 .make { padding-top:7.9%; }
.DonwonWater_wrap.progress .section4 .make_essence .es_list li { width:46%; max-width:50%; }
.DonwonWater_wrap.progress .section4 .make .bg_line { width:89%; max-width:90%; }
.DonwonWater_wrap.progress .section4 .make .line { padding:50px 10px 30px 10px; }
.DonwonWater_wrap.progress .section4 .make .line ul li { width:100%; margin:0 0 30px 0; }
}

@media all and (max-width:480px){
.DonwonWater_wrap.progress .section2 .terms { width:100%; margin:0 auto; }
.DonwonWater_wrap.progress .section2 .terms li { max-width:100%; margin:15px auto; }
.DonwonWater_wrap.progress .section2 .terms li .ter_left { max-width:20%; }
.DonwonWater_wrap.progress .section2 .terms li .ter_left img { max-width:100%; }
.DonwonWater_wrap.progress .section2 .terms li .ter_right { max-width:75%; width:70%; margin-left:20px; }
.DonwonWater_wrap.progress .section2 .terms li .ter_right .ter_tit { margin:15px 0; font-size:18px; }
.DonwonWater_wrap.progress .section2 .terms li .ter_right .ter_txt { font-size:14px; }
}
@media all and (max-width:360px){
.DonwonWater_wrap.progress .section1 .feature { width:300px; }
.DonwonWater_wrap.progress .section1 .feature > li { width:300px; margin:0 auto 20px; }
}
*/


/*동원샘물 동원샘물 물로 캠페인*/
.DonwonWater_wrap.campaign .section img {width: 100%;}
.DonwonWater_wrap.campaign .section .imgTxt {font-size: 0;}


/*동원샘물 대리점모집 */
.DonwonWater_wrap.storerecruit { width:100%; }
.DonwonWater_wrap.storerecruit .section{ max-width:1180px; width:100%; height:auto; margin:0 auto 60px; }
.DonwonWater_wrap.storerecruit .section h2 { font-size:24px; }

.DonwonWater_wrap.storerecruit .section1 .CI_diagram{ padding:5% 10%; text-align:center; background:#f8f8f8; border:1px solid #ddd; }
.DonwonWater_wrap.storerecruit .section1 .CI_diagram img{ width:100%; }

.DonwonWater_wrap.storerecruit .section2 .merit_list{ width:1180px; height:auto; padding:0; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li{ float:left; width:275px; height:216px; background:#fff; border:2px solid #047ac3; list-style-type:none; margin:20px 0 0 20px; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li.list1{ background:url('/Images/Brand/ico_brandDongwonWaterStorerecruit_merit01.png') center 48px no-repeat; margin-left:0; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li.list2{ background:url('/Images/Brand/ico_brandDongwonWaterStorerecruit_merit02.png') center 40px no-repeat; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li.list3{ background:url('/Images/Brand/ico_brandDongwonWaterStorerecruit_merit03.png') center 42px no-repeat; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li.list4{ background:url('/Images/Brand/ico_brandDongwonWaterStorerecruit_merit04.png') center 42px no-repeat; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li.list5{ background:url('/Images/Brand/ico_brandDongwonWaterStorerecruit_merit05.png') center 41px no-repeat; margin-left:0; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li.list6{ background:url('/Images/Brand/ico_brandDongwonWaterStorerecruit_merit06.png') center 39px no-repeat; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li.list7{ background:url('/Images/Brand/ico_brandDongwonWaterStorerecruit_merit07.png') center 46px no-repeat; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li.list8{ background:url('/Images/Brand/ico_brandDongwonWaterStorerecruit_merit08.png') center 28px no-repeat; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li p{ font-size:16px; color:#555; text-align:center; padding:127px 37px 0; margin:0;}

.DonwonWater_wrap.storerecruit .section3 .step{ overflow:hidden; width:640px; margin:0 auto; }
.DonwonWater_wrap.storerecruit .section3 .step ul{overflow:hidden; width:718px; margin-left:-80px; margin-top:-80px;}
.DonwonWater_wrap.storerecruit .section3 .step ul li{ position:relative; float:left; width:359px; padding:80px 0 0 80px;}
.DonwonWater_wrap.storerecruit .section3 .step ul li .arrow {position:absolute; display:inline-block; *display:inline; *zoom:1; width:40px; height:40px; background:url('/Images/Brand/ico_rightBottom_arrow_agent.png') 0 0 no-repeat;}
.DonwonWater_wrap.storerecruit .section3 .step ul li.second .arrow{ left:19px; top:162px; }
.DonwonWater_wrap.storerecruit .section3 .step ul li.third{float:right;}
.DonwonWater_wrap.storerecruit .section3 .step ul li.third .arrow{ left:201px; top:20px; background-position:-40px 0;}
.DonwonWater_wrap.storerecruit .section3 .step ul li.last .arrow{ background:url('/Images/Brand/ico_leftBottom_arrow_agent.png') 0 0 no-repeat; left:378px; top:162px; }
.DonwonWater_wrap.storerecruit .section3 .step ul li dl{ width:279px; border:1px solid #DFDFDF; color:#222; }
.DonwonWater_wrap.storerecruit .section3 .step ul li dl dt{ padding:18px 0; border-bottom:1px solid #ddd; background-color:#F4F4F4;  font-family:"NotoSansRegular"; font-size:18px; text-align:center; }
.DonwonWater_wrap.storerecruit .section3 .step ul li dl dd{ height:138px; padding-top:40px; text-align:center;}
.DonwonWater_wrap.storerecruit .section3 .step  ul li dl dd strong {display:block;}
.DonwonWater_wrap.storerecruit .section3 .step .last .makeAgent{ height:194px; text-align:center; border:2px solid #047ac3; background:url('/Images/Brand/ico_brandDongwonWaterStorerecruit_makeAgent.png') center center no-repeat;}
.DonwonWater_wrap.storerecruit .section3 .step .last .makeAgent strong{ display:block; padding-top:131px;}

@media all and (max-width:1045px) {
.DonwonWater_wrap.storerecruit .section2 .merit_list { width:638px; margin:0 auto; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li.list3,
.DonwonWater_wrap.storerecruit .section2 .merit_list li.list7 { margin-left:0; }
}

@media all and (max-width:640px) {
.DonwonWater_wrap.storerecruit .section2 .merit_list { width:auto; }
.DonwonWater_wrap.storerecruit .section2 .merit_list li { float:none; width:275px; margin:20px auto !important; }

.DonwonWater_wrap.storerecruit .section3 .step {width:auto; text-align:center;}
.DonwonWater_wrap.storerecruit .section3 .step ul {width:auto; margin-left:0;}
.DonwonWater_wrap.storerecruit .section3 .step ul li {float:none; width:279px; margin:0 auto; padding-left:0;}
.DonwonWater_wrap.storerecruit .section3 .step ul li.second .arrow {left:50%; top:20px; margin-left:-20px; background-position:-40px 0;}
.DonwonWater_wrap.storerecruit .section3 .step ul li.third {float:none;}
.DonwonWater_wrap.storerecruit .section3 .step ul li.third .arrow {left:50%; top:20px; margin-left:-20px; background-position:-40px 0;}
.DonwonWater_wrap.storerecruit .section3 .step ul li.last .arrow {left:50%; top:20px; margin-left:-20px; background-position:-40px 0;}
}

.DonwonWater_wrap.storerecruit .section4 .tel{ padding:39px 0; border:1px solid #ddd; text-align:center;}
.DonwonWater_wrap.storerecruit .section4 .tel a{ display:inline-block; height:69px; line-height:67px; color:#fff; font-weight:bold; text-decoration:none; background:#2C3C4E; padding:0 40px; }
.DonwonWater_wrap.storerecruit .section4 .tel a > span{ display:block; position:relative; height:100%;padding-left:26px;}
.DonwonWater_wrap.storerecruit .section4 .tel .ico_tel{ display:inline-block; position:absolute; top:17px; left:-10px; z-index:2; width:32px; height:32px; background:url('/Images/Brand/ico_brandDongwonWaterStorerecruit_tel.png') center center no-repeat;}


 /*덴마크 우유 메인*/
/*.brandContents_wrap.milk .brandVisual {margin-bottom:0;}*/
.brandContents_wrap.milk .brand_product {position:relative;}
.brandContents_wrap.milk .brandContents .brand_product_total a.btn_goMore {margin:5px 0 0 30px;}

/*공통*/
.contentSubMenu_wrap {max-width:1200px; margin:0 auto}
.contentSubMenu { margin:0 12px 0px 12px; padding-bottom:23px; border-bottom:2px solid #000}
.contentSubMenu:after {display:block; content:""; clear:both}
.contentSubMenu ul {text-align:center;}
.contentSubMenu li {display:inline-block; padding:18px 16px 0 20px;  background:url("/Images/Brand/contentsubmenu_list_bar.gif") left 22px no-repeat}
.contentSubMenu li:first-child {background:none}
.contentSubMenu li a {font-size:18px; color:#666666;}
.contentSubMenu li a.on {border-bottom:2px solid #717171; color:#222222}

/*브랜드스토리(상단)*/
.brandContents_wrap.milk h3.story {font-size:55px; color:#2a2a2a; line-height:65px;}
.DenmarkMilkStory {width:auto; height:624px; margin:0 10px ; padding:70px 0 20px 100px; background:url("/Images/Brand/bg_DenmarkMilkStroy.jpg") center top no-repeat;}
.DenmarkMilkStory .cont {width:auto; max-width:588px; padding-top:20px; font-size:16px; line-height:20px; color:#383737 }
@media all and (max-width:640px){
	.DenmarkMilkStory {padding:70px 0 20px 0; text-align:center;}
	.DenmarkMilkStory .cont {padding-left:10px; padding-right:10px;}
}
/*브랜드스토리(하단)*/
.DenmarkMilKList_wrap {height:1991px; margin:0 12px; background-color:#B38B63;}
.DenmarkMilKList_wrap .DenmarkMilK {padding:200px 0 243px 0; background:url("/Images/Brand/bg_DenmarkMilkList_top.jpg") center top no-repeat; font-size:18px; color:#0d0d0d; text-align:center; line-height:22px;}
.DenmarkMilKList_wrap .DenmarkMilK span {display:block;}

.DenmarkMilKList {height:1090px; margin:0 auto; background:url("/Images/Brand/bg_DenmarkMilkList_middle.jpg") center top no-repeat;}

.DenmarkMilK_bottom {height:370px; margin:0 auto; background:url("/Images/Brand/bg_DenmarkMilkList_bottom.jpg") center top no-repeat;}

.DenmarkMilKList h3 {padding:50px 0 20px 0;}

.story_list {overflow:hidden; width:1024px; margin:0 auto;}
.story_list li.item {position:relative; float:left; margin-top:35px; margin-left:35px;}
.story_list li.item:first-child {margin-left:0;}
.story_list li.item > a {display:inline-block; *display:inline; *zoom:1; width:318px; height:417px; background-color:#F7F0E8;}
.story_list li.item > a:hover {background-color:#fff;}
.story_list li.item.first > a:hover,
.story_list li.item.first > a:focus  {background:url('/Images/Brand/bg_denmarkStory1.gif') 10px 10px no-repeat #fff; color:#fff;}
.story_list li.item.second > a:hover,
.story_list li.item.second > a:focus  {background:url('/Images/Brand/bg_denmarkStory2.gif') right bottom no-repeat #fff;}
.story_list li.item.third > a:hover,
.story_list li.item.third > a:focus  {background:url('/Images/Brand/bg_denmarkStory3.gif') 10px 10px no-repeat #fff;}
.story_list li.item > a > span {display:block;}
.story_list li.item > a > span > span {display:block;}

.story_list li.item > a .story {width:298px; margin:10px; padding-top:30px;}
.story_list li.item > a .story h4 {overflow:hidden; max-height:76px; padding-left:25px; font-family:"NotoSansRegular"; font-size:22px; line-height:25px;}
.story_list li.item > a .story .story_body {overflow-y:auto; height:150px; margin-top:5px; padding-left:25px;  font-size:15px; line-height:18px;}
.story_list li.item > a .story .more_wrap {position:absolute; left:50%; bottom:30px; margin-left:-45px;}
.story_list li.item > a .story .more_wrap .more {display:inline-block; *display:inline; *zoom:1; width:90px; height:90px;}
.story_list li.item > a:hover .more_wrap {display:none;}

@media all and (max-width:1137px){
	.DenmarkMilKList {width:auto;}
}
@media all and (max-width:1024px){
	.DenmarkMilKList_wrap {margin:0;}
	.contentSubMenu {margin:0;}
}
@media all and (max-width:768px){
	.DenmarkMilKList_wrap {height:auto;}
	.DenmarkMilKList {height:auto; background-size:auto 100%;}
	.story_list {width:671px;}
	.story_list li.item:nth-child(2n+1) {margin-left:0;}
}
@media all and (max-width:640px){
	.DenmarkMilKList_wrap .DenmarkMilK span {display:inline-block; *dipslay:inline; *zoom:1; padding:0 10px;}
	.DenmarkMilKList h3.story span {display:block;}
	.story_list {width:auto; text-align:center;}
	.story_list li.item {float:none; margin-left:0;}
}
@media all and (max-width:333px){
	.story_list li.item > a {width:280px; height:367px;}
	.story_list li.item.first > a:hover {background-size:260px auto;}
	.story_list li.item.third > a:hover {background-size:260px auto;}
	.story_list li.item > a .story {width:260px;}
	.story_list li.item > a .story h4 {padding-left:0;}
	.story_list li.item > a .story .story_body {padding-left:0;}
}

.story_content .story_cont {display:none; min-height:550px; padding:50px 76px 0 76px; outline:none;}
.story_content .story_cont.on {display:block;}
.story_content .story_cont.last {position:relative;}
.story_content .story_cont.last .rotate_area {position:absolute; width:348px; height:242px; padding:10px; background-color:#fff;}
.story_content .story_cont.last .rotate_area.img1 {left:464px; top:153px; z-index:101; transform:rotate(4deg);}
.story_content .story_cont.last .rotate_area.img2 {left:734px; top:106px; z-index:100; transform:rotate(-3deg);}
.story_content .story_cont.last .rotate_area img {width:100%;}
.story_content .story_cont h4 {font-family:"NotoSansRegular"; font-size:25px; color:#000;}
.story_content .story_cont h4.hide {font-size:0; line-height:0;}
.story_content .story_cont .story_body {margin-top:20px; line-height:20px;}
@media all and (max-width:1024px){
	.story_content .story_cont.last .rotate_area {width:248px; height:173px;}
	.story_content .story_cont.last .rotate_area.img1 {left:408px; top:203px;}
	.story_content .story_cont.last .rotate_area.img2 {left:634px; top:166px;}
}
@media all and (max-width:768px){
	.story_content .story_cont {padding:50px 35px 0 35px;}
	.story_content .story_cont.first {padding-bottom:35px;}
	.story_content .story_cont.last {background-size:auto 100%;}
	.story_content .story_cont.last .rotate_area.img1 {left:268px;}
	.story_content .story_cont.last .rotate_area.img2 {left:454px;}
}
@media all and (max-width:640px){
	.story_content .story_cont.last .rotate_area {width:148px; height:107px;}
	.story_content .story_cont.last .rotate_area.img1 {left:148px;}
	.story_content .story_cont.last .rotate_area.img2 {left:234px;}
}
@media all and (max-width:384px){
	.story_content .story_cont.last .rotate_area.img1 {left:108px;}
	.story_content .story_cont.last .rotate_area.img2 {left:194px;}
}
@media all and (max-width:384px){
	.story_content .story_cont.last .rotate_area.img1 {left:88px;}
	.story_content .story_cont.last .rotate_area.img2 {left:174px;}
}
@media all and (max-width:333px){
	.story_content .story_cont.last .rotate_area.img1 {left:48px; top:243px;}
	.story_content .story_cont.last .rotate_area.img2 {left:134px; top:206px;}
}
.story_body ul {overflow:hidden; margin-top:6px;}
.story_body ul:first-child {margin-top:0;}
.story_body ul li {float:left;}
.story_body ul li > div {height:132px; margin-top:1px; margin-right:1px; padding:10px; background:url('/Images/Brand/bg_1x1_story.png') 0 0 repeat; font-size:15px;}
.story_body ul li.first div {margin-right:5px; background-color:#fff; font-family:"NotoSansRegular"; font-size:18px;}
.story_body ul li.last {margin-right:0;}
	.story_body ul li > div > span.mob_inline {display:block;}
@media all and (max-width:768px){
	.story_body ul li.first > div {margin-right:1px;}
}
@media all and (max-width:414px){
	.story_body ul li > div {height:67px;}
	.story_body ul li > div > strong {display:block;}
	.story_body ul li > div > span.mob_inline {display:inline;}
}


.brandEetStoy_Wrap {position:relative; margin-bottom:35px;}
.brandEetStoy_Wrap:after {display:block; content:""; clear:both}
.brandEetStoy_Wrap .brandMain_prodList>li.item {float:left; vertical-align:top}
.brandEetStoy_Wrap .brandMain_prodList>li.item.last {margin:0 0 0 20px}
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_event , .brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story  {position:relative; width:578px; height:361px; padding:60px 45px 0 53px;}
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_event {background:url("/Images/Brand/bg_brandDenmarkMilkMain_Event.jpg") center 0 no-repeat; cursor:pointer;}
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_event.dongwonwater {background:url("/Images/Brand/bg_brandDongwonWater_Event.jpg") center 0 no-repeat}
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story { background:url("/Images/Brand/bg_brandDenmarkMilkMain_Story.jpg") center 0 no-repeat}
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story.cowtree { background:url("/Images/Brand/bg_brandCowTreeMain_Story.jpg") center 0 no-repeat}
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story.dongwonwater { background:url("/Images/Brand/bg_brandDongwonWater_Story.jpg") center 0 no-repeat}

.brandEetStoy_Wrap .brandMain_prodList>li.item  p.tit {font-family:"NotoSansLight"; font-size:35px; color:#113144; line-height:40px; text-align:right}
.brandEetStoy_Wrap .brandMain_prodList>li.item  p.tit strong {display:inline-block; *display:inline; *zoom:1; margin-top:10px;  font-family:"NotoSansMedium"; font-size:50px; line-height:50px;}
.brandEetStoy_Wrap .brandMain_prodList>li.item  .dongwonwater p.tit {font-family:"NotoSansThin"; font-size:30px; line-height:30px; text-align:left}
.brandEetStoy_Wrap .brandMain_prodList>li.item  .dongwonwater p.tit strong {margin-top:0; font-family:"NotoSansRegular"; font-size:30px; line-height:30px;}

.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story .tit {font-family:"NotoSansThin"; font-size:30px; line-height:30px; text-align:left}
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story .tit strong {margin-top:0; font-family:"NotoSansRegular"; font-size:30px; line-height:30px;}
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story .cont {margin-top:70px; font-size:15px; color:#333; line-height:20px}

.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story .btn_wrap {text-align:left}

.brandEetStoy_Wrap .brandMain_prodList>li.item .prodMenu_wrap {position:absolute; bottom:0px; left:0px; width:100%; height:105px; background:url('/Images/Common/bg_black_alpha70.png') left top repeat;}

.brandEetStoy_Wrap .brandMain_prodList>li.item .prodMenu_wrap .prodMenu {padding:28px 0 0 35px; line-height:24px; color:#fff;}
.brandEetStoy_Wrap .brandMain_prodList>li.item .prodMenu_wrap .prodMenu dd {font-size:14px;}

.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency_finding , .brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency  {position:relative; width:578px; height:250px; padding:48px 0 0 38px;}

.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency_finding {background:url("/Images/Brand/bg_brandDenmarkMilkMain_agency_finding.jpg") center 0 no-repeat}
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency { background:url("/Images/Brand/bg_brandDenmarkMilkMain_agency.jpg") center 0 no-repeat}

.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency_finding {background:url("/Images/Brand/bg_brandDongwonWaterMain_agency_finding.jpg") center 0 no-repeat}
.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag1 { background:url("/Images/Brand/bg_brandDongwonWaterMain_agency01.jpg") center 0 no-repeat}
.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag2 { background:url("/Images/Brand/bg_brandDongwonWaterMain_agency02.jpg") center 0 no-repeat}
.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag3 { background:url("/Images/Brand/bg_brandDongwonWaterMain_agency03.jpg") center 0 no-repeat}

.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency .tit {font-size:24px; line-height:30px; color:#333333; text-align:left}
.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag1 .tit,
.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag2 .tit {font-family:"NotoSansThin"; font-size:30px; line-height:30px; color:#333333; text-align:left}
.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag3 .tit {font-family:"NotoSansThin"; font-size:24px; line-height:30px; color:#fff; text-align:left}
.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag1 .tit strong,
.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag2 .tit strong {margin:0; font-family:"NotoSansRegular"; font-size:30px; line-height:30px; color:#333333; text-align:left}

.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency .btn_wrap {text-align:left}

.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency_finding  .prodMenu_wrap {height:81px; background:url('/Images/Common/bg_black_alpha50.png') left top repeat; }
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency_finding .prodMenu_wrap a {display:block; margin-right:35px; padding:28px 0 30px 35px; color:#fff; background:url('/Images/Common/ico_btn_totalSearch.png') right 25px no-repeat; }
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency_finding .prodMenu_wrap  {dispaly:block; padding-bottom:20px; margin-right:33px}
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency_finding  .prodMenu_wrap .prodMenu2  {display:block;  }
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency_finding  .prodMenu_wrap .prodMenu2 prodMenu_tit {display:block; }


@media all and (max-width:1024px) {
	.brandEetStoy_Wrap {width:100%}
	.brandEetStoy_Wrap .brandMain_prodList>li.item {width:48%; margin:0 auto}
	.brandEetStoy_Wrap .brandMain_prodList>li.item  .brandMain_List {width:100%}
	.brandEetStoy_Wrap .brandMain_prodList > li.item .brandMain_event {padding-left:20px}
}
@media all and (max-width:768px) {
	.brandEetStoy_Wrap {width:100%}
	.brandEetStoy_Wrap .brandMain_prodList>li.item {float:none;}
	.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_List {width:578px ;margin:0 auto; }
	.brandEetStoy_Wrap .brandMain_prodList>li.item {clear:both; width:100%; display:block; padding:0 10px; }
	.brandEetStoy_Wrap .brandMain_prodList>li.item.last {margin:20px 0 0 0px}
	.brandEetStoy_Wrap .brandMain_prodList>li.item:after {display:block; content:""; clear:both}
}
@media all and (max-width:506px) {
	.brandEetStoy_Wrap .brandMain_prodList>li.item {width:100%; }
	.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_List  {width:100%; padding:60px 0px 0 0px }

	.brandEetStoy_Wrap .brandMain_prodList>li.item  p.tit { font-size:25px; color:#113144; line-height:30px ;text-align:center}
	.brandEetStoy_Wrap .brandMain_prodList>li.item .dongwonwater p.tit { margin-left:10px; font-size:25px; color:#113144; line-height:30px ;text-align:left}

	.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story  .tit {font-size:25px; line-height:25px ;text-align:center }
	.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story  .cont {text-align:center }
	.brandEetStoy_Wrap .brandMain_prodList>li.item .prodMenu_wrap .prodMenu {padding-left:0px;  text-align:center;  line-height:24px; color:#fff;}
	.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_story .btn_wrap {text-align:center}

	.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency  .tit {font-size:24px; line-height:25px ;text-align:center }
	.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag1 .tit,
	.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag2 .tit,
	.brandEetStoy_Wrap .brandMain_prodList.dongwonwater>li.item .brandMain_agency.ag3 .tit
	{ margin-left:10px; font-size:24px; line-height:25px ;text-align:left; }
	.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency  .cont {text-align:center }
	.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency .prodMenu {padding-left:0px;  text-align:center;  line-height:24px; color:#fff;}
	.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_agency .btn_wrap {text-align:center}
}


/*제품안내*/
.Denmark_search {margin-bottom:9px}
.Denmark_top_wrap {margin-bottom:9px; }
.Denmark_top_wrap .boardInfo {margin-bottom:6px; padding-top:30px}

.Denmark_top_wrap .btn_wrap {text-align:right}


.boardInfo:after {dispaly:block; clear:both; content:"";}
.btn_wrap:after {dispaly:block; clear:both; content:"";}


.btn.big2 { height:52px; padding:0 60px; font-family:"NotoSansRegular"; font-size:16px; line-height:48px; color:#fff}
.btn.big {color:#fff}
.btn.blue2 {background:#2c3c4e}

/*col*/
.col6 {width:48.33333%;} @media all and (max-width:639px){.col6 {width:98.3333%;}}


/* 고객의 소리 */
.qnaMain.brand .box_request {background:url('/Images/Brand/bg_DenmarkMilk_request.gif') right bottom no-repeat;}
@media all and (max-width:500px) {
	.qnaMain.brand .box_request {background-image:none;}
}
.qnaGuide {*zoom:1; position:relative; min-height:62px; margin-left:45px; padding-left:62px; background:url('/Images/Customer/bg_qnaGuide.png') left top no-repeat}
.qnaGuide:after {content:""; display:block; clear:both;}
.qnaGuide dl {float:left;}
.qnaGuide dt {margin-bottom:10px; padding-top:10px; font-family:"NotoSansRegular"; font-size:16px; color:#555;}
.qnaGuide dd {font-family:"NotoSansLight"; font-size:14px; line-height:18px; color:#555;}
.qnaGuide .btn {float:left; margin:10px 0 0 20px;}


/* 고객의 소리 작성 */
.deliveryStep_wrap {margin-bottom:65px; text-align:center;}
.deliveryStep_wrap:after {display:block; content:""; clear:both}
.deliveryStep_wrap .stepList {display:inline-block; overflow:hidden;}
.deliveryStep_wrap .stepList>li {float:left; padding-left:55px; background:url('/Images/Customer/bg_serviceFlow_arrow.png') 20px center no-repeat;}
.deliveryStep_wrap .stepList>li:first-child {padding-left:0px; background:none;}
.deliveryStep_wrap .stepList>li .stepItem {width:124px; height:124px; text-align:center; background:url('/Images/Brand/bg_delivery_stepItem_off.gif') center center no-repeat;}
.deliveryStep_wrap .stepList>li .stepItem.on { background:url('/Images/Brand/bg_delivery_stepItem_on.gif') center center no-repeat;}
.deliveryStep_wrap .stepList>li .stepItem dl {display:inline-block; margin-top:27px; width:124px;}
.deliveryStep_wrap .stepList>li .stepItem dl dt {margin-bottom:15px; font-family:"NotoSansLight"; font-size:16px; color:#ccc;}
.deliveryStep_wrap .stepList>li .stepItem dl dd {font-family:"NotoSansRegular"; font-size:35px; line-height:40px; color:#fff;}

.terms_header {height:51px; padding:16px 0 16px 35px; border-bottom:1px solid #e1e1e1;}
.terms_header label {margin-left:10px;}

.termsList>li .tit {position:relative; height:51px; padding:16px 0 16px 35px; border-bottom:1px solid #e1e1e1;}
.termsList>li .tit button {position:absolute; right:0; top:0;}
.termsList>li .tit label {margin-left:10px;}
.termsList>li .tit label.ast {padding-left:10px; background:url('/Images/Common/bu_ast.gif') left 8px no-repeat;}
.termsList>li .agreeContent {display:none; padding:30px 20px 30px 75px; font-size:14px; line-height:20px; color:#555; background:#efefef;}
.termsList>li .agreeContent ol li {margin-bottom:23px;}
.termsList>li .agreeContent ol li dl {padding-left:42px;}
.termsList>li .agreeContent ol li dl dd {padding-left:14px;}

@media all and (max-width:768px) {
	.deliveryStep_wrap .stepList>li {margin-bottom:20px;}
	.deliveryStep_wrap .stepList>li:first-child {padding-left:55px;}

	.termsList>li .agreeContent {padding-left:30px}
}
@media all and (max-width:480px) {
	.terms_header {padding-left:5px;}

	.termsList>li .tit {padding-left:15px; padding-bottom:45px;}
	.termsList .ui_group {padding-right:0;}
	.termsList .ui_group .ui_group_check {position:absolute; left:-10px; top:0px;}
	.termsList>li .tit label {float:left; width:100%; padding-right:70px;}
	.termsList>li .tit button.btn {float:right; margin-top:5px; text-indent:-9999px; padding-left:0px;}
	.termsList>li .tit button.btn>span {padding-right:18px;}
	.termsList>li:first-child .tit label {padding-right:0}
	.termsList>li .agreeContent {padding-left:20px}
}
@media all and (max-width:460px) {
	.deliveryStep_wrap .stepList {display:inline-block; width:124px;}
	.deliveryStep_wrap .stepList>li {float:none; width:100%; padding:0 0 37px 0; background:url('/Images/Customer/bg_serviceFlow_arrow_ver.png') center bottom no-repeat;}
	.deliveryStep_wrap .stepList>li:first-child {padding-left:0px; background:url('/Images/Customer/bg_serviceFlow_arrow_ver.png') center bottom no-repeat;}
	.deliveryStep_wrap .stepList>li:last-child {margin-bottom:0px; padding-bottom:0px; background:none;}
}

@media all and (max-width:1045px) {
.DenmarkMilkStroy {margin:0 10px ;  padding:70px 0 50px  50px;}
}

@media all and (max-width:768px) {
.DenmarkMilkStroy {margin:0 10px ;padding:50px 0 20px 20px;}
.Denmark_top_wrap .btn_wrap {text-align:center}

}
@media all and (max-width:400px) {
.DenmarkMilkStroy{height:400px; padding:10px 0 20px 5px;  }
.DenmarkMilkStroy p { padding-bottom:10px;line-height:20px; color:#383737 }

}


/*가정배달 주문 step1*/
.table_wrap {position:relative;}
.table_wrap .tableInfo {display:inline; position:absolute; right:0px; top:-25px; font-family:"NotoSansLight"; font-size:13px; color:#555;}

.table_col_type3 {border-top:2px solid #333; border-bottom:1px solid #bdbdbd;}
.table_col_type3 thead th {height:46px; padding:3px 20px; font-size:15px; color:#555; text-align:center;}
.table_col_type3 thead th:first-child {border-left:0px;}
.table_col_type3 thead th.last {padding:3px 20px 3px 0}
.table_col_type3 thead th.ir {font-size:0px;}

.table_col_type3 tbody td {height:46px; padding:3px 25px; border-top:1px solid #dfdfdf;font-size:15px; text-align:center;}
.table_col_type3 tbody td.last {padding:3px 20px 3px 0}

.table_col_type3 tfoot td {height:60px; padding:3px 25px; border-top:1px solid #dfdfdf;font-size:15px; text-align:center; background:#f4f4f4}
.table_col_type3 tfoot td span {padding-left:15px;font-size:20px;}

.table_col_type3 td .blue {font-family:"NotoSansRegular"; color:#0079c1;}

.btn_prodDel {display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; font-size:0; background:url("/Images/Common/btn_lp_close.png") 0 0 no-repeat}


/*가정배달 주문 step2*/
.pw_txt {padding-left:39px; font-size:13px; background:url("/Images/Common/btn_lamp.gif") 19px 0px no-repeat}

/*가정배달 주문 List*/
.table_row_type2 tfoot td {padding:48px 0 ; text-align:center; font-size:18px; line-height:20px; color:#222; background:#f4f4f4}
.table_row_type2 tfoot td .num {display:block; padding-top:20px; font-size:23px;}

@media all and (max-width:768px){
	.table_col_type3, .table_col_type3 thead, .table_col_type3 tbody, .table_col_type3 tr, .table_col_type3 th, .table_col_type3 td ,.table_col_type3 tfoot {display:block;}
	.table_col_type3 thead {display:none;}

	.table_col_type3 tbody,
	.table_col_type3 tfoot {overflow:hidden; width:100%;}
	.table_col_type3 tbody tr,
	.table_col_type3 tbody tr td ,
	.table_col_type3 tfoot tr,
	.table_col_type3 tfoot tr td {width:100%;}

	.table_col_type3 tbody td.last label {width:100%}

	.table_col_type3 tbody tr th.thFirst {color:#fff; background-color:#333;}
	.table_col_type3 tbody tr td {position:relative; border-left:0px; line-height:42px; padding:0;}
	.table_col_type3 tfoot tr td {line-height:48px;}

	.table_col_type3 tbody tr td:last-child {border-bottom:1px solid #bdbdbd;}
	.table_col_type3 tbody tr td select {width:100%}

	.pw_txt {padding-left:19px; font-size:13px; background:url("/Images/Common/btn_lamp.gif") 0px 0px no-repeat}

}

/*--------------------- 덴마크 우유 매장찾기 Store -----------------------------*/
.tab_wrap {margin-bottom:30px;}
.tab_type6 {position:relative; overflow:hidden; height:55px;}
.tab_type6:after {/*content:''; display:inline-block; position:absolute; left:0; bottom:1px; width:100%; height:1px; background-color:#666; z-index:2;*/}
.tab_type6 li {position:relative; float:left; width:233px; height:54px; margin-left:5px;}
.tab_type6 li:first-child {margin-left:0px;}
.tab_type6 li a {display:block; position:absolute; left:0px; bottom:0px; width:100%; height:54px; border-bottom:2px solid #666; font-family:"NotoSansRegular"; font-size:16px; line-height:53px; color:#666; text-align:center; z-index:1; vertical-align:top;}
.tab_type6 li:hover a,
.tab_type6 li.on a {height:54px; border-bottom:6px solid #0079c1; line-height:53px; color:#0079c1; z-index:3;}

@media all and (max-width:768px) {
	.tab_type6 li {width:33.33333%; margin-left:0;}
	.tab_type6 li a {border-right:0;}
	.tab_type6 li:last-child a {border-right:1px solid #ddd;}
}
@media all and (max-width:640px) {
	.tab_type6 li a {font-size:15px;}
}

/* Store List */
.denmark_store .storeL { width:100%; padding-right:20px; text-align:center;}
.denmark_store select.mobileSel {display:none;}
.store_search {padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #bfbfbf; text-align:center;}
.store_search .store_name {padding-right:12px; font-size:16px; font-family:"NotoSansRegular"; color:#666; vertical-align:middle;}

@media all and (max-width:640px) {
	.store_search {padding-bottom:35px;}
}

.storeList {/*margin:0 -12px;*/}
.storeList li {position:relative ;float:left; width:294px; margin-bottom:30px; /*margin:0 12px 20px 12px;*/ background:#FFF;}
.storeList li .storeBox {position:relative; width:293px; height:233px; margin:0 auto; padding:30px 28px 0; /*border:1px solid #e5e5e5; cursor:pointer;*/}
.storeList li .storeBox:before {content:""; display:block; position:absolute; left:-1px; top:-1px; z-index:0; width:295px; height:234px; border:1px solid #e9e9e9;}
.storeList li:hover:after,
.storeList li.on:after {content:''; display:inline-block; position:absolute; top:0; left:0; width:294px; height:233px; border:7px solid #0079c1;}
.storeList h2 {display:inline-block; position:relative; font-size:20px; font-family:"NotoSansRegular"; color:#222; }
.storeList h2 .new {position:absolute; right:-32px; top:4px; font-size:11px; color:#0079c1;}
.storeList .addr {font-size:14px; line-height:18px; padding:16px 0 8px; color:#666;}
.storeList .time {z-index: 3; position: absolute;font-size:13px; color:#a3a3a3;}
.storeList .tel {position: absolute;padding-top:10px;font-size:20px;color:#222;font-family:"NotoSansLight";z-index: 3;}
.storeList.denmark .tel{bottom:90px;left:28px;}
.storeList .tel + .tel{margin-top:30px}
.storeList li a.btn_mapView {position:absolute; left:28px; bottom:30px; z-index:3; padding-right:13px; font-size:16px; color:#222; font-family:"NotoSansLight";
	background:url('/Images/Store/bg_more_off.gif') right 6px no-repeat;
}
.storeList li a.btn_mapView span {border-bottom:1px solid #222;}
.storeList li:hover a.btn_mapView {color:#0079c1; background:url('/Images/Store/bg_more_on.gif') right 6px no-repeat;}
.storeList li:hover a.btn_mapView span {border-bottom:1px solid #0079c1;}
.denmark_store .tab_type6 li {float:left; width:64px; margin-left:3px;}
.denmark_store .tab_type6 li:first-child {margin-left:0;}
.denmark_store .tab_type6 li.on {width:100px;}

@media all and (max-width:1024px) {
	.storeList_wrap {width:900px; margin:0 auto;}
	.storeList {margin:0;}
	.store .tab_type6 li {width:58px;}
	.store .tab_type6 li:first-child {width:61px;}

}
@media all and (max-width:768px) {
	.denmark_store .storeL {float:none; width:100%; padding:0 10px; text-align:center;}
	.denmark_store .tab_wrap {margin-bottom:10px;}
	.denmark_store .tab_wrap .tab_type6 {display:none;}
	.storeList_wrap {width:600px;}
	.denmark_store select.mobileSel {display:inline-block; width:100%;}
	.store_search .store_name {display:none;}
	.store_search .ui_group {width:100%; margin-bottom:10px;}
	.store_search .ui_group .input_wrap .size315 {width:252px;}

}
@media all and (max-width:640px) {
	.storeList_wrap {width:300px;}
	.store_search .ui_group {padding-right:0;}
	.store_search .ui_group select {width:100%; margin-bottom:5px;}
	.store_search .ui_group .input_wrap {width:100%;}
	.store_search .ui_group .input_wrap .size315 {width:100%;}
	.store_search .ui_group .btn {top:90px; z-index:1;}
}


/* Store View */
.storeView_info {border-top:2px solid #333333; border-bottom:2px solid #333333}
.storeView_info:after {content:""; display:block; clear:both;}
.storeView_info .storeImg {float:left; width:50%}
.storeView_info .storeImg img {width:100%;}
.storeView_info .storeInfo {float:left; width:50%; padding:50px 0 0 50px;}
.storeView_info .storeInfo h2 {margin-bottom:25px; font-size:30px; color:#222; font-family:'NotoSansRegular';}
.storeView_info .storeInfo ul li {padding-top:16px; font-size:15px; color:#555555; font-family:'NotoSansLight';}
.storeView_info .storeInfo ul li:after {content:""; display:block; clear:both;}
.storeView_info .storeInfo ul li:first-child {padding-top:none;}
.storeView_info .storeInfo ul li dt {float:left; width:20%;}
.storeView_info .storeInfo ul li dd {float:left; width:80%;}
.storeMap {margin-top:50px;}
.storeMap .map {height:616px;}

@media all and (max-width:1024px) {
	.storeView_info .storeInfo {padding:25px 0 0 25px;}
	.storeView_info .storeInfo h2 {margin-bottom:10px; font-size:24px;}
}
@media all and (max-width:768px) {
	.storeView_info .storeImg {float:none; width:100%;}
	.storeView_info .storeInfo {float:none; width:100%; padding:20px 0 20px 0px;}
	.storeMap .map {height:300px;}
}
@media all and (max-width:640px) {
	.storeView_info .storeInfo ul li dt {float:none; width:100%; padding-bottom:6px;  font-family:'NotoSansRegular';}
	.storeView_info .storeInfo ul li dd {float:none; width:100%;}
}

/* 제품상세 대리점 보기 popup */
.lp_wrap .lp_body .lp_txt dl {overflow:hidden; border-top:1px solid #BDBDBD; font-size:16px; color:#333; line-height:20px;}
.lp_wrap .lp_body .lp_txt dl:first-child {border-top:2px solid #333333;}
.lp_wrap .lp_body .lp_txt dl dt {float:left; width:15%; padding:18px 0 18px 8px; vertical-align:top;}
.lp_wrap .lp_body .lp_txt dl dd {float:left; width:84%; padding:18px 0 18px 8px;}

/*대리점 우유 아이콘*/
ul.icoList span.ico {padding-left:24px; background:url('/Images/Brand/ico_milk.png') 0 0 no-repeat; line-height:25px;}
ul.icoList span.ico.milk {background-position:0 3px;}
ul.icoList span.ico.fermented {background-position:-24px 3px;}
ul.icoList span.ico.processed {background-position:-50px 3px;}
ul.icoList span.ico.etc {background-position: -75px 3px;}
ul.icoList span.ico.cheese {background-position:-98px 3px;}


/*대리점모집*/
.agent.intro .exlain {font-size:15px; line-height:24px;}
.agent.intro .exlain span {display:block;}
.agent.intro .praise {margin-top:20px; font-family:"NotoSansRegular";  font-size:30px;}

.agent.cont01 {position:relative; padding-right:290px;}
.agent.cont01 .milk {position:absolute; right:57px; top:0; width:209px;}
.agent.cont01 .withDemark {margin-top:60px; font-family:"NotoSansRegular"; font-size:26px; text-align:right;}

.agent.cont02 .dl_guide dt {font-size:15px;}

.agent.cont03 {width:638px; margin:0 auto;}
.agent.cont03 ul {overflow:hidden; width:718px; margin-left:-80px; margin-top:-80px;}
.agent.cont03 ul li {position:relative; float:left; width:359px; padding:80px 0 0 80px;}
.agent.cont03 ul li .arrow {position:absolute; display:inline-block; *display:inline; *zoom:1; width:40px; height:40px; background:url('/Images/Brand/ico_rightBottom_arrow_agent.png') 0 0 no-repeat;}
.agent.cont03 ul li.second .arrow {left:19px; top:162px;}
.agent.cont03 ul li.third {float:right;}
.agent.cont03 ul li.third .arrow {left:201px; top:20px; background-position:-40px 0;}
.agent.cont03 ul li.last .arrow {background:url('/Images/Brand/ico_leftBottom_arrow_agent.png') 0 0 no-repeat; left:378px; top:162px;}
.agent.cont03 ul li dl {width:279px; border:1px solid #DFDFDF; color:#222;}
.agent.cont03 ul li dl dt {padding:18px 0; border-bottom:1px solid #ddd; background-color:#F4F4F4;  font-family:"NotoSansRegular"; font-size:18px; text-align:center;}
.agent.cont03 ul li dl dd {height:138px; padding-top:40px; text-align:center;}
.agent.cont03 ul li dl dd strong {display:block;}
.agent.cont03 ul li.last .makeAgent {height:199px; border:2px solid #047AC3; background:url('/Images/Brand/ico_makeAgent.png') center center no-repeat;}
.agent.cont03 ul li.last .makeAgent strong {display:block; padding-top:138px; text-align:center;}

.agent.cont04 {width:100%; padding:39px 0; border:1px solid #ddd; text-align:center;}
.agent.cont04 .btn.big {height:69px; padding:0 40px; line-height:67px;}
.agent.cont04 .btn.big.ico_left .ico {display:inline-block; position:absolute; left:-10px; z-index:2; width:32px; height:32px;}
.agent.cont04 .btn.big.ico_left>span {padding-left:26px;}
.agent.cont04 .btn.big.ico_left .ico {top:17px;}
.agent.cont04 .btn.navy {color:#fff; background-color:#2C3C4E;}
.agent.cont04 .ico.ico_tel {background:url('/Images/Brand/ico_btn_tel_white.png') center center no-repeat;}
@media all and (max-width:768px) {
	.agent.cont01 .withDemark .mob_block {display:block; text-align:left;}
}
@media all and (max-width:640px) {
	.agent {margin:0 10px;}
	.agent.cont01 h3 {margin-left:-10px;}
	.agent.cont01 {padding-right:0;}
	.agent.cont01 .milk {position:relative; right:0; width:100%; padding-right:10px; text-align:right;}

	.agent.cont03 {width:auto; text-align:center;}
	.agent.cont03 ul {width:auto; margin-left:0;}
	.agent.cont03 ul li {float:none; width:279px; margin:0 auto; padding-left:0;}
	.agent.cont03 ul li.second .arrow {left:50%; top:20px; margin-left:-20px; background-position:-40px 0;}
	.agent.cont03 ul li.third {float:none;}
	.agent.cont03 ul li.third .arrow {left:50%; top:20px; margin-left:-20px; background-position:-40px 0;}
	.agent.cont03 ul li.last .arrow {left:50%; top:20px; margin-left:-20px; background-position:-40px 0;}
}

/*------------------------------------------------------------------------------------------------------------------------------------------
	소와나무 스토리
--------------------------------------------------------------------------------------------------------------------------------------------*/
/*소와나(상단)*/
.CowTreeStory {width:auto; height:624px; margin:0 10px ;padding:70px 0 20px 100px; background:url("/Images/Brand/bg_CowTreeStroy.jpg") center top no-repeat;}
.CowTreeStory .cont {width:auto; max-width:588px; padding-top:20px; font-size:16px; line-height:20px; color:#383737 }
@media all and (max-width:640px){
	.CowTreeStory {padding:70px 0 20px 0; text-align:center;}
	.CowTreeStory .cont {padding-left:10px; padding-right:10px;}
}
/*소와나(하단)*/
.CowTreeList_wrap {height:1306px; margin:0 12px;}
.CowTreeList_wrap .CowTree {padding:50px 0 332px 102px; background:url("/Images/Brand/bg_CowTreeList_top.jpg") center top no-repeat; font-size:16px; color:#2e2e2e; line-height:22px;}
.CowTreeList_wrap .CowTree span {display:block;}

.CowTreeList {height:638px; margin:0 auto; background:url("/Images/Brand/bg_CowTreeList_middle.jpg") center top no-repeat;}
.brandContents_wrap.milk .CowTreeList h3 {padding-top:38px; padding-bottom:24px; background:url('/Images/Brand/bar_72x4_white.png') center bottom no-repeat; color:#fff;}
.CowTreeList .story_list {overflow:hidden; width:1024px; margin:0 auto;}
.CowTreeList .story_list li.item {position:relative; float:left; margin-top:35px;  *display:inline; *zoom:1; width:318px; height:417px; background-color:#fff;}
.CowTreeList .story_list li.item:first-child {margin-left:0;}

.CowTreeList .story_list li.item  .story {width:298px; margin:10px; padding-top:30px;}
.CowTreeList .story_list li.item  .story h4 {overflow:hidden; max-height:76px; padding-left:25px; font-family:"NotoSansRegular"; font-size:22px; line-height:25px;}
.CowTreeList .story_list li.item  .story .story_body { margin-top:5px; padding-left:25px;  font-size:15px; line-height:18px;}
.CowTreeList .story_list li.item  .story .more_wrap {position:absolute; left:50%; bottom:30px; margin-left:-45px;}
.CowTreeList .story_list li.item  .story .more_wrap .more {display:inline-block; *display:inline; *zoom:1; width:90px; height:90px;}
.CowTreeList .story_list li.item.first  {background:url('/Images/Brand/bg_cowtreeStory1.gif') right bottom no-repeat #fff; }
.CowTreeList .story_list li.item.second {background:url('/Images/Brand/bg_cowtreeStory2.gif') right bottom no-repeat #fff;}
.CowTreeList .story_list li.item.third {background:url('/Images/Brand/bg_cowtreeStory3.gif') right bottom no-repeat #fff;}

@media all and (max-width:1024px){
	.CowTreeList_wrap {margin:0;}
}
@media all and (max-width:768px){
	.CowTreeList_wrap {height:auto;}
	.CowTreeList {height:auto; padding-bottom:30px; background-size:auto 100%;}
	.CowTreeList .story_list {width:671px;}

}
@media all and (max-width:640px){
	.CowTreeList_wrap .CowTree h3 {text-align:center;}
	.CowTreeList_wrap .CowTree {padding-left:10px; padding-right:10px;}
	.CowTreeList_wrap .CowTree span {display:inline;}
	.CowTreeList h3.story span {display:block;}
	.CowTreeList .story_list  {width:auto; text-align:center;}
	.CowTreeList .story_list li.item {float:none;margin:0 auto}
	.CowTreeList .story_list li.item:first-child {margin:0 auto}
}
@media all and (max-width:333px){
	.CowTreeList .story_list li.item  {width:280px; height:367px;}

	.CowTreeList .story_list li.item .story {width:260px;}
	.CowTreeList .story_list li.item .story h4 {padding-left:0;}
	.CowTreeList .story_list li.item  .story .story_body {padding-left:0;}
}

/*브랜드비주얼*/
.brandVisual_wrap {position:relative;}
.brandVisual_wrap .slider_nav_wrap {position:absolute; left:0px; top:38%; z-index:111; width:100%;}
.brandVisual_wrap .slider_nav {position:relative; max-width:1200px; margin:0 auto;}
.brandVisual_wrap .slider_nav a.btn_slider_nav {display:block; position:absolute; top:0; width:68px; height:68px; text-indent:-9999px; background:url('/Images/Common/bg_slider_control.png') 0 0 no-repeat;}
.brandVisual_wrap .slider_nav a.btn_prev {left:10px; background-position:left 0;}
.brandVisual_wrap .slider_nav a.btn_next {right:10px; background-position:right 0;}
@media all and (max-width:1024px) {
	.brandVisual_wrap .slider_nav_wrap {top:32%;}
}
@media all and (max-width:480px) {
	.brandVisual_wrap .slider_nav_wrap {top:22%;}
	.brandVisual_wrap .slider_nav a.btn_slider_nav {width:35px; height:35px; background:url('/Images/Common/bg_slider_control_sml.png') 0 0 no-repeat;}
	.brandVisual_wrap .slider_nav a.btn_prev {left:10px; background-position:left 0;}
	.brandVisual_wrap .slider_nav a.btn_next {right:10px; background-position:right 0;}
}
@media all and (max-width:333px) {
	.brandVisual_wrap .slider_nav_wrap {top:18%;}
}
.slider_brandVisual {overflow:hidden; width:100%; height:600px;}
.slider_brandVisual .sliderPanel_wrap {display:block; width:100%;}
.slider_brandVisual .sliderPanel_wrap .sliderPanel {position:relative; max-width:1200px; margin:0 auto;}
.slider_brandVisual .sliderPanel_wrap .sliderPanel a {display:block;}
.slider_brandVisual .sliderPanel_wrap .sliderPanel img {margin:0 auto;}

/* #map_canvas{margin-bottom:30px; } */


/* 이벤트 당첨자 발표 시 bg 변경용  */
.brandEetStoy_Wrap .brandMain_prodList>li.item .brandMain_event.winner {background:url("/Images/Etc/20161231_banner.jpg") center 0 no-repeat;}




/* 원산지 표기 공통 tbl */
.brand_tbl {border-top:2px solid #000; border-bottom:2px solid #000; text-align:center;}
.brand_tbl tr th{height:50px; color:#fff; background:#0079c1; border-left:1px solid #fff;}
.brand_tbl tr th.first{border-left:none;}
.brand_tbl tr td{height:50px; background:#fff; border-width:0 0 1px 1px; border-style:solid; border-color:#e9e9e9;}
.brand_tbl tr td.first{border-left:none;}