﻿@CHARSET "UTF-8";

/* COMMON **********************************************************/
/*#container.brand .section_top { margin: 0 0 50px 0 }*//*20161222 삭제*/
#container.brand .section_01 { margin: 0 0 50px 0 }
#container.brand .header { height: 716px }
#container.brand .header .header_wrap { width: 1200px; padding: 0; overflow: hidden; }
#container.brand .header .header_wrap h2 { width: 190px; margin: 15px 0 10px 0; }

#container.brand .header .header_wrap .rgt_area { width: 100%; text-align:right; }
/*#container.brand .header .header_wrap .rgt_area img { display: inline-block; width: 190px; margin: 15px 0 10px 0;}*/
#container.brand .header .header_wrap .rgt_area img { display: inline-block; width: 128px; margin: 15px 0 10px 0;}

#container.brand .header .header_wrap h2 img { display: inline-block; width: 100%; }
#container.brand .header .header_wrap .desc { margin: 0 0 33px 0; font-size: 22px; color: #c1676e; }
#container.brand .content h3 { position: relative; top: 0; left: 0; height: 64px; margin: 0 0 20px 0; line-height: 64px; font-size: 22px; font-weight: 500; color: #252525; background: none; }
#container.brand .content h3:BEFORE { content: ""; position: absolute; bottom: 0px; left: 50%; width: 25px; height: 1px; margin: 0 0 0 -12.5px; border-top: 1px solid #888888; }

