/* BRAND LIST */
#BRAND_LIST .list {margin-top:80px;}
#BRAND_LIST .list ul {font-size:0;}
#BRAND_LIST .list ul li {position:relative; display: inline-block; width:25%; box-sizing: border-box; vertical-align: top;}
#BRAND_LIST .list ul li img {width:100%;}
#BRAND_LIST .list ul li.list_logo {z-index:1;}
#BRAND_LIST .list ul li .name_box {position:absolute; display: block; top:0; left:0; width:100%; height:100%; z-index:1; background-color:#fff;}
#BRAND_LIST .list ul li.list_logo .name_box:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #e5e5e5; box-sizing: border-box;}
#BRAND_LIST .list ul li.list_logo .name_box:after {content:""; position:absolute; top:16px; left:16px; bottom:16px; right:16px; border:1px solid #cec1a7;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child {position:relative;margin:0 auto; width:100%; height:100%; display: table;transition:all .3s;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child:before {content:""; position:absolute; top:50%; width:34px; height:34px; background-color:#fff; margin-top:-17px; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#BRAND_LIST .list ul li.list_logo.left .name_box > div:first-child:before {right:-10px;}
#BRAND_LIST .list ul li.list_logo.right .name_box > div:first-child:before {left:-10px;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child > div {display: table-cell; vertical-align: middle; text-align: center;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child > div span {display: block;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child > div span.logo {position:relative; margin-top:-20px;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child > div span.logo>img{padding: 0 8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child > div span.logo img.on {position:absolute; top:0; left:0; opacity:0;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child > div .brandName {font-size:15px; color:#767676;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child > div .copy {font-size:13px; line-height:20px; color:#999999; z-index: 1; position: relative; padding: 0 40px;visibility: hidden;opacity:0; height:0;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child > div .copy span {opacity:0; transition:opacity 0.7s;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child > div .line {position:relative; display:inline-block; transition:all 0.4s; opacity:0; visibility: hidden;}
#BRAND_LIST .list ul li.list_logo .name_box > div:first-child > div .line:after {content:""; width:34px; height:14px; background:url("../../img/brand/list_arrow.png") 0 0 no-repeat; margin:0 auto; display: none;}
#BRAND_LIST .list ul li.list_logo .name_box:hover {background-color:#2d2d2d;}
#BRAND_LIST .list ul li.list_logo .name_box:hover:before {border-color:#2d2d2d;}
#BRAND_LIST .list ul li.list_logo .name_box:hover > div:first-child:before {background-color:#2d2d2d;}
#BRAND_LIST .list ul li.list_logo .name_box:hover > div:first-child > div span.logo { margin-bottom: 0;}
#BRAND_LIST .list ul li.list_logo .name_box:hover > div:first-child > div span.logo img {opacity:0;}
#BRAND_LIST .list ul li.list_logo .name_box:hover > div:first-child > div span.logo img.on {opacity:1;}
#BRAND_LIST .list ul li.list_logo .name_box:hover > div:first-child > div .brandName {display: none;}
#BRAND_LIST .list ul li.list_logo .name_box:hover > div:first-child > div .copy {visibility: visible;opacity:1;}
#BRAND_LIST .list ul li.list_logo .name_box:hover > div:first-child > div .copy span {opacity:1;}
#BRAND_LIST .list ul li.list_logo .name_box:hover > div:first-child > div .line {margin-top:30px; opacity:1; visibility: visible;}
#BRAND_LIST .list ul li.list_logo .name_box:hover > div:first-child > div .line:after {display: block;}
#BRAND_LIST .list ul li.list_logo .name_box div.contain { position: absolute;width:200%;height:100%; top: 0;}
#BRAND_LIST .list ul li.list_logo.left .name_box div.contain {left:0;}
#BRAND_LIST .list ul li.list_logo.right .name_box div.contain {right:0;}
#BRAND_LIST .list ul li.list_thumb {overflow:hidden;}
#BRAND_LIST .list ul li.list_thumb div {
    transition: all .6s;
    -moz-transition: all.6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    -webkit-transition: all .6s;}
#BRAND_LIST .list ul li.list_thumb.on div {transform:scale(1.05);}
#BRAND_LIST .list ul li.list_thumb div:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(31,31,31,0.2); opacity: 0; -ms-transition: opacity 0.3s; transition: opacity 0.3s;}
#BRAND_LIST .list ul li.list_thumb.on div:after {opacity:1;}
#BRAND_LIST .list .btn_viewmore {width:100%; text-align: center; margin:80px 0 160px;}
#BRAND_LIST .list .btn_viewmore a:after {background-color:#222;}



