/** 메인  **/
.main-visu {position: relative}
.main-visu .main-visu-wrap {position: relative;width:100%;overflow: hidden;}
.main-visu .main-visu-wrap li {float:left;}
.main-visu .layer_wrap {position:relative;overflow:hidden}
.main-visu .main_pager {position:absolute;width:100%;text-align:center;bottom:70px;margin:0 auto;z-index:300}
.main-visu .main_pager ul {display:inline-block}
.main-visu .main_pager li {float:left}
.main-visu .main_pager li a {background:url(/assets/images/mobile_sub/m_brand_pager_on.png) 0 0 no-repeat;width:50px;height:4px;display:block;text-indent:-5000px;}
.main-visu .main_pager li a.active {background:url(/assets/images/mobile_sub/m_brand_pager_off.png) 0 0 no-repeat;}
.banner-area {position:fixed;width:100%;z-index:500;bottom:0;margin:0 auto;}
.banner-area .area {padding: 0}
.text_box {position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;color:#ffffff;text-align:center}
.main-visu .text_box{top:-7%}
.text_box .text_box_tbl {display:table;height:100%;width:100%}
.text_box .text_box_tbl .text_box_cell {display:table-cell;vertical-align:middle}
.text_box .main_slogan {font-family:'Rubik', sans-serif;font-size:24px;letter-spacing:0.3em;margin-bottom:10px}
.text_box .main_tit {font-size:52px;font-weight:bold;letter-spacing:-0.07em;line-height:120%;margin-bottom:20px}
.text_box .sub_tit {font-size:26px;letter-spacing:-0.03em;line-height:145%;}
.text_box .more_btn {width:320px;text-align:center;height:75px;display:inline-block;margin-top:50px;color:#616161;font-size:27px;background-color:#fff;line-height:75px}
.text_box .more_btn.down {background-color:#e5e5e5}
.img_box img {width:100%}

.main_identity {position:relative}
.main_identity .more_btn {width:270px;height:71px;display:inline-block;margin-top:25px;color:#fff;font-size:27px;font-weight:bold;text-align:left;border:2px solid #fff;padding-left:50px;line-height:71px;background:none;}
.main_identity .more_btn.down {border:2px solid #eaeaea;background-color:#eaeaea;color:#0d2e61}

.main_history .history_banner {position:relative;overflow:hidden;color:#fff}
.main_history .history_banner .text_box {top:0}
.main_history .history_banner .up_tit {font-size:26px;font-weight:bold}
.main_history .history_banner .down_tit {font-family:'Rubik', sans-serif;font-size:80px;font-weight:bold}

.main_yogurt {background-color:#fff}
.main_yogurt .main_tit {font-size:52px;font-weight:bold;color:#0d2e61;letter-spacing:-0.07em;text-align:center;margin:120px 0 20px}
.main_yogurt .sub_tit {font-size:26px;letter-spacing:-0.03em;line-height:145%;color:#616161;text-align:center;margin-bottom:50px}
.main_yogurt .yogurt_banner {position:relative;overflow:hidden;color:#fff}
.main_yogurt .yogurt_banner .text_box {top:0}
.main_yogurt .up_tit {font-family:'Rubik', sans-serif;font-size:24px;letter-spacing:0.3em;margin-bottom:10px}
.main_yogurt .down_tit {font-size:30px;}

.main_brand {background-color:#f5f5f7;padding-bottom:100px;}
.main_brand .main_tit {font-size:52px;font-weight:bold;color:#0d2e61;letter-spacing:-0.07em;text-align:center;padding:120px 0 20px}
.main_brand .sub_tit {font-size:26px;letter-spacing:-0.03em;line-height:145%;color:#616161;text-align:center;margin-bottom:50px}
.main_brand .brand_area {padding:0 30px}

.main_media {background-color:#fff;margin-bottom:100px;}
.main_media .main_tit {font-size:52px;font-weight:bold;color:#0d2e61;letter-spacing:-0.07em;text-align:center;margin:120px 0 20px}
.main_media .sub_tit {font-size:26px;letter-spacing:-0.03em;line-height:145%;color:#616161;text-align:center;margin-bottom:50px}
.main_media .media_area {padding:0 30px;font-size:30px;}
.main_media .media_area .tit_box {padding:20px 0 40px;text-align:center;}
.main_media .media_area .tit_box a {color:#616161;word-break:keep-all;}
.main_media .more_btn {background-color:#f5f5f5;color:#616161;text-align:center;height:85px;line-height:85px;font-size:32px;font-weight:bold;cursor:pointer;margin:0 30px;}
.main_media .more_btn:active {background-color:#dfdfdf;}
.main_media .more_down {background:url(/assets/images/mobile_main/more_btn_ico.png) no-repeat center center;width:23px;height:13px;display:inline-block;}

.main_social {background-color:#f5f5f7}
.main_social .main_tit {font-size:52px;font-weight:bold;color:#0d2e61;letter-spacing:-0.07em;text-align:center;padding:120px 0 20px}
.main_social .sub_tit {font-size:26px;letter-spacing:-0.03em;line-height:145%;color:#616161;text-align:center;margin-bottom:50px}
.main_social .social_area {padding:0 30px}
.main_social .img_box {position:relative}
.main_social .img_box span {position:absolute;left:20px;bottom:-40px;z-index:50;width:81px;height:81px}
.main_social .img_box span.facebook {background:url(/assets/images/mobile_main/m_sns_fb_ico.png) no-repeat center center;}
.main_social .img_box span.instagram {background:url(/assets/images/mobile_main/m_sns_instagram_ico.png) no-repeat center center;}
.main_social .itembox .cont_box {padding:0 20px 50px}
.main_social .itembox .cont_box .cate {font-size:32px;font-weight:bold;color:#0d2e61;margin-top:60px;padding:0 0 10px}
.main_social .itembox .cont_box .desc {font-size:24px;color:#616161;line-height:150%}

.main_social {background-color:#FFFFFF;margin-bottom:50px}
.main_social .main_tit {font-size:52px;font-weight:bold;color:#0d2e61;letter-spacing:-0.07em;text-align:center;padding:120px 0 20px}
.main_social .sub_tit {font-size:26px;letter-spacing:-0.03em;line-height:145%;color:#616161;text-align:center;margin-bottom:50px}
.main_social .button_area {text-align:center;margin-top:40px;margin-bottom:80px}
.main_social .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.main_social .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:90%;}


/*** 서브 페이지 ***/
.sub-visu {position: relative;width: 100%;overflow: hidden;}
.sub.text_box .main_tit {font-size:42px;}
.sub.text_box .sub_tit {font-size:24px;}
.cont_labeling .sub.text_box .main_tit {color:#333}
.cont_labeling .sub.text_box .sub_tit {color:#333}

/*** 이용약관 ***/
.cont_privacy {background-color:#f6f6f6}
.cont_privacy .area {padding:120px 40px 150px}
.cont_privacy h1.tit {margin-bottom:25px;color:#0d2e61;font-size:50px;font-weight:normal;text-align:center}
.cont_privacy .contents {font-size:24px;color:#616161;line-height:170%}
.cont_privacy .contents span {color:#dd1010;text-decoration:underline}
.cont_privacy .contents .trust_tbl {width:100%;border-spacing:5px}
.cont_privacy .contents .trust_tbl th, .cont_privacy .contents .trust_tbl td {height:100px;background-color:#fff;font-size:24px;text-align:center;color:#616161}
.cont_privacy .contents .manager_box {background-color:#fcfcfc;padding:35px 0;overflow:hidden}
.cont_privacy .contents .manager_box dl {float:left;padding:0 60px}
.cont_privacy .contents .manager_box dl dd{padding-left:14px}

.cont_new_privacy {background-color:#f6f6f6}
.cont_new_privacy .area {padding:120px 40px 150px}
.cont_new_privacy h1.tit {margin-bottom:25px;color:#0d2e61;font-size:50px;font-weight: 700;text-align:center;line-height: 56.75px;}
.cont_new_privacy .contents {font-size:24px;color:#616161;font-weight: 400;line-height: 40.8px;text-align: left;color: #616161;}
.cont_new_privacy h2 {color: #000;font-size: 25px;font-weight: 700;line-height: 42.5px;margin-bottom:10px}
.cont_new_privacy h2 > img {margin-right:10px}
.cont_new_privacy ol {background: #FCFBFC;padding:40px 40px 0;}
.cont_new_privacy ol > li {text-align:center;border-top: 1px solid #F0F0F0;font-size:20px;line-height: 34px;padding:40px 0 40px}
.cont_new_privacy ol > li:first-child {border:0 none;padding-top:0}
.cont_new_privacy ol h3 {font-size: 25px;font-weight: 700;line-height: 42.5px;color: #000000;}

.cont_new_privacy table {width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-spacing: 0;border-collapse: collapse;margin: 5px 0;}
.cont_new_privacy table th {text-align:center;color: #000;border: 1px solid #E0E0E0;padding:10px 12px;font-size:24px;font-weight:700}
.cont_new_privacy table td {background: #FCFBFC;text-align:center;border: 1px solid #E0E0E0;padding:10px 12px;line-height:40.8px;font-size:24px}
.cont_new_privacy table td.pad-left {padding:20px 24px;text-align:left !important;}
.cont_new_privacy p {margin-bottom:40px}

.cont_new_privacy ul {list-style: none;}
.cont_new_privacy ul li {position: relative;display: block;padding-left: 30px;}
.cont_new_privacy ul li.none-item {padding-left: 0}
.cont_new_privacy ul.none-list li {padding-left: 0}
.cont_new_privacy ul li:before {position: absolute;left: 5px;}
.cont_new_privacy ul li.point-item:before {left: 10px;content: "∙"}
.cont_new_privacy ul.circle-list li.circle-item:nth-child(1):before {content: "① ";}
.cont_new_privacy ul.circle-list li.circle-item:nth-child(2):before {content: "② ";}
.cont_new_privacy ul.circle-list li.circle-item:nth-child(3):before {content: "③ ";}
.cont_new_privacy ul.circle-list li.circle-item:nth-child(4):before {content: "④ ";}
.cont_new_privacy ul.number-list {counter-reset: circle 0;}
.cont_new_privacy ul.number-list li.number-item:before {counter-increment: circle 1;content: counter(circle)". ";}


.privacy_box_wrap {margin-top: 50px;text-align: left;}
.privacy_box_wrap .privacy_box {
	position:relative; display:inline-block;width:90%; height:48px;line-height:48px;  font-size:24px; color:#616161; padding:20px 25px; 
	border: 1px solid #D6D6D6;border-radius: 8.5px;background:#FFF url('/assets/images/sub/privacy_list_arrow.png') no-repeat 90% center; cursor:pointer;text-align: left;
}
.privacy_box_wrap .privacy_box .privacy_list_layer {
	position:absolute; bottom: 90px; left:0; width:100%;border: 1px solid #D6D6D6;border-radius: 8.5px;z-index:100;
	background:#FFF; display:none; cursor:default;
}
.privacy_box_wrap .privacy_box .privacy_list_layer dl.box01 {margin:0;padding:10px 15px;}
.privacy_box_wrap .privacy_box .privacy_list_layer dd {font-size:24px; height:48px;line-height:48px;text-align:left}
.privacy_box_wrap .privacy_box .privacy_list_layer dd a {color: #616161;width:100%;display:block;}

/*** Why ***/
.cont_way .way_slider {position:relative;background-color:#f5f5f5;}
.cont_way .way_slider .tit_box {background-color:#fff;color:#0d2e61;font-size:40px;font-weight:bold;height:160px;line-height:160px;text-align:center}
.cont_way .way_slider .cont_box {padding:100px 30px 30px;text-align:center}
.cont_way .way_slider .cont_box .icon {margin-bottom:35px}
.cont_way .way_slider .cont_box .tit {color:#0d2e61;font-size:44px;margin-bottom:60px;line-height:140%;font-weight:bold;}
.cont_way .way_slider .cont_box .tit_desc {color:#616161;font-size:28px;line-height:180%;word-break:keep-all}
.cont_way .nav_controls .bx-prev {position:absolute;display:block;left:10px;top:45px;width:42px;height:69px;background:url(/assets/images/mobile_sub/m_way_controller_left.png) no-repeat center center;text-indent:-5000px}
.cont_way .nav_controls .bx-next {position:absolute;display:block;right:10px;top:45px;width:42px;height:69px;background:url(/assets/images/mobile_sub/m_way_controller_right.png) no-repeat center center;text-indent:-5000px}
.cont_way .way_pager {position:absolute;width:100%;text-align:center;bottom:100px;margin:0 auto;z-index:300}
.cont_way .way_pager ul {display:inline-block}
.cont_way .way_pager li {float:left;}
.cont_way .way_pager li a {background:url(/assets/images/mobile_sub/way_pager_off.png) 0 0 no-repeat;width:60px;height:4px;display:block;text-indent:-5000px;}
.cont_way .way_pager li a.active {background:url(/assets/images/mobile_sub/way_pager_on.png) 0 0 no-repeat;}
.cont_way .way_slider .item .img_box {padding-bottom:170px}
.cont_way .video_box {background-color:#f5f5f5;padding-bottom:56.25%;padding-top:25px;height:0;overflow:hidden;} 
.cont_way .video_box iframe, .cont_story .video_box object, .cont_story .video_box embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/*** 스토리 ***/
.cont_story .area {padding-top:70px;padding-bottom:60px}
.cont_story .cont_box {font-size:28px;color:#616161;padding:35px 0 65px;line-height:170%;word-break:keep-all}
.cont_story .cont_box .highlight {color:#0d2e61;font-weight:bold}
.cont_story .tit_box {font-size:28px;font-weight:bold;color:#0d2e61;padding:45px 0;margin:0 30px;text-align:center;line-height:140%;background: url(/assets/images/sub/sub_cont_bg_bar.png) repeat-x center center;}
.cont_story .tit_box span {display:inline-block;background-color:#fff;padding:0 20px}
.cont_story .story_nav li {float:left}
.cont_story .story_tit {text-align:center;padding-top:80px}
.cont_story .story_tit .main_tit {font-size:42px;font-weight:bold;color:#0d2e61;line-height:130%}
.cont_story .story_tit .sub_tit {font-size:28px;color:#616161;padding:40px 30px;line-height:160%}
.cont_story .video_box {padding-bottom:56.25%;padding-top:25px;height:0;overflow:hidden;} 
.cont_story .video_box iframe, .cont_story .video_box object, .cont_story .video_box embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.cont_story .story_nav_wrap {position:relative}
.cont_story .nav_controls .bx-prev {position:absolute;display:block;left:10px;bottom:33%;width:42px;height:69px;background:url(/assets/images/mobile_sub/m_story_controller_left.png) no-repeat center center;text-indent:-5000px}
.cont_story .nav_controls .bx-next {position:absolute;display:block;right:10px;bottom:33%;width:42px;height:69px;background:url(/assets/images/mobile_sub/m_story_controller_right.png) no-repeat center center;text-indent:-5000px}


/*** 브랜드 ***/
.cont_brand .brand_head {position:relative}
.cont_brand .tit_box {font-size:28px;font-weight:bold;color:#0d2e61;padding:45px 0;margin:0 30px;text-align:center;line-height:140%;background: url(/assets/images/sub/sub_cont_bg_bar.png) repeat-x center center;}
.cont_brand .tit_box span {display:inline-block;background-color:#fff;padding:0 20px}
.cont_brand .brand_head .brand_pager {position:absolute;width:100%;text-align:center;bottom:40px;margin:0 auto;z-index:300}
.cont_brand .brand_head .brand_pager ul {display:inline-block}
.cont_brand .brand_head .brand_pager li {float:left}
.cont_brand .brand_head .brand_pager li a {background:url(/assets/images/mobile_sub/m_brand_pager_v2_on.png) 0 0 no-repeat;width:50px;height:4px;display:block;text-indent:-5000px;}
.cont_brand .brand_head .brand_pager li a.active {background:url(/assets/images/mobile_sub/m_brand_pager_v2_off.png) 0 0 no-repeat;}
.cont_brand .brand_cate {font-size:36px;font-weight:bold;color:#0d2e61;text-align:center;padding:100px 0 50px}
.cont_brand .brand_cate select {-o-appearance:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border:0;outline:0;font-size:30px;font-weight:bold;color:#0d2e61;text-align:center;
text-align-last: center;-ms-text-align-last: center;-moz-text-align-last: center;background-color:#fff;}
.cont_brand .brand_cate select::-ms-expand {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.cont_brand .brand_cate .sel_ico {background:url(/assets/images/mobile_sub/m_brand_sel_ico.png) no-repeat center center;width:25px;height:15px;display:inline-block;}
.cont_brand .full_list {width:100%;border-collapse:separate;border-spacing:7px}
.cont_brand .full_list {overflow:hidden;}
.cont_brand .full_list td {width:50%;border:1px solid #dfdfdf;text-align:center;position:relative}
.cont_brand .full_list td .list_pic img {padding-top:40px}
.cont_brand .full_list td .list_pic img {width:85%;}
.cont_brand .full_list td .list_detail {padding:20px 10px 20%}
.cont_brand .full_list td .list_detail .cate {font-size:24px;color:#0d2e61;font-weight:bold;line-height:140%}
.cont_brand .full_list td .list_detail .tit {font-size:22px;color:#616161;line-height:140%}
.cont_brand .full_list td .list_detail .tag_label_wrap {position: absolute;bottom: 10px;width: 100%;}
.cont_brand .full_list td .list_detail .tag_label {margin-top:10px;height: 30px;line-height: 30px;width: 100px;font-size: 20px;color: #fff;text-align: center;display: inline-block;}
.cont_brand .full_list td .list_detail .tag_label.sugar {background-color: #52ad49;}
.cont_brand .full_list td .list_detail .tag_label.delivery {background-color:#0088ad}
.cont_brand .full_list td .list_detail .tag_label.new {background-color:#ee2144}
.cont_brand .full_list td .stamp_wrap {position:absolute;left:20px;top:10px;width:81px;z-index:100}
.cont_brand .full_list td .stamp_wrap li {margin-bottom:5px}
.cont_brand .full_list td span.stamp {display:block;width:81px;}
.cont_brand .greek_msg {margin: 40px 10px 20px;text-align:center;font-size: 19px;font-weight:700} 
.cont_brand .more_btn {background-color:#f5f5f5;color:#616161;text-align:center;height:85px;line-height:85px;font-size:32px;font-weight:bold;cursor:pointer;margin:40px 0 100px}
.cont_brand .more_btn:active {background-color:#dfdfdf;}
.cont_brand .more_down {background:url(/assets/images/mobile_main/more_btn_ico.png) no-repeat center center;width:23px;height:13px;display:inline-block;}

.cont_labeling .area {padding-top:50px}
.cont_labeling .search_bar {text-align:left;width:95%;height:60px;padding-top:7px;margin:0 auto 14px;position:relative;border:8px solid #8abd00}
.cont_labeling .search_bar .search_btn {position:absolute;right:10px;top:17px;background:url(/assets/images/sub/search_btn_ico.gif) no-repeat 0 0;text-indent:-5000px;border:0 none;width:34px;height:34px;cursor:pointer}
.cont_labeling .search_bar .query {border:0 none;width:80%;height:48px;padding-left:15px;line-height:48px;outline:none;color:#666;font-size:20px;font-weight:700}
.cont_labeling .search_msg {color:#a3a3a3;font-size:22px;font-weight:700;text-align:center;line-height:1.4}
.cont_labeling .search_result {border-top:1px solid #dfdfdf;margin-top:70px;margin-bottom:50px;}
.cont_labeling .result_msg {font-size:24px;font-weight:700;text-align:center;padding:50px 0}
.cont_labeling .result_msg .highlight {color:#8abd00}
.cont_labeling .preview_box {color:#333;font-size:24px;font-weight:700;text-align:center;padding:30px 0;border:2px solid #6f9800;margin-top:60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-top-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.cont_labeling .preview_box .tit {color:#6f9800;font-size:30px;font-weight:800;background-color:#fff;}

.cont_labeling .full_list {width:100%;border-collapse:separate;border-spacing:7px}
.cont_labeling .full_list {overflow:hidden;}
.cont_labeling .full_list td {width:50%;border:1px solid #dfdfdf;text-align:center;position:relative}
.cont_labeling .full_list td .list_pic img {padding-top:50px;width:85%;}
.cont_labeling .full_list td .list_detail {padding:20px 10px 15%}
.cont_labeling .full_list td .list_detail .tit {font-size:22px;color:#616161;line-height:140%}

.cont_labeling .goods_pic {position:relative;background-color:#f5f5f5}
.cont_labeling .goods_pic .tbl {display:table;height:100%;width:100%}
.cont_labeling .goods_pic .tbl_cell {display:table-cell;position: relative;vertical-align:middle;text-align:center}
.cont_labeling .goods_pic .tbl_cell img {width:100%}

.cont_labeling .goods_detail {color:#616161;position:relative;margin-bottom:40px;}
.cont_labeling .goods_detail .goods_info {padding:50px 0 80px}
.cont_labeling .goods_detail .good_tit_tbl {color:#0d2e61;margin:40px 0}
.cont_labeling .goods_detail .good_tit_tbl .good_tit {font-size:56px;font-weight:bold;margin-bottom:10px}
.cont_labeling .goods_detail .good_tit_tbl .slogan {font-size:32px}
.cont_labeling .goods_detail .good_desc {border-top:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;padding:25px 0;font-size:28px;line-height:160%}
.cont_labeling .goods_detail .comp_msg {color:#616161;font-weight:700;padding:25px 0;font-size:28px;line-height:160%}
.cont_labeling .goods_detail .good_comp {font-size:28px;}
.cont_labeling .goods_detail .good_comp a {border-bottom:1px solid #0691d0;color:#0691d0;font-size:28px;}
.cont_labeling .goods_detail .list_btn {background-color:#f5f5f5;color:#616161;text-align:center;height:80px;line-height:80px;font-size:30px;cursor:pointer;}
.cont_labeling .goods_detail .list_btn:active {background-color:#dfdfdf;}


@media(max-width:550px) { 
	.cont_brand .full_list td .stamp_wrap {width:50px;}
}

.cont_brand .goods_pic {position:relative;background-color:#f5f5f5}
.cont_brand .goods_pic .sticker {position:absolute;top:0;left:0}
.cont_brand .goods_pic .tbl {display:table;height:100%;width:100%}
.cont_brand .goods_pic .tbl_cell {display:table-cell;position: relative;vertical-align:middle;text-align:center}
.cont_brand .goods_pic .tbl_cell img {width:100%}
.cont_brand .goods_pic .sticker li {height:60px;line-height:60px;width:120px;font-size:24px;color:#fff;text-align:center;}
.cont_brand .goods_pic .sticker li.new {background-color:#ee2144}
.cont_brand .goods_pic .sticker li.delivery {background-color:#0088ad}
.cont_brand .goods_pic .sticker li.sugar_free {background-color:#52ad49;font-size:20px;}
.cont_brand .goods_pic .sns_share {position:absolute;bottom:46px;right:30px}
.cont_brand .goods_pic .sns_share li {float:left;margin-right:7px;line-height:30px}

.cont_brand .goods_detail {color:#616161;position:relative;margin-bottom:40px;}
.cont_brand .goods_detail .goods_info {padding:50px 0 80px;position: relative;}
.cont_brand .goods_detail .category {font-size:24px;}
.cont_brand .goods_detail .good_tit_tbl {color:#0d2e61;margin:40px 0}
.cont_brand .goods_detail .good_tit_tbl .good_tit {font-size:56px;font-weight:bold;margin-bottom:10px}
.cont_brand .goods_detail .good_tit_tbl .slogan {font-size:32px}
.cont_brand .goods_detail .good_desc {border-top:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;padding:25px 0;font-size:28px;line-height:160%}
.cont_brand .goods_detail .package_text {font-size:28px;margin:30px 0;overflow:hidden}
.cont_brand .goods_detail .package_text .tt {font-weight:bold;margin-bottom:20px}
.cont_brand .goods_detail .package_text .pack_list_txt > li {float:left;margin-bottom:10px;margin-right:20px}

.cont_brand .goods_detail .pack_list_wrap {position:relative}
.cont_brand .goods_detail .pack_list_wrap .pack_list {overflow:hidden;}
.cont_brand .goods_detail .pack_list_wrap .pack_list li {float:left;width:33%}
.cont_brand .goods_detail .pack_list_wrap .pack_list li img {width:90%}
.cont_brand .goods_detail .pack_list_wrap .bx-wrapper .bx-prev {left: -18px;width:8px;height:13px;background:url(/assets/images/sub/package_left_arrow.gif) no-repeat 0 0;}
.cont_brand .goods_detail .pack_list_wrap .bx-wrapper .bx-next {right: -18px;width:8px;height:13px;background: url(/assets/images/sub/package_right_arrow.gif) no-repeat 0 0;}
.cont_brand .goods_detail .pack_list_wrap .bx-wrapper .bx-controls-direction a {position: absolute;top:30px;outline: 0;z-index: 910;text-indent:100%;white-space:nowrap;overflow:hidden;}

.cont_brand .goods_detail .nutrient_wrap {position:absolute;left:0;right:0;bottom:15px;display:none;}
.cont_brand .goods_detail .nutrient_info {background:#fff;position:absolute;z-index:100;margin: 0 auto;bottom: 0;left:0;right:0;border: 1px solid #e5e5e5}
.cont_brand .goods_detail .nutrient_info .nutrient_box {padding:20px}
.cont_brand .goods_detail .nutrient_info .nutrient_close {background-image:url(/assets/images/mobile_sub/m_nutrient_pop_close.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;position:absolute;right:5px;top:5px;text-indent:-5000px;width:60px;height:60px;cursor:pointer}
.cont_brand .goods_detail .nutrient_tit {color:#0d2e61;font-size:28px;padding: 0 0 15px;border-bottom:1px solid #e5e5e5}
.cont_brand .goods_detail .nutrient_info ul {padding: 10px 0;overflow:hidden;}
.cont_brand .goods_detail .nutrient_info ul li {float:left;width:25%;font-size:22px;padding:6px 0;color:#0d2e61}
.cont_brand .goods_detail .nutrient_info ul li.nutrient_lab {font-weight:bold}
.cont_brand .goods_detail .nutrient_info .nutrient_footnote {padding-top:20px;font-size:18px;color:#616161}

.cont_brand .goods_detail .nav {width:100%;padding-bottom:40px;border-bottom:1px solid #dfdfdf;margin-bottom:40px}
.cont_brand .goods_detail .nav a {display:block;font-size:32px;color:#fff;font-weight:bold;height:100px;line-height:100px;margin-bottom:15px;text-align:center}
.cont_brand .goods_detail .nav a#more_url {background-color:#00783f;}
.cont_brand .goods_detail .nav a#shop_url {background-color:#0d2e61;}
.cont_brand .goods_detail .list_btn {background-color:#f5f5f5;color:#616161;text-align:center;height:80px;line-height:80px;font-size:30px;cursor:pointer;}
.cont_brand .goods_detail .list_btn:active {background-color:#dfdfdf;}

.lb_comp_layer {display:none;position:fixed;z-index:650;background-color:#fff;width:90%;margin-left:5%;top:30%;border:2px solid #0d2e61}
.lb_comp_layer .comp_info {padding:35px}
.lb_comp_layer .comp_info .comp_tit {color:#0d2e61;font-size:32px;font-weight:700}
.lb_comp_layer .comp_info .comp_content {margin-top:15px;padding-top:15px;border-top:1px solid #b6c0cf;color:#0d2e61;font-size:20px;line-height:1.5;word-break: keep-all}
.lb_comp_layer .comp_close {background:url(/assets/images/sub/comp_close_ico.gif) no-repeat 0 0;position:absolute;right:30px;top:30px;z-index:905;text-indent:-5000px;width:23px;height:22px;cursor:pointer}


/*** identity ***/
.cont_identity .sub-tit{padding:45px 0;margin:0 30px;text-align:center;color:#0d2e61;l}
.cont_identity .sub-tit .eng {font-size:26px;font-family:'Rubik', sans-serif;margin-bottom:5px}
.cont_identity .sub-tit .tit_box {background: url(/assets/images/sub/sub_cont_bg_bar.png) repeat-x center center;}
.cont_identity .sub-tit .tit_box span {display:inline-block;font-size:48px;font-weight:bold;ine-height:140%;background-color:#fff;padding:0 20px}
.cont_identity .identity_head {background-color:#f5f5f5;text-align:center;font-size:28px;color:#616161;word-break:keep-all;line-height:170%;padding:0 20px 70px;margin-bottom:50px}
.cont_identity .identity_head .slogan {font-size:40px;color:#0d2e61;padding:60px 0;line-height:150%}
.cont_identity .identity_foot {margin-bottom:120px}
.cont_identity .conclude_wrap {padding:0 50px 20px}
.cont_identity .conclude {position:relative}
.cont_identity .conclude .desc {font-size:24px;color:#fff;margin-bottom:15px}
.cont_identity .conclude .tit {font-size:38px;color:#fff;font-weight:bold}
.cont_identity .identity_foot .tit_box {background: url(/assets/images/mobile_sub/sub_cont_bg_2x_bar.png) repeat-x center center;text-align:center}
.cont_identity .identity_foot .tit_box span {display:inline-block;font-size:42px;background-color:#fff;padding:0 50px;height:110px;line-height:110px}
.cont_identity .identity_foot .tit_box span.one_line {color:#0d2e61;display:inline-block;font-size:40px;background-color:#fff;padding:0 20px;height:60px;line-height:50px}
.cont_identity .link_list {text-align:center;margin-top:60px}
.cont_identity .link_list img {margin-right:30px;}
.cont_identity .link_list li {font-size:30px;color:#0d2e61;margin-bottom:30px}
.cont_identity .link_list li a, .cont_identity .link_list li a:hover, .cont_identity .link_list li a:active {color:#0d2e61}
.cont_identity .tbl_box {background-color:#f5f5f5;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-top-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
	margin-bottom:50px
}
.cont_identity .white_box {background-color:#fff;
	margin-bottom:30px
}
.cont_identity .white_box ul {margin:60px auto}
.cont_identity .white_box li {font-size:28px;color:#616161;text-align:center;line-height:160%;margin-bottom:40px}
.cont_identity .white_box h4 {font-size:34px;color:#00a0e9;margin-bottom:15px}
.cont_identity .white_box li .lnk {display:inline-block;color:#0d2e61;margin-top:14px}
.cont_identity .white_box li span {color:#919191}
.cont_identity table {padding:40px;text-align:left;}
.cont_identity table th {font-size:34px;font-weight:bold;padding:30px 0;vertical-align:top}
.cont_identity table td {font-size:28px;color:#616161;padding:30px 0;line-height:130%}
.cont_identity th.fst {color:#5299b3}
.cont_identity th.sec {color:#00637f}
.cont_identity th.trd {color:#7d9620}
.cont_identity th.for {color:#2c5b1f}

/*** 역사 ***/
.cont_history .history_nav {position:relative}
.cont_history .history_nav ul {overflow:hidden}
.cont_history .history_nav ul li {float:left;font-size:40px;font-weight:bold;text-align:center;height:160px;}
.cont_history .history_nav ul li a {color:#c8c8c8;line-height:160px;padding:13px;}
.cont_history .history_nav ul li a.active {color:#0d2e61;}
.cont_history .history_nav ul li a.star {background:url(/assets/images/mobile_sub/m_history_star_ico.png) no-repeat right top}
.cont_history .nav_controls .bx-prev {position:absolute;display:block;left:0;bottom:44px;width:42px;height:69px;background:url(/assets/images/mobile_sub/m_history_arrow_sm_left_ico.png) no-repeat center center;text-indent:-5000px}
.cont_history .nav_controls .bx-next {position:absolute;display:block;right:0;bottom:44px;width:42px;height:69px;background:url(/assets/images/mobile_sub/m_history_arrow_sm_right_ico.png) no-repeat center center;text-indent:-5000px}
.cont_history .history_frames {position:relative;text-align:center}
.cont_history .history_frames .intro_wrap{padding:90px 40px 50px;background-color:#f5f5f5}
.cont_history .history_frames .intro {position:relative;text-align:left}
.cont_history .history_frames .intro .tit {font-size:50px;color:#0d2e61;font-weight:bold;line-height:135%}
.cont_history .history_frames .intro .tit_desc {line-height:175%;color:#616161;font-size:28px;padding:20px 0}
.cont_history .history_frames .intro p.tit_desc {border-bottom:1px solid #dfdfdf;padding:20px 0 30px;}
.cont_history .history_frames .intro .tit_desc .tt {color:#0d2e61;font-weight:bold}
.cont_history .history_frames .intro img {padding-top:20px}
.cont_history .history_frames .intro dl {padding-top:16px;overflow:hidden;font-size:28px;line-height:150%;margin:0}
.cont_history .history_frames .intro dl dt {font-weight:bold;float:left;background:url(/assets/images/mobile_sub/m_history_intro_bar.png) no-repeat right center;width:30%}
.cont_history .history_frames .intro dl dd {float:left;padding-left:20px;width:65%}
.cont_history .history_frames .thumb img {width:100%}
.cont_history .history_frames .card {height:380px;display:table;width:100%;}
.cont_history .history_frames .card_cell {display: table-cell;vertical-align: middle;}
.cont_history .history_frames .card .tit {color:#0d2e61;font-size:54px;line-height:140%}
.cont_history .history_frames .card .tit_desc {color:#616161;font-size:28px;line-height:180%}
.cont_history .history_frames .card .tit_desc span.note {font-size:24px;}
.cont_history .history_frames .card dl > dd {font-size:20px;line-height:140%}
.cont_history .controls .bx-prev {position:absolute;display:block;left:30px;bottom:150px;width:28px;height:53px;background:url(/assets/images/mobile_sub/m_history_arrow_big_left_ico.png) no-repeat center center;text-indent:-5000px}
.cont_history .controls .bx-next {position:absolute;display:block;right:30px;bottom:150px;width:28px;height:53px;background:url(/assets/images/mobile_sub/m_history_arrow_big_right_ico.png) no-repeat center center;text-indent:-5000px}
.cont_history .bottom_nav li a {display:block;font-size:30px;color:#0d2e61;text-align:center;padding:35px 0;background-color:#eaeaea;border-bottom:1px solid #c8c8c8}
.cont_history .bottom_nav li a:active {color:#fff;background-color:#0d2e61}

.cont_media {margin-bottom:30px}
.cont_media .tit_box {font-size:28px;font-weight:bold;color:#0d2e61;padding:45px 0;margin:0 30px;text-align:center;line-height:140%;background: url(/assets/images/sub/sub_cont_bg_bar.png) repeat-x center center;}
.cont_media .tit_box span {display:inline-block;background-color:#fff;padding:0 20px}
.cont_media .media_list li a {font-size:32px;color:#616161;text-align:center;display:block;margin:20px 0 40px}
.cont_media .more_btn {background-color:#f5f5f5;color:#616161;text-align:center;height:85px;line-height:85px;font-size:32px;font-weight:bold;cursor:pointer;margin:0 30px;}
.cont_media .more_btn:active {background-color:#dfdfdf;}
.cont_media .more_down {background:url(/assets/images/mobile_main/more_btn_ico.png) no-repeat center center;width:23px;height:13px;display:inline-block;}
.cont_media .board_tit_wrap {padding:60px 0 45px;border-bottom:1px solid #dfdfdf;margin-bottom:45px}
.cont_media .board_tit {font-size:38px;color:#0d2e61;font-weight:bold;line-height:140%;margin-bottom:12px}
.cont_media .board_sub_tit {font-size:30px;color:#757575;font-weight:bold}
.cont_media .board_sub_tit .fb_ico {float:right;background:url(/assets/images/board/m_board_sns_fb_ico.png) no-repeat center bottom;width:12px;height:24px;margin:0 15px;cursor:pointer}
.cont_media .board_sub_tit .kakao_ico {float:right;background:url(/assets/images/board/m_board_sns_kakao_ico.png) no-repeat center bottom;width:13px;height:24px;margin:0 15px;cursor:pointer}
.cont_media .post_nav {margin-bottom:40px}
.cont_media .post_nav li {font-size:26px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
.cont_media .post_nav li a {display:block;padding:40px 20px;}
.cont_media .post_nav .nav_post_btn {font-size:30px;color:#0d2e61;font-weight:bold;padding-right:35px;margin-right:20px;}
.cont_media .post_nav li span.prev_post_btn {background:url(/assets/images/board/m_post_prev_ico.png) no-repeat right center}
.cont_media .post_nav li span.next_post_btn {background:url(/assets/images/board/m_post_next_ico.png) no-repeat right center}
.cont_media .post_nav .nav_post_tit, .cont_media .post_nav .nav_post_tit:hover, .cont_media .post_nav .nav_post_tit:active {color:#616161}
.cont_media .list_btn {background-color:#0d2e61;color:#fff;text-align:center;height:85px;line-height:85px;font-size:32px;font-weight:bold;cursor:pointer;}
.cont_media .list_btn:active {background-color:#081c3c;}

/** 소셜미디어 **/
.cont_social .tit_box {font-size:36px;font-weight:bold;color:#0d2e61;padding:45px 0;margin:0 30px;text-align:center;line-height:140%;background: url(/assets/images/sub/sub_cont_bg_bar.png) repeat-x center center;}
.cont_social .tit_box span#nav_menu {display:inline-block;background-color:#fff;padding:0 60px;cursor:pointer}
.cont_social .nav_list {background-color:#fff;width:100%}
.cont_social .nav_list li {height:60px;line-height:60px;font-size:36px;color:#0d2e61;font-weight:bold}
.cont_social .nav_list li span {cursor:pointer}
.cont_social .area {margin-bottom:30px}
.cont_social .itembox .img_box {position:relative}
.cont_social .itembox .img_box span {position:absolute;left:20px;bottom:-40px;z-index:50;width:81px;height:81px}
.cont_social .itembox .img_box span.facebook {background:url(/assets/images/mobile_main/m_sns_fb_ico.png) no-repeat center center;}
.cont_social .itembox .img_box span.instagram {background:url(/assets/images/mobile_main/m_sns_instagram_ico.png) no-repeat center center;}
.cont_social .itembox .cont_box {padding:0 20px 50px}
.cont_social .itembox .cont_box .cate {font-size:32px;font-weight:bold;color:#0d2e61;margin-top:60px;padding:0 0 10px}
.cont_social .itembox .cont_box .desc {font-size:24px;color:#616161;line-height:150%}
.cont_social .itembox img{width: 100%;max-width: 100%;height: auto;}
.cont_social .more_btn {background-color:#f5f5f5;color:#616161;text-align:center;height:85px;line-height:85px;font-size:32px;font-weight:bold;cursor:pointer;margin:40px 0 25px}
.cont_social .more_btn:active {background-color:#dfdfdf;}
.cont_social .more_down {background:url(/assets/images/mobile_main/more_btn_ico.png) no-repeat center center;width:23px;height:13px;display:inline-block;}
.cont_social .link_btn {color:#0d2e61;border:1px solid #dfdfdf;height:85px;line-height:85px;font-size:28px;text-align:center}

#popWin {display:none;position:absolute;z-index:600;width:80%;margin:50px 10% 0;}
#popWin img.bg-img{width:100%}
#popWin .action-box {position:absolute;bottom:20px;width:86%;margin:0 7%;left:0;z-index:605}
#popWin .action-box li {display:block;float:left;font-size:20pt}
#popWin .action-box li.right {float:right;color:#1ec78e}

.solution-qr {position:relative;overflow:hidden}
.solution-qr img {width:100%}
.solution-qr .left-good {position:absolute;top:0;left:0;right:0;z-index:100}
.solution-qr .left-good img {animation: shrink 3s infinite alternate;}
.solution-qr .right-good img {animation: shrink2 3s infinite alternate;}
.solution-qr .right-good {position:absolute;top:0;left:0;right:0;z-index:101}
.solution-qr .left-button {position:absolute;top:0;left:0;width:50%;height:100%;z-index:102}
.solution-qr .right-button {position:absolute;top:0;right:0;width:50%;height:100%;z-index:103}
.solution-qr-cont {position:relative}
.solution-qr-cont img {width:100%}
.solution-qr-cont .back-btn {position:fixed;left:20px;top:50%;width:54px;height:54px}
@keyframes shrink {
  0% {
    width:100%;
  }
  100% {
    width:105%;
  }
}

@keyframes shrink2 {
  0% {
    width:100%;
  }
  100% {
    width:95%;
  }
}
