@charset "utf-8";

/**폰트 사이즈*/
/**********************************************************************************************
기본폰트 13px, 0.813em
22px ---> 11px ---> 0.846em
24px ---> 12px ---> 0.923em
26px ---> 13px ---> 0.813em
28px ---> 14px ---> 1.077em
30px ---> 15px ---> 1.154em
32px ---> 16px ---> 1.231em
34px ---> 17px ---> 1.308em
36px ---> 18px ---> 1.385em
38px ---> 19px ---> 1.462em
48px ---> 24px ---> 1.846em
58px ---> 29px ---> 2.231em
**********************************************************************************************/

/*브랜드 스토리*/
.brand h2.sub_title {font-size:1.462em;}
/*tab*/
.brand .story_tab {position:relative; display:block; margin-top:30px; text-align:center;}
.brand .story_tab:before {display:block; border-top:1px solid #cecece; content: ''; position: absolute; top:5px; width:100%;}
.brand .story_tab ul {position: relative; top:0; right:0; left:0; display:inline-block; margin:0 auto; overflow: hidden; }
.brand .story_tab ul li {float:left; margin:0 5px; }
.brand .story_tab ul li a {display:inline-block; padding:0 10px; background-color: #fff}
.brand .story_tab ul li.tab01 a img {width:32px; height:9px;}
.brand .story_tab ul li.tab02 a img {width:59.5px; height:9px;}
.brand .story_tab ul li.tab03 a img {width:50px; height:11px;}

/*공통*/
#container.brand {padding-bottom:40px;}
.brand [class^="ahc_"] {margin-top:25px;}
.brand [class^="ahc_"] h3 {font-size:1.231em; position: relative; display:inline-block; margin:0 auto; padding:5px 0;}
.brand [class^="ahc_"] h3:before {position:absolute; left:-36px; top:5px; background: url(../images/brand/h3_number_01.png) left top no-repeat; content: ''; width:58px; height:39px; background-size: 100%;}
.brand [class^="ahc_"] h3 span {display:block; margin-top:1px;}
.brand .media_btn {margin-top:20px;}
.brand #sub_section{padding-bottom:0;}

/*ahc_vi*/
.ahc_vi {position:relative; margin-top:20px !important; text-align:center; width:100%; height:100%;  padding-bottom:43.6%; background: url(../images/brand/story_vi_01.jpg) no-repeat; background-size:100%;}
.ahc_vi p {color:#fff; position:absolute; top:35%;  text-align:center; width:100%;}
.ahc_vi p.vi_tit {font-size:1.231em; font-weight: bold;}
.ahc_vi p.vi_txt {padding-top:5px; font-size:0.923em; vertical-align:middle; padding-top:30px;} 

/*concept*/
.ahc_concept {position:relative; text-align:center; width: 100%;}
.brand .ahc_concept h3 span img {width:69.5px; height:11.5px;}
.ahc_concept img {width:100%;}
.ahc_concept .concept_img01 {padding-top:20px; width:90%; margin:0 auto; display: block;}
.ahc_concept .concept_img02 {margin-top:25px; display:block;}
.ahc_concept .concept_txt {margin-top:-3%; text-align:center;}
.ahc_concept .concept_txt p:first-child {font-size:1.077em; font-weight:bold;}
.ahc_concept .concept_txt p:first-child strong {color:#bda691;}
.ahc_concept .concept_txt p.last_txt {color:#bda691; font-size:0.846em; padding-top:20px;}
.ahc_concept p {padding-top:10px; text-align:center;}
.ahc_concept .concept_img02 + p {color: #7d7d7d;}
.ahc_concept .concept_img02 + p + p {color:#767676;}

/*value*/
.ahc_value {position: relative; text-align:center; width:100%; background-color:#f9f8f6; padding:35px 0 28px 0;}
.brand .ahc_value h3:before {background: url(../images/brand/h3_number_02.png) left top no-repeat; content: ''; width:58px; height:39px; background-size: 100%;}
.brand .ahc_value h3 span img {width:81px; height:9px;}
.ahc_value dl {position:relative; margin-top:20px;}
.ahc_value dl dt {text-align:right; margin:0 0 0 30px; background: url(../images/brand/value_img_01.png) left top no-repeat; background-size: 100%; width:auto; padding-bottom:60%;}
.ahc_value dl dt img {width:100%;}
.ahc_value dl dd {background-color: #fff; padding:20px; margin:-20% 30px 0 0 ;}
.ahc_value dl dd img {width:68px; height:14px;}
.ahc_value dl dd > p {color:#767676; padding-top:10px; line-height:150%;}
.ahc_value dl.list02 dt {margin:0; background: url(../images/brand/value_img_02.png) left top no-repeat; background-size: 100%; width:auto; padding-bottom:60%;}
.ahc_value dl.list02 dd {margin:-20% 0 0 30px;}
.ahc_value dl.list02 dd img {width:63px; height:14px;}
.ahc_value dl.list03 dt {background: url(../images/brand/value_img_03.png) left top no-repeat; background-size: 100%; width:auto; padding-bottom:60%;}
.ahc_value dl.list03 dd img {width:126px; height:18.5px;}

/*realize value*/
.ahc_realize {position: relative; text-align:center; width:100%;}
.brand .ahc_realize h3:before {left:-42px; top:3px; background: url(../images/brand/h3_number_03.png) left top no-repeat; content: ''; width:62px; height:50px; background-size: 100%;}
.brand .ahc_realize h3 span img {width:68px; height:9px;}
.ahc_realize .realize_txt01 {font-size:1.308em; font-weight:bold; margin-top:5px; padding:0 25px;}
.ahc_realize .realize_txt01 span {display:inline-block; padding:5px 0; border-bottom:1px solid #999;}
.ahc_realize .realize_txt02 {color:#767676; margin-top:20px; text-align:center; line-height:160%;}
.ahc_realize .realize_txt02 span {color:#bda691;}
.ahc_realize .realize_txt03 {position:relative; margin-top:30px; background: url(../images/brand/realize_bg.jpg) left top no-repeat; padding-bottom:34%; background-size: 100%; text-align:center;}
.ahc_realize .realize_txt03 p {position:absolute; top:50%; color:#fff; font-size:1.077em; font-weight:bold; line-height:160%; width:100%; margin:-30px auto 0 auto;}
ul.realize_list {margin-top:25px;}
ul.realize_list img {width:100%;}
ul.realize_list li {padding-top:25px; margin-top:20px; text-align:center; border-top:1px solid #e9ebea;}
ul.realize_list li:first-child {border-top:0;}
ul.realize_list li strong {font-size:1.154em; font-weight:bold; padding-top:15px; display:block;}
ul.realize_list li > p {padding-top:10px; color:#767676; line-height:160%;}
a.go_btn {padding:5px 13px 5px 18px; background: #717171; border-radius: 50px; color:#fff; margin-top:15px; display:inline-block; font-weight:bold;}
a.go_btn:after {content: ''; background: url(../images/brand/icon_arrow.png) left top no-repeat; display:inline-block; margin:2px 0 0 5px; width:6px; height:9.5px; background-size:6px,9.5px; }

/*history*/
.ahc_history {position: relative; text-align:center; width:100%; background:#272320 url(../images/brand/history_bg.jpg) center bottom no-repeat; padding:30px 0 100px 0; background-size:cover;}
.ahc_history .history_wrap {/*position:absolute; top:0;*/ width:100%;}
.brand .ahc_history .history_wrap h3 { color:#fff; margin-top:20px; text-align:center;}
.brand .ahc_history .history_wrap h3:before {left:-42px; top:3px; background: url(../images/brand/h3_number_04.png) left top no-repeat; content: ''; width:62px; height:50px; background-size: 100%;}
.brand .ahc_history .history_wrap h3 span img {width:66px; height:12px;}
.brand .ahc_history .history_wrap h3 + strong {display:block; color:#b2a790;}
.history_select .form-select {margin-top:15px; width:200px;}
.history_select .history_list ul {margin-top:25px; text-align:left;}
.history_select .history_list ul li {color:#fff; padding-top:5px; font-weight:normal; margin-left:10px;}
.history_select .history_list ul li:before {content: ''; width:5px; height:1px; background-color: #8f8f8f; margin:0 5px 0 -10px; display:inline-block; vertical-align: middle;}
.history_select .history_list ul li:first-child {padding-top:0;}

/*Store*/
.ahc_store {position: relative; text-align:center; width:100%;}
.brand .ahc_store h3:before {left:-53px; top:3px; background: url(../images/brand/h3_number_05.png) left top no-repeat; content: ''; width:62px; height:50px; background-size: 100%;}
.brand .ahc_store h3 span img {width:42px; height:9px;}
.brand .ahc_store h3 + p {color:#767676; font-weight:bold;}
.store_wrap {margin-top:20px; text-align:left;}
.store_wrap .form-select .virtual_select {background-color:#fafafa;}

.nation_wrap [class^="na_"] {position:relative; width:100%; margin-top:25px; /*display:none;*/}
.nation_wrap [class^="na_"].on {display:block;}
.nation_wrap [class^="na_"] h4 {font-size:1.154em; font-weight:bold; position:relative;}
.nation_wrap [class^="na_"] h4:after {position:absolute; right:0; top:0; width:50px; height:33px; background: url(../images/brand/nation_ch.jpg) left top no-repeat; content: ''; background-size: 50px, 33px;}
.nation_wrap [class^="na_"] h4 + span {display:inline-block; margin-top:5px; font-size:0.846em;}
.nation_wrap [class^="na_"] ul {padding-top:15px; margin-top:15px; border-top:1px solid #e9ebea;}
.nation_wrap [class^="na_"] ul li {color:#767676; padding-top:5px; margin-left:10px;}
.nation_wrap [class^="na_"] ul li:first-child {padding-top:0;}
.nation_wrap [class^="na_"] ul li:before {width:5px; height:1px; background-color:#767676; display:inline-block; content: ''; margin: 0 5px 0 -10px; vertical-align: middle;}

.nation_wrap .na_ja h4:after {background: url(../images/brand/nation_ja.jpg) left top no-repeat; background-size: 50px, 33px;}
.nation_wrap .na_ho h4:after {background: url(../images/brand/nation_ho.jpg) left top no-repeat; background-size: 50px, 33px;}
.nation_wrap .na_ta h4:after {background: url(../images/brand/nation_ta.jpg) left top no-repeat; background-size: 50px, 33px;}
.nation_wrap .na_th h4:after {background: url(../images/brand/nation_th.jpg) left top no-repeat; background-size: 50px, 33px;}
.nation_wrap .na_in h4:after {background: url(../images/brand/nation_in.jpg) left top no-repeat; background-size: 50px, 33px;}
.nation_wrap .na_au h4:after {background: url(../images/brand/nation_au.jpg) left top no-repeat; background-size: 50px, 33px;}
.nation_wrap .na_ca h4:after {background: url(../images/brand/nation_ca.jpg) left top no-repeat; background-size: 50px, 33px;}
.nation_wrap .na_us h4:after {background: url(../images/brand/nation_us.jpg) left top no-repeat; background-size: 50px, 33px;}
.nation_wrap .na_sp h4:after {background: url(../images/brand/nation_sp.jpg) left top no-repeat; background-size: 50px, 33px;}
.nation_wrap .na_ar h4:after {background: url(../images/brand/nation_ar.jpg) left top no-repeat; background-size: 50px, 33px;}

/*red_ahc*/
.red_vi {position:relative; margin-top:20px !important; text-align:center; width:100%; height:100%;  padding-bottom:70%; background: url(../images/brand/red_vi_img01.jpg) no-repeat; background-size:100%;}
.red_vi .red_wrap {position:absolute; top:50%; margin-top:-80px; text-align:center; width:100%;}
.red_vi .red_wrap h3 {color:#fff; font-size:2.231em;}
.red_vi .red_wrap h3:after {display:block; margin:10px auto 10px auto;  width:35px; height:1px; background-color:#eddfd1; content: '';}
.red_vi .red_wrap h3 > span {display:block; font-weight: normal; font-size: 0.414em !important; letter-spacing: 0.25em;}
.red_vi .red_wrap p {color:#fff; line-height:140%; font-weight:bold;}
.red_vi .red_wrap p.vi_txt {}
.red_vi .red_wrap p.vi_txt {margin-top:20px; font-size:0.846em; color:#e6dacf; font-weight:normal;}
/*red_concept*/
.red_concept {position:relative; text-align:center; width:100%; padding-bottom:15%;  background:#f60026 url(../images/brand/red_vi_img02.jpg) no-repeat; background-size:100%;}
.red_concept .red_con_wrap {padding-top:85%; text-align:left; width:100%; }
.red_concept .red_con_wrap p {color:#fff; line-height:140%;}
.red_concept .red_con_wrap p.concept_tit {margin-top:20px;}
.red_concept .red_con_wrap p.concept_txt {color:#f1cfd4; margin-top:10px;}
/*red_therapy*/
.red_therapy {margin-top:25px;}
.red_therapy .title_bg {background:url(../images/brand/red_title_bg.png) left 50% no-repeat; width:100%; padding:5% 0; background-size: 100%; text-align:center;}
.red_therapy .title_bg h3 {font-size:1.385em;}
.red_therapy .title_bg h3 > span {display:block; font-size:0.611em; color:#df3342;}
.red_therapy .therapy_txt {text-align: center; color:#767676; margin-top:10px; line-height:160%;}
.red_therapy .therapy_wrap {position:relative; margin-top:30px; background-color: #fafafa; padding:30px 0;} 
.red_therapy .therapy_wrap dl {float:left; width:50%; text-align: center; font-weight:bold; padding:0 5px; box-sizing: border-box;}
.red_therapy .therapy_wrap dl dt {color:#df3342;}
.red_therapy .therapy_wrap dl dd {margin-top:10px;}
.red_therapy .therapy_wrap dl.therapy_txt02 {position:relative;}
.red_therapy .therapy_wrap dl.therapy_txt02:before {content: ''; width:22px; height:22px; background: url(../images/brand/icon_plus.png) no-repeat; position:absolute; background-size:22px, 22px;  left:-12px; top:35%;}
.red_therapy .therapy_wrap div.therapy_txt03 {position:relative; clear:both; display:block; width:80%; margin:0 auto; padding-bottom:40%; background: url(../images/brand/red_therapy_bg.png) left 15px no-repeat; background-size:100%;}
.red_therapy .therapy_wrap div.therapy_txt03 > div {padding-top:48%;}
.red_therapy .therapy_wrap div.therapy_txt03 > div span, .red_therapy .therapy_wrap div.therapy_txt03 > div strong {display:block; text-align:center; color:#fff;}
.red_therapy .therapy_wrap div.therapy_txt03 > div strong {margin-top:10px; font-size:1.154em;}
.red_therapy .therapy_make {position:relative;}
.red_therapy .therapy_make dl {margin-top:30px;}
.red_therapy .therapy_make dl dt {width:auto; padding-bottom:90%; margin: 0 20px 0 0; background: url(../images/brand/red_therapy_img01.png) no-repeat; background-size: 100%;}
.red_therapy .therapy_make dl dd strong {font-size:1.385em;}
.red_therapy .therapy_make dl dd span {color:#ecc896; padding-right:5px;}
.red_therapy .therapy_make dl dd p {color:#767676; padding-top:10px; line-height: 160%;}
.red_therapy .therapy_make dl.make_02 {margin-top:40px;}
.red_therapy .therapy_make dl.make_02 dt {width:auto; padding-bottom:85%; margin: 0 0 0 50px; background: url(../images/brand/red_therapy_img02.png) no-repeat; background-size: 100%;}
.red_therapy .therapy_make dl.make_02 dd {text-align: right;}
.red_therapy .therapy_make dl.make_02 dd span {color:#df3342; padding-right:5px;}
.red_video {margin-top:40px;}

/*award*/
.award_bg {position:relative; margin-top:20px; width:100%; padding:50px 0; background: url(../images/brand/award_bg.jpg) center bottom no-repeat; background-size:cover;}
.award_bg .award_wrap .award_select {text-align:center; padding-bottom:20px;}
.award_bg .award_wrap .award_select .form-select {width:100px; margin:0 auto; font-size:1.385em; font-weight:bold;}
.award_bg .award_wrap .award_select .form-select select {height:40px;}
.award_bg .award_wrap .award_select .form-select .virtual_select {color:#333; margin-bottom: 12.5px; height:40px;}
.award_bg .award_wrap .award_select .form-select .virtual_select:after
{content: ''; position:absolute; left:50%; top:30px; margin:0 auto 0 -3px; display:block; width:100%; height: 5px; background: url(../images/common/select_arrow_2.png) no-repeat; background-size: 9.5px 5px;}
.award_bg .award_wrap .award_select .form-select .virtual_select {background-color: inherit; border:0; padding:0; width:auto;}
.award_bg .award_wrap .award_list {margin-top:20px;}
.award_bg .award_wrap .award_list.swiper-container {padding-bottom:35px;}
.award_bg .award_wrap .award_list ul li {text-align:center;}
.award_bg .award_wrap .award_list ul li p {margin-top:10px; font-size:13px; color:#333; font-weight:bold;}
.award_bg .award_wrap .award_list ul li img {max-height:105px;}

/*award_patent*/
.patent_wrap {margin-top:40px;}
.patent_wrap h3 {font-size:1.154em;}
.patent_wrap table {border-top:2px solid #999999; width:100%; margin-top:15px;}
.patent_wrap table th, .patent_wrap table td {padding:10px 0; vertical-align: top; border-bottom:1px solid #e9ebea;}
.patent_wrap table th {text-align:left; padding-left:5px;}
.patent_wrap table th span {width:20px; height:20px; line-height:19px; border-radius: 30px; text-align:center; background-color: #26283f; display:inline-block; color:#fff; font-weight:normal; font-size:0.846em;}
.patent_wrap table td span {color:#767676; font-size:0.846em; font-weight:bold;}
.patent_wrap table td span strong {padding-left:5px;}
.patent_wrap table td span.rightful:before {content: ''; display:inline-block; border-left:1px solid #e9ebea; width:1px; height:10px; margin:0 0 2px 4px; padding-left:5px; vertical-align: middle;}
.patent_wrap table td span > strong {color:#333;}
.patent_wrap table td .patent_list p.txt_01 {margin-top:10px; font-weight:bold; line-height:160%;}
.patent_wrap table td .patent_list p.txt_02 {margin-top:10px; font-size:0.846em; line-height: 160%; color:#767676;}

/*미디어 TAB*/
.brand .media_tab {margin-top:20px;}
.brand .media_tab ul li {width:25%;}
.brand .media_tab ul li:first-child {width:25%;}
/*미디어 list*/
.brand .tv_wrap {position:relative; padding-bottom:50px;}
.tv_wrap .tv_select {margin-top:30px;}
.tv_wrap .tv_select .form-select .virtual_select {background-color: #fafafa;}
.tv_wrap .brand_year {position:relative; margin-top:25px; padding-top:25px; border-top:1px solid #e9ebea;}
.tv_wrap .brand_year.year_first {margin-top:15px; border-top:0; padding-top:0;}
.tv_wrap .brand_year h3{position:relative; font-size:1.385em; color:#555555; text-align:center;}
.tv_wrap .brand_year h3:after {width:20px; height:1px; content:""; display:block; padding-top:12px; border-bottom:1px solid #999999; margin:0 auto;}
.tv_wrap .brand_year ul {margin-left:-2%; overflow:hidden; margin-top:20px;}
.tv_wrap .brand_year ul li {float:left; width:48%; margin-left:2%; margin-top:10px; min-height:160px;}
.tv_wrap .brand_year ul li:first-child, .tv_wrap .brand_year ul li:nth-child(2) {margin-top:0;}
.tv_wrap .brand_year ul li img {width:100%;}
.tv_wrap .brand_year ul li div.year_subject {margin-top:10px; text-align:center; height:50px;}
.tv_wrap .brand_year ul li div.year_subject span {color:#767676; font-size:1.154em; /*font-weight:bold*/}
.tv_wrap .brand_year ul li div.year_subject p {font-weight:bold; margin-top:8px;}
.brand .tv_wrap .media_btn {position:absolute; bottom:0; width:100%; padding-top:40px; display:block; margin-top:0;}
/*미디어 view*/
.brand .media_view_wrap h3 {font-size:1.231em; }
.brand .media_view_wrap dl.media_view_date {margin-top:10px; color:#767676;}
.brand .media_view_wrap dl.media_view_date dt, .brand .media_view_wrap dl.media_view_date dd {display: table-cell; color: #7d7d7d; font-size:0.846em;}
.brand .media_view_wrap dl.media_view_date dt {padding-right:5px;}
.brand .media_view_wrap dl.media_view_date dt:before {content: ''; display:inline-block; padding-left:5px; margin:0 0 2px 8px; width:1px; height:10px; border-left:1px solid #e9ebea; vertical-align: middle;}
.brand .media_view_wrap .media_video {margin-top:30px;}
.brand .media_view_wrap p.event_tit {text-align:left; padding:0;}
.media_sns {margin-top:20px; text-align:center;}
.media_sns span {display:inline-block;}
.media_sns span a {display:inline-block; width:29px; height:29px; margin-left:10px;}
.media_sns span:first-child a {margin-left:0;}
.media_sns span a:before {background-repeat: no-repeat; background-image: url(../images/common/icon_sns_type02.png); content: ''; display: inline-block; width: 29px; height: 29px; background-size: 29px, 171px; vertical-align: middle; margin: 0 8px 3px 0;}
.media_sns span.event_sns_kt a:before {background-position: 0 -29px;}
.media_sns span.event_sns_ks a:before {background-position: 0 -58px}

.brand .btn_top {margin-top:25px;}
.brand .media_more {margin-top:20px;}

/*미디어 > 지면광고*/
.print_wrap {position: relative; margin-top:30px;}
.print_wrap ul {margin-left:-2%; overflow:hidden;}
.print_wrap ul li {float:left; width:48%; margin-left:2%; margin-top:10px; min-height:180px;}
.print_wrap ul li:first-child, .print_wrap ul li:nth-child(2) {margin-top:0;}
.print_wrap ul li img {width:100%;}
.print_wrap ul li div.year_subject {margin-top:10px; text-align:center; height:80px;}
.print_wrap ul li div.year_subject span {color:#767676; font-size:1.154em; /*font-weight:bold*/}
.print_wrap ul li div.year_subject p {font-weight:bold; margin-top:8px;}

/*미디어 > 지면광고*/
.print_view_wrap {text-align:center;}
.print_view_wrap h3 {font-size:1.231em; padding:0 15px;}
.print_view_wrap h3 + p {font-size:0.923em; color:#767676; padding-top:12px; font-weight:bold;}
.print_view_wrap h3 + p:after {width: 20px; height: 1px; content: ""; display: block; padding-top: 12px; border-bottom: 1px solid #6180be; margin: 0 auto;}
.print_view_wrap .print_img_wrap {margin-top:20px; position:relative; width:100%;}
.print_view_wrap .print_img_wrap span.print_img img {width:100% !important;}
.print_view_wrap .print_img_wrap .arrow_btn {position:absolute; top:50%; margin-top:-15px; width:100%;}
.print_view_wrap .print_img_wrap .arrow_btn a {width:27px; height:26.5px; display:inline-block; background: url(../images/brand/icon_detail_arrow.png) left top no-repeat; background-size: 53px, 26.5px; }
.print_view_wrap .print_img_wrap .arrow_btn a.arrow_prev {position:absolute; left:3%;  background-position:0, 0;}
.print_view_wrap .print_img_wrap .arrow_btn a.arrow_next {position:absolute; right:3%; background-position: -26.5px, 0;}

/*미디어 > 매거진*/
.magazine_list {margin-top:20px;}
.magazine_list ul li {margin-top:30px;}
.magazine_list ul li div.mazine_img {width:100%; position:relative; overflow: hidden;}
.magazine_list ul li div.mazine_img > span {float:left; width:50%;}
.magazine_list ul li div.mazine_img > span img {width:100%;}
.magazine_list ul li:first-child {margin-top:0;}
.magazine_list ul li div.year_subject {margin-top:10px; text-align:center;}
.magazine_list ul li div.year_subject span {font-size:1.154em; color:#767676;}
.magazine_list ul li div.year_subject p.mazine_tit {font-weight: bold; margin-top:5px;}
.magazine_list ul li div.year_subject p.mazine_txt {font-size:0.846em; margin:15px auto 0 auto; width:80%;}
.magazine_list ul li div.year_subject p.mazine_txt a {color:#767676; line-height:160%;}
/*매거진 > 매거진 상세*/
.ma_view_wrap {text-align:center;}
.ma_view_wrap h3 {font-size:1.231em; padding:0 15px;}
.ma_view_wrap h3 + p {font-size:0.923em; color:#767676; padding-top:12px; font-weight:bold;}
.ma_view_wrap h3 + p:after {width: 20px; height: 1px; content: ""; display: block; padding-top: 12px; border-bottom: 1px solid #6180be; margin: 0 auto;}
.ma_view_wrap .ma_img_wrap {margin-top:20px;}
.ma_view_wrap .ma_img_wrap img {width:100% !important;}
.ma_tit_wrap {margin-top:20px; text-align:left;}
.ma_tit_wrap > p{font-weight:bold; padding-top:0; font-size:1.154em; color:#333;}
.brand .media_cont {margin-top:10px;}
.brand .media_cont > p {color:#767676; font-weight: normal;}
.ma_pro_wrap {margin-top:30px; background-color: #fafafa; width:100%;}
.ma_pro_wrap dl {display:table; padding:20px;}
.ma_pro_wrap dl dt, .ma_pro_wrap dl dd {display:table-cell; vertical-align: middle; text-align: left;}
.ma_pro_wrap dl dt {min-width:100px; height:auto;}
.ma_pro_wrap dl dt img {width:100%;}
.ma_pro_wrap dl dd {padding-left:10px; width:60%; margin:0 auto;}
.ma_pro_wrap dl dd p {font-weight:bold;}
.ma_pro_wrap dl dd span {margin-top:20px; display:inline-block; border-bottom:1px solid #999; padding-bottom:3px;}
.ma_pro_wrap dl dd span:after {content: '+'; display:inline-block; vertical-align: top; margin:0 5px 0 0;}
/*매거진 > 뉴스*/
.news_wrap .event_table_news p.list_date {color:#767676; margin-top:5px;}
.news_view_wrap h3 {font-size:1.231em;}
.news_view_wrap h3 + span {display:block; padding-top:12px; color:#767676;}
.news_view_cont {margin-top:30px;}
.news_view_cont img {width:100% !important; height:100% !important;}
.news_view_cont p {padding-top:10px; color:#767676; line-height:160%;}

/*브랜드 >  Ambassador*/
.ambassador_cont{position:relative; text-align:center;}
.ambassador_cont + .ambassador_cont{padding-top:35px;}
.ambassador_cont .photo img{width:100%;}
.ambassador_cont .summary{position:relative; padding-top:20px;}
.ambassador_cont .summary p.name{position:relative; color:#555; font-size:1.231em; letter-spacing:0.2em; font-weight:bold; padding-bottom:30px;}
.ambassador_cont .summary p.name:after{position:absolute; content:''; width:25px; height:1px; background-color:#e1e1e1; left:50%; margin-left:-13px; bottom:15px;}
.ambassador_cont .summary p{color:#767676; font-size:0.923em; line-height:150%; padding-bottom:15px;}
.ambassador_cont .summary p:last-child{padding-bottom:0;}

/*브랜드 > 플레이존*/
.play_zone .play_zone_top{height:245px; padding-top:136px; margin-bottom:35px; box-sizing:border-box; background:url('../images/brand/bg_play_zone.jpg') no-repeat; background-size:cover; position:relative;}
.play_zone .play_zone_top .cont {position:absolute; left:0; width:100%; top:50%; margin-top:-40px; text-align:center;}
.play_zone .play_zone_top .cont span{display:block; color:#bda691; font-weight:bold; padding-top:40px;}
.play_zone .play_zone_top .cont strong{display:block; position:relative; font-weight:normal; font-size:1.923em; line-height:78px; color:#fff;}
.play_zone .play_zone_top .cont p{margin-top:50px; line-height:16px; font-size:0.769em; color:#b9b9b9; letter-spacing:0.3em; font-weight:bold;}
.play_zone .play_zone_cont .cont{background:#fafafa;overflow:hidden;}
.play_zone .play_zone_cont .cont .visual img{width:100%;}
.play_zone .play_zone_cont .cont .desc{height:175px; box-sizing:border-box; text-align:center;}
.play_zone .play_zone_cont .cont .desc strong{display:block; font-size:1.154em; padding:20px 0 15px; line-height:21px;}
.play_zone .play_zone_cont .cont .desc p{font-size:0.923em; color:#767676; line-height:19px;}
.play_zone .play_zone_cont .cont + .cont{margin-top:10px;}
.play_zone .btn_set{margin-top:25px; text-align:center;}
.play_zone .btn_set .btn-type_02.pd_30{float:none;}
.play_zone .btn_set .btn-type_02.pd_30 em{padding:9px 26px; float:none;}

/*브랜드 > csr*/
.csr  #sub_section{padding-bottom:0px;}
.csr .summary{border:4px solid #f3f3f3; height:165px; margin-bottom:35px; text-align:center; background:url('../images/brand/bg_csr01.png') no-repeat center 20px; background-size:150px 63px; box-sizing:border-box;}
.csr .summary h2{color:#767676; font-weight:bold; position:relative; height:84px;}
.csr .summary h2 span{display:none;}
.csr .summary h2:before{content:''; position:absolute; left:50%; bottom:0; height:1px; background-color:#e9ebea; width:30px; margin-left:-15px;}
.csr .summary p{line-height:18px; color:#767676; font-size:0.923em; margin-top:18px;}
.csr .cont{overflow:hidden; text-align:center;}
.csr .cont .visual img{width:100%;}
.csr .cont .desc strong{display:block; font-size:1.538em; margin:20px 0 15px; font-weight:normal; line-height:120%;}
.csr .cont .desc p{font-size:0.923em; color:#767676; line-height:19px;}
.csr .cont + .cont{margin-top:35px;}
.csr_gallery{position:relative; width:100%; overflow:hidden; background:#fafafa; margin:35px 0 10px; padding:23px 0 35px; text-align:center;}
.csr_gallery h2{font-size:1.538em; font-weight:normal;}
.csr_gallery p{font-size:0.923em; line-height:18px; color:#767676; margin:15px 0 20px;}
.csr_gallery .slick-slider{margin-bottom:0;}
.csr_gallery .slick-slide{margin:0px 10px; opacity:0.3; transition-duration:0.3s;}
.csr_gallery .slick-slide img{width:100%;}
.csr_gallery .slick-center{opacity:1;}
.csr_gallery .slick-prev, .csr_gallery .slick-next{position: absolute; display:block; height:90px; width:25px; height:45px; cursor:pointer; top: 50%; margin-top:-22.5px; z-index:10; line-height:0; font-size:0;}
.csr_gallery .slick-prev {left:0px; background:url('../images/brand/slider_arrow_left.png') no-repeat; background-size:100%;}
.csr_gallery .slick-next {right:0px; background:url('../images/brand/slider_arrow_right.png') no-repeat; background-size:100%;}


/* --- BRAND :: brand Story --- */
#brand_story_wrap{position:fixed; left:0; width:100%; top:119px; bottom:0; overflow:hidden; z-index:3;}
#brand_story_wrap .scroll_down{position:absolute; left:0; right:0; bottom:0px; padding-bottom:35px; font-size:0.923em; color:#fff; text-align:center; z-index:9}
#brand_story_wrap .scroll_down:after{content:''; position:absolute; left:50%; bottom:0; height:25px; background-color:#fff; width:1px; opacity:0.9}

#brand_story_wrap ul.brand_story_cont{position:relative; height:100%; overflow:hidden; z-index:3;}
#brand_story_wrap ul.brand_story_cont li{position:absolute; overflow:hidden; height:100%; width:100%; left:0; top:100%; z-index:1; opacity:0; color:#fff; text-align:center;}
#brand_story_wrap ul.brand_story_cont li .cont{height:100%; position:relative; left:0; top:0;}
#brand_story_wrap ul.brand_story_cont li .cont .sub_tit{position:absolute; bottom:50%; left:0; text-align:center; font-weight:normal; font-size:1.923em; margin-bottom:-33px; z-index:2; display:table; width:100%}
#brand_story_wrap ul.brand_story_cont li .cont .sub_tit p{display:table-cell; vertical-align:middle;}
#brand_story_wrap ul.brand_story_cont li .cont .sub_tit p span{opacity:0; top:0; position:relative; left:25px; overflow:hidden;}
#brand_story_wrap ul.brand_story_cont li .cont .sub_summary{position:absolute; bottom:50px; left:0; right:0; z-index:2; color:#fff; font-size:1.154em; overflow:hidden; opacity:0}

#brand_story_wrap ul.brand_story_cont li.active{z-index:9}

#brand_story_wrap ul.brand_story_cont li.section1{top:0; opacity:1; background: url('../images/brand/bg_brand_story01.jpg') 50% 0 no-repeat; background-size:cover;}
#brand_story_wrap ul.brand_story_cont li.section2{background: url('../images/brand/bg_brand_story02.jpg') 50% 0 no-repeat; background-size:cover;}
#brand_story_wrap ul.brand_story_cont li.section2 .cont .sub_summary{bottom:auto; top:60px}
#brand_story_wrap ul.brand_story_cont li.section3{background: url('../images/brand/bg_brand_story03.jpg') 50% 0 no-repeat; background-size:cover;}
#brand_story_wrap ul.brand_story_cont li.section3 .cont .sub_summary{bottom:auto; top:60px}
#brand_story_wrap ul.brand_story_cont li.section4{background: url('../images/brand/bg_brand_story04.jpg') 50% 0 no-repeat; background-size:cover;}
#brand_story_wrap ul.brand_story_cont li.section5{background:#efe6de; display:table;}
#brand_story_wrap ul.brand_story_cont li.section5 h2{position:absolute; top:25px; font-size:1.923em; width:100%; color:#555; text-align:center; font-weight:normal;}
#brand_story_wrap ul.brand_story_cont li.section5 h2:after{position:absolute; content:''; left:50%; top:45px; width:1px; height:25px; background:#ccc;}
#brand_story_wrap ul.brand_story_cont li.section5 .cont{display:table-cell; vertical-align:middle;}
#brand_story_wrap ul.brand_story_cont li.section5 .video_btn{display:block;}
#brand_story_wrap ul.brand_story_cont li.section5 .video_btn img{width:100%; vertical-align:middle;}
#brand_story_wrap ul.brand_story_cont li.section5 .video_cont{display:none; position:absolute; left:0; right:0; bottom:0; top:0; background-color:#efe6de;}

#brand_story_wrap .pagination{position:fixed; top:50%; right:-16px; margin-top:-42px; z-index:9;}
#brand_story_wrap .pagination ul li{background:url('../images/aesthebalance/icon_pagination.png') 0 3px no-repeat; width:9px; height:38px; margin-bottom:7px; padding-top:3px; position:relative; cursor:pointer;}
#brand_story_wrap .pagination ul li:last-child{height:9px !important;}
#brand_story_wrap .pagination ul li.active{position:relative;}
#brand_story_wrap .pagination ul li.active:after{background-color:#bda691; width:15px; height:15px; border-radius:50px; position:absolute; content:''; left:-3px; top:0;}
#brand_story_wrap .pagination ul li.section5{background:url('../images/brand/icon_pagination.png') 0 3px no-repeat; width:9px; height:38px; margin-bottom:7px; padding-top:3px; position:relative; cursor:pointer;}

/* --- BRAND :: EyeCream zone --- */
#eyecream_zone_wrap #section01{background-color:#fcf4e5; padding-top:19px;}
#eyecream_zone_wrap #section01 .subtitle{color:#555555; font-size:1.538em; text-align:center; line-height:130%; position:relative; padding-bottom:15px;}
#eyecream_zone_wrap #section01 .subtitle:after{content:''; position:absolute; left:50%; bottom:0; width:30px; height:1px; margin-left:-15px; background-color:#cccccc;}
#eyecream_zone_wrap #section01 .pd_name{font-size:1.154em; color:#bda691; text-align:center; font-weight:bold; margin:11px 0 17px;}
#eyecream_zone_wrap #section01 .pd {position:relative;z-index:3;}/*2019-02-08*/
#eyecream_zone_wrap #section01 .pd:before {content:'';position:absolute;bottom:0;width:100%;height:65px;background:#fff;z-index:-1;}/*2019-02-08*/
#eyecream_zone_wrap #section01 .pd img{width:100%;}
#eyecream_zone_wrap #section01 .summary{color:#767676; font-size:0.923em; text-align:center; line-height:150%; padding:13px 21px 60px 21px; background-color:#fff; position:relative;}
#eyecream_zone_wrap #section01 .summary:after{content:''; display:block; background-color:#cccccc; width:30px; height:1px; margin:18px auto 0;}
#eyecream_zone_wrap #section01 .summary:before{content:''; background-color:#cccccc; width:1px; height:25px; position:absolute; left:50%; bottom:0}

#eyecream_zone_wrap #section02{background-color:#f2f2f2; position:relative; padding-top:40px;}
#eyecream_zone_wrap #section02:before{content:''; background-color:#cccccc; width:1px; height:25px; position:absolute; left:50%; top:0}
#eyecream_zone_wrap #section02 .ct{background-color:#fff; margin:0 20px; padding:0 21px 34px; position:relative; z-index:2; text-align:center;}
#eyecream_zone_wrap #section02 .ct .subtitle{color:#555555; font-size:1.538em; text-align:center; margin-bottom:13px; padding-top:28px;}
#eyecream_zone_wrap #section02 .ct .subtitle:after{content:''; display:block; background-color:#cccccc; width:30px; height:1px; margin:13px auto 0;}
#eyecream_zone_wrap #section02 .ct p{color:#767676; font-size:0.923em; line-height:160%;}
#eyecream_zone_wrap #section02 .img{margin-top:-100px; position:relative; z-index:1;}/*2019-02-08*/
#eyecream_zone_wrap #section02 .img img{width:100%;}

#eyecream_zone_wrap #section03{padding-top:35px;}
#eyecream_zone_wrap #section03 .hd{margin-bottom:22px;}
#eyecream_zone_wrap #section03 .hd .subtitle{color:#555555; font-size:1.538em; text-align:center; line-height:130%; position:relative; padding:60px 0 15px;}
#eyecream_zone_wrap #section03 .hd .subtitle:after{content:''; position:absolute; left:50%; bottom:0; width:30px; height:1px; margin-left:-15px; background-color:#cccccc;}
#eyecream_zone_wrap #section03 .hd .subtitle:before{content:''; display:block; background-color:#cccccc; width:1px; height:50px; position:absolute; left:50%; top:0}
#eyecream_zone_wrap #section03 .hd p{text-align:center; color:#767676; line-height:160%; font-size:0.923em; padding-top:10px;}
#eyecream_zone_wrap #section03 .swiper-container{padding-bottom:72px; padding-top:19px; background-color:#fafafa;}
#eyecream_zone_wrap #section03 .swiper-pagination{bottom:32px !important}
#eyecream_zone_wrap #section03 .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; background-color:#999999; opacity:1 !important}
#eyecream_zone_wrap #section03 .swiper-pagination .swiper-pagination-bullet-active{background-color:#bda691;}
#eyecream_zone_wrap #section03 .swiper-button-prev{background:url(../images/brand/ez_swiper_arr_l.png) 0 0 no-repeat; width:10px; height:20px; background-size:100%; left:10px; top:61%}
#eyecream_zone_wrap #section03 .swiper-button-next{background:url(../images/brand/ez_swiper_arr_r.png) 0 0 no-repeat; width:10px; height:20px; background-size:100%; right:10px; top:61%}
#eyecream_zone_wrap #section03 .ct{text-align:center;}
#eyecream_zone_wrap #section03 .ct h3{color:#555555; font-size:1.154em}
#eyecream_zone_wrap #section03 .ct p{color:#767676; font-size:0.923em; line-height:150%;  padding:6px 21px 0;}
#eyecream_zone_wrap #section03 .research_res{overflow:hidden; margin:19px 30px 0;}
#eyecream_zone_wrap #section03 .research_res dl{text-align:center;float:left; width:50%}/* 2017-12-26 */
#eyecream_zone_wrap #section03 .research_res dl.type2{display:inline-block;float:none; width:auto;}/* 2019-02-08 */
#eyecream_zone_wrap #section03 .research_res dl dt{color:#555555; font-size:0.923em; margin:0 10px; padding-bottom:9px; border-bottom:1px solid #cccccc}
#eyecream_zone_wrap #section03 .research_res dl dd{color:#bda691; font-size:2.308em; margin:-5px 10px 0; letter-spacing:-0.07em;}
#eyecream_zone_wrap #section03 .research_res dl dd em{font-size:1.333em}

#eyecream_zone_wrap #section04{padding:35px 0 0 0; position:relative; background-color:#fcf4e5;}
#eyecream_zone_wrap #section04 .subtitle{color:#555555; font-weight:bold; text-align:center; font-size:1.538em; padding-top:58px; position:relative;}
#eyecream_zone_wrap #section04 .subtitle:after{content:''; background-color:#cccccc; width:1px; height:50px; position:absolute; left:50%; top:0;}
#eyecream_zone_wrap #section04 .pd_list{margin-top:26px;}
#eyecream_zone_wrap #section04 .pd_list ul li{text-align:center;}
#eyecream_zone_wrap #section04 .pd_list .img img{width:100%}
#eyecream_zone_wrap #section04 .pd_list .pd_name{color:#555555; font-size:1.154em; font-weight:bold; margin:14px 0 3px 0}
#eyecream_zone_wrap #section04 .pd_list .summary{color:#767676; font-size:0.923em; line-height:150%}
#eyecream_zone_wrap #section04 .pd_list a.more{display:block; width:128px; height:33px; border:1px solid #9a9a9a; margin:18px auto 0; line-height:33px; color:#555555; font-size:0.923em}
#eyecream_zone_wrap #section04 .swiper-container{padding-bottom:70px; }
#eyecream_zone_wrap #section04 .swiper-pagination{bottom:32px !important}
#eyecream_zone_wrap #section04 .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; background-color:#999999;  opacity:1 !important}
#eyecream_zone_wrap #section04 .swiper-pagination .swiper-pagination-bullet-active{background-color:#bda691;}
#eyecream_zone_wrap #section04 .swiper-button-prev{background:url(../images/brand/ez_swiper_arr_l.png) 0 0 no-repeat; width:20px; height:39px; background-size:100%; left:20px; top:25%}
#eyecream_zone_wrap #section04 .swiper-button-next{background:url(../images/brand/ez_swiper_arr_r.png) 0 0 no-repeat; width:20px; height:39px; background-size:100%; right:20px; top:25%}

#eyecream_zone_wrap #section05{padding-bottom:50px; background:#f7f7f7;position:relative;}/*2019-02-08*/
#eyecream_zone_wrap #section05 .subtitle{color:#555555; font-weight:bold; text-align:center; font-size:1.538em; padding-top:58px; margin-bottom:30px; position:absolute;left:50%;top:0;transform: translate(-50%, 35px);}/*2019-02-08*/
#eyecream_zone_wrap #section05 .subtitle:after{content:''; background-color:#cccccc; width:1px; height:50px; position:absolute; left:50%; top:0;}
#eyecream_zone_wrap #section05 .subtitle02{color:#555555; font-weight:bold; text-align:center; font-size:1.154em; padding-top:30px; margin-bottom:13px; position:relative;}
#eyecream_zone_wrap #section05 .subtitle02:after{content:'';  display:block; background-color:#cccccc; width:30px; height:1px; margin:13px auto 0;}
#eyecream_zone_wrap #section05 .award_top{background:#f7f7f7;}
#eyecream_zone_wrap #section05 .award_top img{width:100%;}
#eyecream_zone_wrap #section05 .inner{background:#fff; padding:0; margin-right:10px; margin-left:10px;}
#eyecream_zone_wrap #section05 .award{margin-top:15px;}
#eyecream_zone_wrap #section05 .award ul{overflow:hidden;}
#eyecream_zone_wrap #section05 .award ul li{float:left; width:50%; text-align:center; margin-bottom:22px; min-height:128px}
#eyecream_zone_wrap #section05 .award ul li .logo{margin-bottom:10px;}
#eyecream_zone_wrap #section05 .award ul li .logo img{width:50%;}
#eyecream_zone_wrap #section05 .award ul li strong{color:#555555; font-size:1.154em; font-weight:bold; display:block; margin-bottom:4px;}
#eyecream_zone_wrap #section05 .award ul li p{color:#767676; font-size:0.923em; line-height:140%}
#eyecream_zone_wrap #section05 .award ul li:nth-child(odd){clear:both;}
#eyecream_zone_wrap #section05 .award ul li:nth-child(1) .logo img{width:42px;}
#eyecream_zone_wrap #section05 .award ul li:nth-child(2) .logo img{width:43px;}
#eyecream_zone_wrap #section05 .award ul li:nth-child(3) .logo img{width:48px;}
#eyecream_zone_wrap #section05 .award ul li:nth-child(4) .logo img{width:33px;}
#eyecream_zone_wrap #section05 .award ul li:nth-child(5) .logo img{width:103px;}
#eyecream_zone_wrap #section05 .award ul li:nth-child(6) .logo img{width:59px;}
#eyecream_zone_wrap #section05 .award ul li:nth-child(7) .logo img{width:48px;}
#eyecream_zone_wrap #section05 .award ul li:nth-child(8) .logo img{width:49px;}