/* BRAND DETAIL KEYVISUAL */
#BRAND_DETAIL_KEYVISUAL {position:relative; font-size:0;}
#BRAND_DETAIL_KEYVISUAL > div {position:relative; display: inline-block; width:50%; height:100%; vertical-align: top;}
#BRAND_DETAIL_KEYVISUAL .left {background-color:#f6f6f6;}
#BRAND_DETAIL_KEYVISUAL .left a.btn_listView {position:absolute; top:60px; left:80px; display: block; font-size:13px; z-index:1; line-height:1;}
#BRAND_DETAIL_KEYVISUAL .left a.btn_listView .lines {position:relative; top:2px; display: inline-block; width:13px; vertical-align: top; margin-right:10px;}
#BRAND_DETAIL_KEYVISUAL .left a.btn_listView .lines span {position:absolute; top:0; left:0; width:13px; height:1px; background-color:#222;}
#BRAND_DETAIL_KEYVISUAL .left a.btn_listView .lines span:nth-child(2) {top:4px;}
#BRAND_DETAIL_KEYVISUAL .left a.btn_listView .lines span:nth-child(3) {top:8px;}
#BRAND_DETAIL_KEYVISUAL .left a.btn_listView:hover .lines span:nth-child(1) {top:1px; width:7px; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#BRAND_DETAIL_KEYVISUAL .left a.btn_listView:hover .lines span:nth-child(3) {top:7px; width:7px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#BRAND_DETAIL_KEYVISUAL .left .logo {position:absolute; top:0; left:0; width:100%; height:100%; text-align: center;}
#BRAND_DETAIL_KEYVISUAL .left .logo > div {position:relative; width:100%; height:100%; display: table;}
#BRAND_DETAIL_KEYVISUAL .left .logo > div > div {display: table-cell; vertical-align: middle;}
#BRAND_DETAIL_KEYVISUAL .left .logo > div > div img {width:400px; margin-top:-60px;}
#BRAND_DETAIL_KEYVISUAL .left .logo > div > div span {display: block; font-size:17px; color:#666666;}


/* BRAND DETAIL SUB TITLE */
#BRAND_DETAIL_SUB_TITLE .subTitle_inner {padding:100px 0 96px;}
#BRAND_DETAIL_SUB_TITLE .subTitle_inner .btns {text-align: center; width:100%; font-size:0; margin-bottom:40px;}
#BRAND_DETAIL_SUB_TITLE .subTitle_inner .copy {text-align: center; font-size:15px; color:#444444; max-width:700px; box-sizing: border-box; line-height:30px; margin:0 auto; word-break: keep-all;}
#BRAND_DETAIL_SUB_TITLE .subTitle_inner .copy p {word-break: keep-all;}
#BRAND_DETAIL_SUB_TITLE .subTitle_inner .btn_findStore {text-align: center; margin-top:40px;}
#BRAND_DETAIL_SUB_TITLE .subTitle_inner .btn_findStore a {display: inline-block;}
#BRAND_DETAIL_SUB_TITLE .subTitle_inner .btn_findStore a:after {background-color:#222;}


/* BRAND DETAIL VIDEO */
#BRAND_DETAIL_VIDEO {width:1020px; height:574px; margin:0 auto; border:1px solid #e5e5e5; box-sizing: border-box;}


/* BRAND DETAIL NEWS */
#BRAND_DETAIL_NEWS .list {margin-top:80px;}
#BRAND_DETAIL_NEWS .attractt_list {margin:80px 0 120px;}
#BRAND_DETAIL_NEWS .list ul {font-size:0;}
#BRAND_DETAIL_NEWS .list ul li {width:33.33%; display: inline-block; vertical-align: top;}
#BRAND_DETAIL_NEWS .list ul li a {display: block;}
#BRAND_DETAIL_NEWS .list ul li img {width:100%;}
#BRAND_DETAIL_NEWS .list .btn_viewmore {text-align: center; padding:80px 0 120px;}
#BRAND_DETAIL_NEWS .list .btn_viewmore a:after {background-color:#222;}


