/* BASIC css start */
#about_encos_brand { width:1100px;  }
#about_encos_brand .brand_top { margin:0px auto; background:url('/design/encos0720/shop/img/common/about_brand_bg.png'); width:992px; height:565px; }
#about_encos_brand .brand_top li.title01 { position:relative; left:380px; top:150px; font-size:33px; color:#141414; line-height:150%; }
#about_encos_brand .brand_top li.brand_content01 { position:relative; left:380px; top:205px; font-size:15px; color:#333; font-weight:bold; line-height:150%; }
#about_encos_brand .brand_top li.brand_content02 { position:relative; top:350px; padding-left:5px; padding-top:10px; font-size:25px; }
#about_encos_brand .brand_top li.brand_content03 { position:relative; top:385px; left:42px; font-size:15px; color:#333; font-weight:bold; width:985px; line-height:150%; }
#about_encos_brand .brand_content04 { position:relative; left:270px; top:120px; font-size:25px; font-weight:bold; color:#333; }
#about_encos_brand .brand_content04 span { color:#c9182c; }
#about_encos_brand .brand_content05 { position:relative; left:595px; top:190px; font-size:15px; font-weight:bold; color:#333; text-align:left;}
#about_encos_brand .brand_top span { color:#c9182c; } 
#about_encos_brand .brand_banner { position:relative; top:435px; left:30px; }
#about_encos_brand .brand_image { padding-top:275px; }
#about_encos_brand .brand_corp { }
#about_encos_brand .brand_corp .title02 { position:relative; top:-80px; height:30px; background:#f5f5f5; padding-top:18px; padding-bottom:13px; font-size:15px; font-weight:bold; } 
#about_encos_brand .brand_corp .title02 dd { display:inline; color:#858585; }
#about_encos_brand .brand_corp .title02 span { padding-left:20px; font-size:20px; color:#141414; font-weight:bold; }


/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
 #css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1),
 #css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2),
 #css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3),
 #css_tabs input:nth-of-type(4), #css_tabs input:nth-of-type(4) ~ div:nth-of-type(4),
 #css_tabs input:nth-of-type(5), #css_tabs input:nth-of-type(5) ~ div:nth-of-type(5),
 #css_tabs input:nth-of-type(6), #css_tabs input:nth-of-type(6) ~ div:nth-of-type(6),
 #css_tabs input:nth-of-type(7), #css_tabs input:nth-of-type(7) ~ div:nth-of-type(7),
 #css_tabs input:nth-of-type(8), #css_tabs input:nth-of-type(8) ~ div:nth-of-type(8),
 #css_tabs input:nth-of-type(9), #css_tabs input:nth-of-type(9) ~ div:nth-of-type(9),
 #css_tabs input:nth-of-type(10), #css_tabs input:nth-of-type(10) ~ div:nth-of-type(10),
 #css_tabs input:nth-of-type(11), #css_tabs input:nth-of-type(11) ~ div:nth-of-type(11),
 #css_tabs input:nth-of-type(12), #css_tabs input:nth-of-type(12) ~ div:nth-of-type(12),
 #css_tabs input:nth-of-type(13), #css_tabs input:nth-of-type(13) ~ div:nth-of-type(13) {
     display:none
 }
 #css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1),
 #css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2),
 #css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3),
 #css_tabs input:nth-of-type(4):checked ~ div:nth-of-type(4),
 #css_tabs input:nth-of-type(5):checked ~ div:nth-of-type(5),
 #css_tabs input:nth-of-type(6):checked ~ div:nth-of-type(6),
 #css_tabs input:nth-of-type(7):checked ~ div:nth-of-type(7),
 #css_tabs input:nth-of-type(8):checked ~ div:nth-of-type(8),
 #css_tabs input:nth-of-type(9):checked ~ div:nth-of-type(9),
 #css_tabs input:nth-of-type(10):checked ~ div:nth-of-type(10),
 #css_tabs input:nth-of-type(11):checked ~ div:nth-of-type(11),
 #css_tabs input:nth-of-type(12):checked ~ div:nth-of-type(12),
 #css_tabs input:nth-of-type(13):checked ~ div:nth-of-type(13)
 {
     display:block
 } 
 
 /* 라벨 기본 스타일 지정 */
 #css_tabs > label {
     display:inline-block;
     font-variant:small-caps;
     font-size:.9em;
     padding:5px;
     text-align:center;
     line-height:1.8em;
     font-weight:700;
 }
 #css_tabs > label:hover {
     cursor:pointer
 }
 #css_tabs label[for=tab1] {
     margin-left:1.5em
 }

 /* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
 #css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {
     background:tomato;
     color:#fff
 }
 #css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover {
     background:gold;
     color:#fff
 }
 #css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover {
     background:green;
     color:#fff
 } 
#css_tabs input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover {
     background:green;
     color:#fff
 } 
 #css_tabs input:nth-of-type(5):checked ~ label:nth-of-type(5), #css_tabs > label[for=tab5]:hover {
     background:green;
     color:#fff
 } 
 #css_tabs input:nth-of-type(6):checked ~ label:nth-of-type(6), #css_tabs > label[for=tab6]:hover {
     background:green;
     color:#fff
 } 
 #css_tabs input:nth-of-type(7):checked ~ label:nth-of-type(7), #css_tabs > label[for=tab7]:hover {
     background:green;
     color:#fff
 } 
 #css_tabs input:nth-of-type(8):checked ~ label:nth-of-type(8), #css_tabs > label[for=tab8]:hover {
     background:green;
     color:#fff
 } 
 #css_tabs input:nth-of-type(9):checked ~ label:nth-of-type(9), #css_tabs > label[for=tab9]:hover {
     background:green;
     color:#fff
 } 
 #css_tabs input:nth-of-type(10):checked ~ label:nth-of-type(10), #css_tabs > label[for=tab10]:hover {
     background:green;
     color:#fff
 } 
 #css_tabs input:nth-of-type(11):checked ~ label:nth-of-type(11), #css_tabs > label[for=tab11]:hover {
     background:green;
     color:#fff
 } 
 #css_tabs input:nth-of-type(12):checked ~ label:nth-of-type(12), #css_tabs > label[for=tab12]:hover {
     background:green;
     color:#fff
 } 
 #css_tabs input:nth-of-type(13):checked ~ label:nth-of-type(13), #css_tabs > label[for=tab13]:hover {
     background:green;
     color:#fff
 } 
 
 #css_tabs {
     font-family:'nanumgothic', '나눔고딕', 'malgun gothic', '맑은 고딕', 'dotum', '돋움', sans-serif
 }

 /* 실제 내용이 담긴 div 요소 스타일 지정 */
 #css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content, #css_tabs .tab4_content, #css_tabs .tab5_content, #css_tabs .tab6_content, #css_tabs .tab7_content, #css_tabs .tab8_content, #css_tabs .tab9_content, #css_tabs .tab10_content, #css_tabs .tab11_content, #css_tabs .tab12_content, #css_tabs .tab13_content {
     padding:2em8
     width:100%;
     height:100%
 } 
/* BASIC css end */