body{
    background: #262626 !important;
}
#container {letter-spacing: 0px; font-weight:400 !important; display:block; }
h3,h4,h5,h6 { line-height:1.3;}
h3 { font-size:30px; color:#444444; padding: 40px 0 20px; font-weight: bold; letter-spacing: -1px;}
h4 {font-size:24px; color:#2482bc; font-weight: bold; letter-spacing: -1px; padding:0px 0px 20px;}
h5 {font-size:18px; color:#2482bc; font-weight: bold; padding-bottom:10px;}
h6 {font-size:16px; color:#444444; font-weight: bold; letter-spacing: -0.3px; padding-bottom:10px; }

.br_tag{display:block;}

.sub_cate a{color:#898989; font-size: 14px;}
.menu-title { background: #333333; color: #FFFFFF; font-size: 24px; padding: 23px 0; text-align: center;}
.sub-menu-title { font-size: 16px; display: none;}

.f_l {float:left;}
.f_r {float:right;}

.p_t_5px {padding-top:5px;}
.p_t_10px {padding-top:10px;}
.p_l_5px {padding-left:5px;}
.p_l_10px {padding-left:10px;}
.p_l_20px {padding-left:20px;}

.bluefont {color:#2482bc !important; font-weight:bold;}
.grayfont {color:#888888 !important;}

.zoom {position:absolute; display:inline; margin-top: 141px;margin-left: 101px;}
.zoom img {border: 0 !important;} 

.clearfix:after{  content: ".";display: block; height: 0;clear: both; visibility: hidden;}

#container { width: 100%;height: 100%;background: #f1f8fc; color:#464646;background-size: 100% 100%; position: relative;}

/******* sub page common *******/
.sub-content-right {width: 83.3%;float: right;position: relative;}
.sub-content-right > div{ padding: 50px 0px 200px 70px;line-height: 1.5;}
.sub-content-right .content-title {margin-bottom: 13px; }
.content-title.float{margin-bottom:5px; float: left; height: 38px;}

.top-content-border{height: 20px;width: 100%;background: url(/images/common/top-content-border.jpg);}

.content-title p {color:#404040;font-size: 18px;}

.sub-content { padding: 4%; position: absolute; top: 0px; left:0px;}
.blank-space { height: 50px; background: #FFFFFF;}
.sub-menu-select-area { display: none;}

/********************* left menu *******************************/
.show { background: url('/images/gradient.png') repeat-x; color:#be474a !important;}
.sub-content-area { margin: 0 auto; max-width: 1200px;}
.sub-content-left { width: 16.7%; float: left; color:#3c1f3a; position:relative;}
.sub-content-left-area {margin-top: 50px; font-size: 24px; cursor: pointer;}
.left_top_border {height:20px; background: url(/images/common/left_top_border.gif); background-size: 100% 100%; }

.sub-content-text-title,.sub-content-text { display: block; padding: 20px 0px; border-bottom: 1px solid #aadce9; letter-spacing: -1px;}
.sub-content-text {padding: 10px 0px;}
/*2depth 카테고리*/
.sub-content-text {padding-left: 28px;}
.sub-content-text li {padding-bottom: 10px;}
.sub-content-text li:first-child {padding-top: 10px;}
.sub-content-text li a{color:#888888; font-size: 18px;}
.sub-content-text li a:hover {color:#252525; }
.sub-content-text li.sub-left-title-open a{/*display: block; */color:#252525;}
.sub-content-text-title img {vertical-align: middle;}

/*배너*/
.sub-banner { background: transparent; padding: 0 10px 0; position: absolute; top: 0; *left: 0; display:none;}
.sub-banner a { display: block;}
.sub-banner a > img { width: 100%; padding: 0; max-width: 180px;}
.banner1 { padding-bottom: 10px;}


/***********************Right menu*******************************/
.sub-content-right .content {}
.sub-content-right .content .bold {}
.cont .bold {font-size: 30px;color: #2482bc;}
.arrow_right,.arrow_left{cursor: pointer;}
.current_page,.thumb_current_page{color:#eb512b;}
.current_page,.thumb_current_page,.total_page,.thumb_total_page{font-size:12px !important; vertical-align:super;}

/*컬렉션, 사이즈 선택과 착용, 구입 및 매장안내*/
.content-table table {background: white;}
.content-table table td{text-align: center; border:1px solid #ebedeb; padding:11px 0px; vertical-align: middle;}

.colorbox{background:#ffffff; padding:20px; overflow: hidden;}
.centerImg{float:none !important;}
.centerImg img{display:block; margin:0 auto;}

.sub-content-right b{font-size: 16px;}

.content-container { border-top: solid 2px #8b8b8b;border-bottom: dotted 1px #888888;line-height:20px;}
.content-container .content-box-bottom { background:#f5f5f5; padding:12px 12px 12px 17px;}

.content-box2 .remamma-content{float:left; margin-left: 10px;}
.content-thumb{float:left;}
.content-thumb img{max-width: 100%;}

.content-box-top { background:#2482bc;height:31px; line-height:31px;font-weight:bold;color:#ffffff;text-align:center;font-size:16px;margin-bottom:10px;}
.content-box, .content-box2 {color:#666666;}

/*상단 컨텐츠*/
.content-box { clear:both;padding-bottom:40px;position:relative;min-height:100px;}
.content-box .remamma-content { line-height: 25px; float:left;}

/*width:50% 컨텐츠*/
.content-box2 {clear:both;border-top: solid 1px #d5edf4; padding:40px 0 30px 0;position:relative;min-height:100px;}
.content-box2 .content-left,.content-box2 .content-right{width:47.6%; display:block; }
.content-box2 .content-left { float:left;}
.content-box2 .content-right { float:right;}

/*******************************  media query ********************************/

@media all and (min-width: 631px) and (max-width: 1216px){
  .content-box2 .content-thumb{float:none;}
  .content-box2 .content-thumb img{display:block; margin: 0 auto;}
  .content-box2 .remamma-content {width:auto !important; float:none; margin-left:0px !important; margin-top: 10px;}
  .content-box2 .content-box-top{width: 100% !important;}
}

/*  width ~1200 */
@media all and (max-width: 1200px) {
  .br_tag{display:none !important;}
  .line-control2 {display: block;}
  .sub-content-right > div {padding: 50px 50px 200px 70px;}
  .inquiry-member-right, .inquiry-content-area-right { width: 76%;}
}

/*  width 980~ */
@media all and (min-width: 981px) { 
  .menu-title{display:none;}
}

/*  width ~ 980  */
@media all and (max-width: 980px) {  
  .menu-title { text-align: left !important; padding: 12px 0 17px 15px !important;}
  .sub-menu-title { display: inline-block !important;}
  .sub-content-right > div {padding: 50px 50px 50px 50px;}
  ul.siteguide-sub-list { display: none;}
}

@media all and (min-width: 916px) and (max-width: 965px){
  .content-box2 .remamma-content{width:auto !important; }
}

/*  width ~ 950  */
@media all and (max-width: 950px) {  
  .sub-menu-select-area { display: block; float: right; position: absolute; margin-top: 124px; top: 0px; right: 0px; margin-right: 10px;}
}

/*  width ~ 750  */
@media all and (max-width: 750px) {
  .inquiry-content { padding: 10px !important;}
}

/* only mobile( 360-640) */
@media only screen and (min-device-width : 360px)  and (max-device-width : 640px) {
  body { max-width: 100%; }
  .faq-paging { width:300px; text-align: center; clear: both; margin: 0 auto;}
}

/*  width ~640 */
@media all and (max-width: 640px) {
.membership-content-left { margin: 41px 0 0 0; padding-right: 0; padding-bottom: 41px; width: 100%; display: block; vertical-align: initial; border-right: none; border-bottom: 1px dotted #dddddd;}
.membership-content-right { margin: 41px 0; width: 100%; display: block; vertical-align: initial;}

.inquiry-member-info-left { display: none;}
.inquiry-top-table td label.email-title { display: block; float: none; margin-bottom: 10px;}
.inquiry-top-table td label.phone-title { display: block; float: none; margin-bottom: 10px;}
.inquiry-content-left { display: none;}
.inquiry-content-area-left-mobile { display: block; color: #3c3c3c;  font-size: 18px;  font-weight:bold; padding-bottom: 10px;}
.inquiry-bottom-table td label.inquiry-content-title { display: block; float: none; margin-bottom: 10px;}
.inquiry-bottom-table td label.inquiry-remamma-content { display: block; float: none; margin-bottom: 10px; top: 0;}
}

@media all and (max-width: 630px) {
  .content-left {clear:both !important; width:100% !important;}
  .content-right {clear:both!important; width:100% !important; padding-top:30px; float:left !important;}
  .content-subbox1 .content-subcontent {max-width:600px !important; }
  .content-box2 .content-thumb img{display:block; margin: 0 auto;}
  .content-box2 .content-box-top{width: 100% !important;}
}


@media all and (max-width: 480px) {
  .content-box .content-thumb { clear:both !important;  position:relative !important; text-align:left;}
  .content-box .remamma-content {  clear:both !important; width:100% !important; margin-left:0px !important; max-width:440px; padding-top:15px;}
  
  .content-box2 .content-thumb img{display:block; margin: 0 auto;}
  .content-box2 .content-box-top{width: 100% !important;}
}

/*  width ~567 for iphone5 */
@media all and (max-width: 567px) {
  .inquiry-middle-text-left { width: 100%;}
  .inquiry-middle-text-right { float: none;}
}

/*  width ~480 */
@media all and (max-width: 480px) {
  .sub-menu-select-area { margin-top: 114px;}
  
  .slide-btn-left img, .slide-btn-right img { width: 40px !important; height: 40px;}
  .slide-btn-right {margin: -30px 0 0 -40px;}
  .sitemap-content > ul > li > ul.sub-menu > li > a { *min-width: 110px;}

  .content_community .tab02 {width: 33.3%;}
}

/*  width ~360 */
@media all and (max-width: 360px){
  .sub-menu-select-box.brand-story { width: 142px;}
  .sub-menu-select-box { width: 130px;}
  #sub-menu-select { width: 130px;}
}

/*  width ~320 */
@media all and (max-width: 320px) {
  .sub-menu-select-area { margin-top: 111px;}
  .sub-menu-select-box { width: 124px;}
  .sub-menu-select-box.brand-story { width: 130px;}
  #sub-menu-select { width: 124px;}
}