/* BRAND DETAIL MD */
#BRAND_DETAIL_MD {width:100%; background-color:#f6f6f6; padding-bottom:120px;}
#BRAND_DETAIL_MD .md_inner .caption { text-align: right; font-size: 13px; color:#717171; line-height: 27px;margin: 23px auto 0;width:90%; padding-right: 20px;}
#BRAND_DETAIL_MD .md_inner .list {position:relative; margin-top:20px;}
#BRAND_DETAIL_MD .md_inner .list .btn_arrow {position:absolute; top:30%;}
#BRAND_DETAIL_MD .md_inner .list .btn_arrow.hide {visibility: hidden; opacity:0;}
#BRAND_DETAIL_MD .md_inner .list .btn_arrow_l {left:0;}
#BRAND_DETAIL_MD .md_inner .list .btn_arrow_r {right:0;}
#BRAND_DETAIL_MD .md_inner .list .list_inner {width:90%; margin:0 auto; overflow: hidden;}
#BRAND_DETAIL_MD .md_inner .list .list_inner ul {white-space: nowrap; font-size:0;}
#BRAND_DETAIL_MD .md_inner .list .list_inner ul li {display: inline-block; width:25%; padding:0 10px; box-sizing: border-box; vertical-align: top;}
#BRAND_DETAIL_MD .md_inner .list .list_inner ul li img {width:100%;}
#BRAND_DETAIL_MD .md_inner .list .list_inner ul li .copy_box {padding:25px 20px 0 10px; box-sizing: border-box;white-space: normal;}
#BRAND_DETAIL_MD .md_inner .list .list_inner ul li .copy_box span {display: block; font-size:17px; color:#333333; line-height:27px;}
#BRAND_DETAIL_MD .md_inner .list .list_inner ul li .copy_box span.type_store {font-size: 14px; color: #888888; margin-top: 25px; line-height: 1;}
#BRAND_DETAIL_MD .md_inner .list .list_inner ul li .copy_box span.type_store:before {content: ""; position: relative; top: -2px; display: inline-block; width: 19px; height: 16px; background: url(../../img/shopping/ssgzone/ico_store.png) 0 0 no-repeat; vertical-align: top; margin-right: 7px;}
#BRAND_DETAIL_MD .md_inner .list .list_inner ul li .copy_box a {margin-top:25px; color:#8b714c;}
#BRAND_DETAIL_MD .md_inner .list .list_inner ul li .copy_box a:after {background-color:#b69d69; display: block;}


/* BRAND DETAIL STORY */
#BRAND_DETAIL_STORY {padding-bottom:160px;}
#BRAND_DETAIL_STORY .list {margin-top:60px;}
#BRAND_DETAIL_STORY .list ul {font-size:0;}
#BRAND_DETAIL_STORY .list ul li {display: inline-block; width:32%; margin-right:2%; vertical-align: top; margin-bottom: 60px;}
#BRAND_DETAIL_STORY .list ul li:nth-child(3n) {margin-right:0;}
#BRAND_DETAIL_STORY .list ul li .bg {}
#BRAND_DETAIL_STORY .list ul li img {width:100%;}
#BRAND_DETAIL_STORY .list ul li .copy_box {padding:30px 20px 0 10px;}
#BRAND_DETAIL_STORY .list ul li .copy_box .title {display: block; font-size:15px; color:#8b714c; line-height:1;letter-spacing: 0.5px;}
#BRAND_DETAIL_STORY .list ul li .copy_box .type_blog:after {content:""; position:relative; top:1px; display: inline-block; width:12px; height:12px; background:url("../../img/brand/detail/ico_blog.png") 0 0 no-repeat; margin-left:6px;}
#BRAND_DETAIL_STORY .list ul li .copy_box .copy {display:block; font-size:18px; line-height:28px; padding:15px 0 25px;}
#BRAND_DETAIL_STORY .list ul li .copy_box .btn_detail {color:#666666;}
#BRAND_DETAIL_STORY .list ul li .copy_box .btn_detail:after {background-color:#bbbbbb;}
#BRAND_DETAIL_STORY .list ul li.gu_link_hover:hover .gu_img_area:after{opacity: 1}
#BRAND_DETAIL_STORY .list ul li.gu_link_hover:hover .gu_img_area .gu_img_box{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
#BRAND_DETAIL_STORY .list .btn_viewmore {text-align: center; margin-top: -40px;position: relative;z-index: 2}