/* HEADER **********************************************************/
.brand .header .img_header_m {display: none; width: 100%; height: auto;}
.brand .header .info { float: right; width: 650px; }
.brand .header .info .brand_nav { margin: 40px 0 52px 0; text-align: right; overflow: hidden; }
.brand .header .info .brand_nav:AFTER { content: ""; position: absolute; top: 8px; left: 86px; width: 1px; height: 12px; border-left: 1px solid #e1e1e1; }
.brand .header .info .brand_nav li { display: inline-block; width: 112px; margin: 0 0 0 12px; vertical-align: middle; }
.brand .header .info .brand_nav li a { display: block; width: 100%; height: 100%; }
.brand .header .info .brand_nav li .btn_on {display: none; width: 100%;}
.brand .header .info .brand_nav li .btn_off {display: block; width: 100%;}
.brand .header .info .brand_nav li:hover .btn_on, .brand .header .info .brand_nav li.active .btn_on {display: block;}
.brand .header .info .brand_nav li:hover .btn_off, .brand .header .info .brand_nav li.active .btn_off {display: none;}
.brand .header .info .youtube_wrap { position: relative; width: 100%; padding-bottom: 63%; background: #000;  }
.brand .header .info .youtube_wrap iframe { position: absolute; width: 100%; height: 100%; }

.brand_danahan .header { background: url(../images/brand/bg_header_danahan.png?v=20230823) no-repeat top center; background-size: cover; }
/*.brand_fdm .header { background: url(../images/brand/bg_header_fdm.jpg) no-repeat top center; background-size: cover; }*/
.brand_flower .header { background: url(../images/brand/bg_header_flower.png?v=20230823) no-repeat top center; background-size: cover; }
.brand_vprove .header {background: url(../images/brand/bg_header_vprove.png?v=20230823) no-repeat top center;background-size:cover;}
.brand_vprove .header .header_wrap .desc{color:#c87101 !important;}
.brand_bethesalon .header {background: url(../images/brand/bg_header_bethesalon.png?v=20230823) no-repeat top center;background-size:cover;}
.brand_inusth .header {background: url(../images/brand/bg_header_inusth.png?v=20230823) no-repeat top center;background-size:cover;}

/* CONTENT **********************************************************/
.brand .top { margin: 0 0 110px 0 }
.brand .top .tit_subject { margin: 0 0 55px 0; line-height: 45px; font-size: 35px; font-weight: 300; text-align: center; color: #252525; word-break: keep-all; }
.brand .top .tit_subject .point_m { font-weight: 500 }
.brand .top .tit_subject .point_l { font-weight: 700 }
.brand .top .tit_header { width: 780px; max-width: 100%; margin: 0 auto 15px auto; line-height: 25px; font-size: 18px; font-weight: 300; text-align: center; color: #464646; word-break: keep-all; }
.brand .top .tit_desc { width: 1010px; max-width: 100%; margin: 0 auto; line-height: 23px; font-size: 14px; font-weight: 300; text-align: center; color: #969696; word-break: keep-all; }
.brand .bottom h4 { margin: 0 0 30px 0; line-height: 1; font-size: 26px; font-weight: 300; color: #464646; }
.brand .bottom .img_brand_item { display: block; width: 960px; height: auto; }
.brand .bottom .list_line li { box-sizing: border-box; margin: 0 0 12px 0; border: 1px solid #e0e0e0; zoom:1; }
.brand .bottom .list_line li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.brand .bottom .list_line li .cont_thumb { float: left; width: 59%; margin: 0 3% 0 0; }
.brand .bottom .list_line li .cont_thumb .img_thumb { display: block; width: 100%; }
.brand .bottom .list_line li .cont_info { padding: 25px 35px 35px 0; }
.brand .bottom .list_line li .cont_info .tit_subject { margin: 0 0 10px 0; padding: 0 0 20px 0; }
.brand .bottom .list_line li .cont_info .tit_subject span { position: relative; line-height: 1; font-size: 32px; font-weight: 700; color: #2c2c2c; word-break: keep-all;}
.brand .bottom .list_line li .cont_info .tit_subject span:AFTER { content: ""; display: block; }
.brand .bottom .list_line li .cont_info .tit_subject span.tit_eng { font-size: 22px; font-weight: 300; text-transform: uppercase;}
.brand .bottom .list_line li .cont_info .tit_subject span.tit_eng:AFTER {content: ""; position: absolute; bottom: -16px; left: 0; width: 25px; height: 1px; border-top: 1px solid #888;}
/* 10.25 수정 Start */
.brand .bottom .list_line li .cont_info .tit_subdesc {margin: 23px 0 7px 0; line-height: 22px; font-size: 16px; color: #0089d0; word-break: keep-all;}
/* 10.25 수정 End */
.brand .bottom .list_line li .cont_info .tit_desc { line-height: 22px; font-size: 16px; color: #969696; word-break: keep-all; }
.brand .bottom .btns { margin: 50px 0 0 0; text-align: center; }
.brand .bottom .btns .rede_more { box-sizing: border-box; width: 300px; max-width: 100%; height: 60px; font-size: 20px; font-weight: 300; color: #464646; border: 1px solid #cecece; background: none; }


/* 10.25 수정 Start */
.brand .bottom .list_line li .list_item { overflow:hidden; position:relative; }
.brand .bottom .list_line li .btn { position:absolute; bottom:20px; right:0; width:100%; margin-top:30px; zoom:1; }
.brand .bottom .list_line li .btn:after{ content:".";display:block;height:0;clear:both;visibility:hidden; }
.brand .bottom .list_line li .btn_m2 { float:left; width:auto; margin-left:62.4%; padding-left:30px; padding-right:30px; border:1px solid #cecece;background:#fff;color:#464646;}
.brand .bottom .list_line li .more { float:right; width: 50px; height: 50px; margin:-3px 30px 0 0; color: #191919; font-size: 1.3em }
.brand .bottom .list_line li .icon_more { display: block; position: relative; width: 100%; height: 100%; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out }
.brand .bottom .list_line li .icon_more:before,
.brand .bottom .list_line li .icon_more:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; display: block; margin: auto; background: #999; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out }
.brand .bottom .list_line li .icon_more:before { left: 0; width: 100%; height: 1px }
.brand .bottom .list_line li .icon_more:after { left: 0; width: 1px; height: 100% }
.brand .bottom .list_line li.on .icon_more { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
.brand .bottom .list_line li.on .icon_more:after { -ms-filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0 }


.brand .bottom .list_line li .cont_detail{ display:none; position:relative; background-color:#000; }
.brand .bottom .list_line li .cont_detail .img{ overflow:hidden; }
.brand .bottom .list_line li .cont_detail .img img{
	position:relative;
	/*left:50%; */ /*20170309가로사이즈 확장된 이미지로 수정하면서 변경*/
	left:41%;
	height:700px;
	margin-left:-900px;
}
.brand .bottom .list_line li .cont_detail .img>.img20170124{left:45% !important;}
.brand .bottom .list_line li .cont_detail .cont{ position:absolute; top:0; left:0; max-width:1200px; }
.brand .bottom .list_line li .cont_detail .txt{ position:absolute; top:100px; right:2%; width:43%; word-break:keep-all; }
.brand .bottom .list_line li .cont_detail .subject{ font-size:32px; font-weight:700; color:#fff; }
.brand .bottom .list_line li .cont_detail .desc{ margin-top:30px; font-weight:100; font-size:16px; color:#fff;  line-height:1.3em; }
.brand .bottom .list_line li .cont_detail.gray .subject,
.brand .bottom .list_line li .cont_detail.gray .desc{color:#5b5b5d;}
.brand .bottom .list_line li .icon_close { position: relative; display: inline-block; width: 50px; height: 50px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.brand .bottom .list_line li .icon_close:before,
.brand .bottom .list_line li .icon_close:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #999; z-index: 1 }
.brand .bottom .list_line li .icon_close:before { width: 100%; height: 1px; margin: auto; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out }
.brand .bottom .list_line li .icon_close:after { width: 1px; height: 100%; -webkit-transition: all .15s ease-out .15s; -moz-transition: all .15s ease-out .15s; -o-transition: all .15s ease-out .15s; transition: all .15s ease-out .15s }
.brand .bottom .list_line li .icon_close:focus:before,
.brand .bottom .list_line li .icon_close:hover:before { top: -1px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) }
.brand .bottom .list_line li .icon_close:focus:after,
.brand .bottom .list_line li .icon_close:hover:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.brand .bottom .list_line li .btn_close{position:absolute; top:30px; right:30px; margin:0; padding:0; background:none;}
.brand .bottom .list_line li .btn_close .blind {overflow:hidden;font-size:0; visibility:hidden; width:0; height:0;}
.brand .bottom .list_line li .btn_close .icon_close {transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0); }
.brand .bottom .list_line li .btn_close:hover .icon_close:before,
.brand .bottom .list_line li .btn_close:focus .icon_close:before { top: -1px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) }
.brand .bottom .list_line li .btn_close:hover .icon_close:after,
.brand .bottom .list_line li .btn_close:focus .icon_close:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.brand_fdm .bottom .list_line li .btn{position:static;}
.brand_fdm .bottom .list_line li .btn_m2{margin-left:64.4%;}
.brand_fdm .bottom .list_line li .icon_close:before, .brand_fdm .bottom .list_line li .icon_close:after{background:#434540;}
.brand_fdm .bottom .list_line li .cont_detail .txt .vp_sub{font-size:32px;line-height:35px;font-weight:700;color:#47484a;padding:0 0 5px;/*text-shadow: #d8d8d8 1px 1px 0px;*/}
.brand_fdm .bottom .list_line li .cont_detail .txt .vp_sub_eng{padding:0 0 7px 0;font-size:17px;line-height:22px;color:#444643;position:relative;/*text-shadow: #d8d8d8 1px 1px 0px;*/}
.brand_fdm .bottom .list_line li .cont_detail .txt .vp_sub_eng:before{position:absolute;left:2px;bottom:0;width:25px;height:1px;content:"";background:#8f8584;}
.brand_fdm .bottom .list_line li .cont_detail .txt .vp_tit{font-size:16px;color:#0088d3;line-height:18px;font-weight:100;padding:18px 0 10px;/*text-shadow: #d8d8d8 1px 1px 0px;*/}
.brand_fdm .bottom .list_line li .cont_detail .txt .vp_desc{font-size:16px;color:#464445;line-height:18px;font-weight:100;/*text-shadow: white 1px 1px 0px;*/}
.brand_fdm .bottom .list_line li .cont_detail .txt.white .vp_sub,
.brand_fdm .bottom .list_line li .cont_detail .txt.white .vp_sub_eng,
.brand_fdm .bottom .list_line li .cont_detail .txt.white .vp_desc{color:#fff;}
.brand_fdm .bottom .list_line li .cont_detail .txt.white .vp_sub_eng:before{background:#fff;}
.brand_flower .bottom .list_line li .btn{position:static;}
.brand_flower .bottom .list_line li .btn_m2{margin-left:64.4%;}
.brand_flower .bottom .list_line li .icon_close:before,
.brand_flower .bottom .list_line li .icon_close:after{background:#434540;}
.brand_flower .bottom .list_line li .cont_detail .txt .vp_sub{font-size:32px;line-height:35px;font-weight:700;color:#47484a;padding:0 0 5px;/*text-shadow: #d8d8d8 1px 1px 0px;*/}
.brand_flower .bottom .list_line li .cont_detail .txt .vp_sub_eng{padding:0 0 7px 0;font-size:17px;line-height:22px;color:#444643;position:relative;/*text-shadow: #d8d8d8 1px 1px 0px;*/}
.brand_flower .bottom .list_line li .cont_detail .txt .vp_sub_eng:before{position:absolute;left:2px;bottom:0;width:25px;height:1px;content:"";background:#8f8584;}
.brand_flower .bottom .list_line li .cont_detail .txt .vp_tit{font-size:16px;color:#0088d3;line-height:18px;font-weight:100;padding:18px 0 10px;/*text-shadow: #d8d8d8 1px 1px 0px;*/}
.brand_flower .bottom .list_line li .cont_detail .txt .vp_desc{font-size:16px;color:#464445;line-height:18px;font-weight:100;/*text-shadow: white 1px 1px 0px;*/}
.brand_flower .bottom .list_line li .cont_detail .txt.white .vp_sub,
.brand_flower .bottom .list_line li .cont_detail .txt.white .vp_sub_eng,
.brand_flower .bottom .list_line li .cont_detail .txt.white .vp_desc{color:#fff;}
.brand_flower .bottom .list_line li .cont_detail .txt.white .vp_sub_eng:before{background:#fff;}



@media screen and (max-width:1200px) {
	#container.brand .header .header_wrap { width: 98%; padding: 0 1%; }
}

@media screen and (max-width:410px) {
	.brand .bottom .list_line li .cont_detail .txt{width:90%;}
}



@media screen and (max-width:1024px) {
	.brand .bottom .list_line li .cont_info { padding: 20px 30px 20px 0; }
	.brand .bottom .list_line li .cont_info .tit_subject span { font-size: 28px; }
	.brand .bottom .list_line li .cont_info .tit_desc { line-height: 18px; font-size: 15px; }
	.brand .bottom .img_brand_item { width: 100% !important;}
}

@media screen and (max-width:980px) {
	.brand .bottom .list_line li .cont_info .tit_subject{padding-bottom:0;}
	.brand .bottom .list_line li .cont_info .tit_subject span{font-size:26px;}
}

@media screen and (max-width:860px) and (min-width:769px) {
	.brand .bottom .list_line li .cont_info{padding-top:15px; padding-right:10px;}
	.brand .bottom .list_line li .cont_info .tit_subject span{font-size:22px;}
	.brand .bottom .list_line li .cont_info .tit_desc{line-height:17px; font-size:14px;}
	.brand .bottom .list_line li .btn{bottom:5px;}
	.brand .bottom .list_line li .btn_m2{ padding:6px 20px;}
	.brand .bottom .list_line li .more{margin-right:20px;}
	.brand .bottom .list_line li .icon_more{width:35px; height:35px;}
}

@media screen and (max-width:768px) {
	#container.brand .section_top { margin: 0 }
	#container.brand .header { position: relative; height: auto; background: none; }
	#container.brand .header .header_wrap { position: absolute; top: 0px; left: 0px; width: 100%; padding: 0; }
	#container.brand .header .header_wrap h2 { float: right; width: 35.3%; margin: 25px 0 5px 0;}
	#container.brand .header .header_wrap .desc { float: right; font-size: 10px; margin: 0 0 2% 0; clear: both; }
	#container.brand .content h3:BEFORE { left: 0px; width: 100%; margin: 0; }

	.brand .header .img_header_m { display: block }
	.brand .header .info { box-sizing: border-box; float: none; width: 100%; padding: 50% 5% 0 5%; }
	/** 1102 수정 **/
	.brand .header .info .brand_nav { position: absolute; top: 2%; right: 8%; margin: 0;}
	/** 1102 수정 **/
	.brand .header .info .brand_nav:AFTER { display: block; content: ""; clear: both; }
	.brand .header .info .brand_nav li { width: 100%; margin: 7% 0 0 0; }
	.brand .header .info .brand_nav li:FIRST-CHILD { margin: 0 }
	.brand .header .info .youtube_wrap { clear: both; width: 100%; }
	.brand .top { margin: 0 0 50px 0 }

	.brand .bottom .list_line li .cont_thumb { float: none; width: 100%; margin: 0; }
	.brand .bottom .list_line li .cont_info { padding: 30px }
	.brand .bottom .list_line li .cont_info .tit_subject span { font-size: 32px }
	.brand .bottom .list_line li .cont_info .tit_desc { line-height: 24px; font-size: 1em; }

	.brand .bottom .list_line li .btn{position:static;}
	.brand .bottom .list_line li .btn_m2{margin-left:0; padding-right:20px; padding-left:20px;}
	.brand .bottom .list_line li .more{margin-right:0;}
	.brand .bottom .list_line li .icon_more{width:40px; height:40px; margin-top:5px;}
	.brand .bottom .list_line li .cont_detail .subject{font-size:26px;}
	.brand .bottom .list_line li .cont_detail .desc{margin-top:20px;}
	.brand .bottom .list_line li .cont_detail .img img{ position:relative; left:50%; height:500px; margin-left:-642px; }
}
/* 10.25 수정 End */


/** 1102 추가 **/
@media screen and (max-width:1023px) {
	.brand .header .info .mo_nav_bx{width:auto;overflow:hidden;}
	.brand .header .info .mo_nav_bx .brand_nav{float:right;}
	.brand .header .info .brand_nav li{display:block;width:180px;height:80px;margin:10px 0 0 0;}
	.brand .header .info .brand_nav li:first-child{margin:0;}
	.brand .header .info .brand_nav li img{display:none !important;}
	.brand .header .info .brand_nav li a{display:block;}
	.brand .header .info .brand_nav li a.danahan_on{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/btn_brand_danahan_m_on.png) no-repeat top center; background-size: cover; }
    .brand .header .info .brand_nav li a.danahan_off{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/btn_brand_danahan_m_off.png) no-repeat top center; background-size: cover; }
    /*.brand .header .info .brand_nav li a.fdm_on{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/img_mo_frm_on.png) no-repeat top center; background-size: cover; }
    .brand .header .info .brand_nav li a.fdm_off{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/img_mo_frm_off.png) no-repeat top center; background-size: cover; }*/
	.brand .header .info .brand_nav li a.flower_on{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/btn_brand_flower_m_on.png) no-repeat top center; background-size: cover; }
    .brand .header .info .brand_nav li a.flower_off{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/btn_brand_flower_m_off.png) no-repeat top center; background-size: cover; }
	.brand .header .info .brand_nav li a.vprove_on{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/btn_brand_vprove_m_on.png) no-repeat top center; background-size: cover; }
	.brand .header .info .brand_nav li a.vprove_off{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/btn_brand_vprove_m_off.png) no-repeat top center; background-size: cover; }
    .brand .header .info .brand_nav li a.bethesalon_on{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/btn_brand_bethesalon_m_on.png) no-repeat top center; background-size: cover; }
    .brand .header .info .brand_nav li a.bethesalon_off{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/btn_brand_bethesalon_m_off.png) no-repeat top center; background-size: cover; }
	.brand .header .info .brand_nav li a.inusth_on{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/btn_brand_inusth_m_on.png) no-repeat top center; background-size: cover; }
	.brand .header .info .brand_nav li a.inusth_off{display:block;width:180px;height:80px;background: url(/somang_new/common/images/brand/btn_brand_inusth_m_off.png) no-repeat top center; background-size: cover; }
}

@media screen and (max-width:768px) {
   .brand .header .info .brand_nav:AFTER{display:none;}
}

@media screen and (max-width:620px) {
    #container.brand .header .header_wrap .rgt_area img { margin: 25% 0 10px 0;}
	.brand .header .info .brand_nav li{width:150px;height:67px;}
	.brand .header .info .brand_nav li a.danahan_off{width:150px;height:67px;}
    .brand .header .info .brand_nav li a.danahan_on{width:150px;height:67px;}
	/*.brand .header .info .brand_nav li a.fdm_on{width:150px;height:67px;}
	.brand .header .info .brand_nav li a.fdm_off{width:150px;height:67px;}*/
    .brand .header .info .brand_nav li a.vprove_on{width:150px;height:67px;}
	.brand .header .info .brand_nav li a.vprove_off{width:150px;height:67px;}
    .brand .header .info .brand_nav li a.flower_on{width:150px;height:67px;}
	.brand .header .info .brand_nav li a.flower_off{width:150px;height:67px;}
    .brand .header .info .brand_nav li a.bethesalon_on{width:150px;height:67px;}
	.brand .header .info .brand_nav li a.bethesalon_off{width:150px;height:67px;}
    .brand .header .info .brand_nav li a.inusth_on{width:150px;height:67px;}
	.brand .header .info .brand_nav li a.inusth_off{width:150px;height:67px;}
}

@media screen and (max-width:530px) {
    #container.brand .header .header_wrap .rgt_area img { width:100px; margin: 35% 0 10px 0;}
	.brand .header .info .brand_nav li{width:108px;height:48px;}
	.brand .header .info .brand_nav li a.danahan_on{width:108px;height:48px;}
	.brand .header .info .brand_nav li a.danahan_off{width:108px;height:48px;}
    /*.brand .header .info .brand_nav li a.fdm_on{width:108px;height:48px;}	
	.brand .header .info .brand_nav li a.fdm_off{width:108px;height:48px;}*/
	.brand .header .info .brand_nav li a.flower_on{width:108px;height:48px;}
    .brand .header .info .brand_nav li a.flower_off{width:108px;height:48px;}
	.brand .header .info .brand_nav li a.vprove_on{width:108px;height:48px;}
	.brand .header .info .brand_nav li a.vprove_off{width:108px;height:48px;}
    .brand .header .info .brand_nav li a.bethesalon_on{width:108px;height:48px;}
    .brand .header .info .brand_nav li a.bethesalon_off{width:108px;height:48px;}
	.brand .header .info .brand_nav li a.inusth_on{width:108px;height:48px;}
	.brand .header .info .brand_nav li a.inusth_off{width:108px;height:48px;}
}

@media screen and (max-width:406px) {
    #container.brand .header .header_wrap .rgt_area img { margin: 35% 0 10px 0;}
	.brand .header .info .brand_nav li{width:88px;height:39px;margin:5px 0 0 0;}
	.brand .header .info .brand_nav li a.danahan_on{width:88px;height:39px;}
	.brand .header .info .brand_nav li a.danahan_off{width:88px;height:39px;}
	/*.brand .header .info .brand_nav li a.fdm_on{width:88px;height:39px;}
	.brand .header .info .brand_nav li a.fdm_off{width:88px;height:39px;}*/
	.brand .header .info .brand_nav li a.flower_on{width:88px;height:39px;}
	.brand .header .info .brand_nav li a.flower_off{width:88px;height:39px;}
	.brand .header .info .brand_nav li a.vprove_on{width:88px;height:39px;}
	.brand .header .info .brand_nav li a.vprove_off{width:88px;height:39px;}
    .brand .header .info .brand_nav li a.bethesalon_on{width:88px;height:39px;}
	.brand .header .info .brand_nav li a.bethesalon_off{width:88px;height:39px;}
	.brand .header .info .brand_nav li a.inusth_on{width:88px;height:39px;}
	.brand .header .info .brand_nav li a.inusth_off{width:88px;height:39px;}
}

/** //1102 추가 **/

@media screen and (max-width:640px) {
	.brand .top .tit_subject { margin: 0 0 10% 0; line-height: normal; font-size: 5.5vw; }
}