/* BRAND DETAIL BANNER */
#BRAND_DETAIL_BANNER {width:100%; font-size:0;}
#BRAND_DETAIL_BANNER a{}
#BRAND_DETAIL_BANNER a>div {display:inline-block; width:50%; height:200px;}
#BRAND_DETAIL_BANNER .left {position:relative; background-color:#eee;}
#BRAND_DETAIL_BANNER .left .logo {position:absolute; top:0; left:0; width:100%; height:100%; text-align: center;}
#BRAND_DETAIL_BANNER .left .logo .left_inner {position:relative; width:100%; height:100%; display: table;}
#BRAND_DETAIL_BANNER .left .logo .logo_center {display: table-cell; vertical-align: middle;}
#BRAND_DETAIL_BANNER .left .logo .logo_center > img {margin-top:-30px;transition:all .3s; height:90px;}
#BRAND_DETAIL_BANNER .left .logo .lines {position:relative; top:2px; display: block; width:24px; vertical-align: top; margin:-10px auto 0;}
#BRAND_DETAIL_BANNER .left .logo .lines span {position:absolute; top:0; right:0; width:24px; height:1px; background-color:#222;}
#BRAND_DETAIL_BANNER .gu_img_area{border: 0}
#BRAND_DETAIL_BANNER .gu_img_area div{width: 100%;height: 100%}
#BRAND_DETAIL_BANNER a:hover .left .logo .lines {left:10px;}
#BRAND_DETAIL_BANNER a:hover .left .logo .lines span:nth-child(1) {top:-3px; width:7px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#BRAND_DETAIL_BANNER a:hover .left .logo .lines span:nth-child(2) {width:44px;}
#BRAND_DETAIL_BANNER a:hover .left .logo .lines span:nth-child(3) {top:3px; width:7px; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#BRAND_DETAIL_BANNER a:hover .left .logo .logo_center > img {opacity:0.6; transform:translate(0, -10px); -ms-transform:translate(0, -10px);}


/* BRAND DETAIL CHICOR */
#BRAND_DETAIL_CHICOR {margin-top:100px;}
#BRAND_DETAIL_CHICOR .list ul {font-size:0;}
#BRAND_DETAIL_CHICOR .list ul li {display: inline-block; width:32%; margin-right:2%; vertical-align: top;}
#BRAND_DETAIL_CHICOR .list ul li:last-child {margin-right:0;}
#BRAND_DETAIL_CHICOR .list ul li img {width:100%;}
#BRAND_DETAIL_CHICOR .list ul li .copy_box {padding:30px 10px 0;}
#BRAND_DETAIL_CHICOR .list ul li .copy_box .btn_blog {display: block; font-size:14px; color:#8b714c; line-height:1;}
#BRAND_DETAIL_CHICOR .list ul li .copy_box .btn_blog:after {content:""; position:relative; top:1px; display: inline-block; width:12px; height:12px; background:url("../../img/brand/detail/ico_blog.png") 0 0 no-repeat; margin-left:6px;}
#BRAND_DETAIL_CHICOR .list ul li .copy_box .copy {display:block; font-size:17px; line-height:24px; padding-bottom:20px;}
#BRAND_DETAIL_CHICOR .list ul li .copy_box .btn_detail {color:#8b714c;}
#BRAND_DETAIL_CHICOR .list ul li .copy_box .btn_detail:after {background-color:#b69d69;}
#BRAND_DETAIL_CHICOR .banner {width:100%; margin-top:120px;}
#BRAND_DETAIL_CHICOR .banner img {width:100%;}


/* BRAND DETAIL DETAIL CONTENTS */
#BRAND_DETAIL_DETAIL_CONTENTS.gu_detail_page .view_tit_wrap{padding: 120px 100px 0}
#BRAND_DETAIL_DETAIL_CONTENTS .view_content { padding: 40px;box-sizing: border-box;}
#BRAND_DETAIL_DETAIL_CONTENTS .view_content .video_area {padding:60px 0;}
#BRAND_DETAIL_DETAIL_CONTENTS .view_content .editor_area {padding-bottom:100px;font-size: 15px;color: #444;line-height: 26px;word-break: keep-all;word-wrap: break-word;}


/* BRAND DETAIL KEYVISUAL TYPE BLACK */
#BRAND_DETAIL_KEYVISUAL.type_black .left {background-color:#111111;}
#BRAND_DETAIL_KEYVISUAL.type_black .left .logo > div > div span {color:#bbb;}
#BRAND_DETAIL_KEYVISUAL.type_black .left a.btn_listView {color:#fff;}
#BRAND_DETAIL_KEYVISUAL.type_black .left a.btn_listView .lines span {background-color:#fff;}
#BRAND_DETAIL_BANNER.type_black .left {background-color:#111111;}
#BRAND_DETAIL_BANNER.type_black .left .logo .lines span{background-color:#bbb;}