table, th, td {
    box-sizing              : border-box; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
}

.UI-Container {
    clear                   : both;
    width                   : 100%;
    margin-top              : 20px;
    -webkit-margin-before   : 20px;
}

.UI-Contents {
    width                   : 1200px;
    margin                  : 0 auto;
    text-align              : left;
}

.UI-Container-Contents {
    clear                   : both;
    width                   : 100%;
    display                 : inline-block;
    text-align              : center;
}

.UI-Contents-LArticle, .UI-Contents-LAside {
    float                   : left;
}

.UI-Contents-RArticle, .UI-Contents-RAside {
    float                   : right;
}

.UI-Contents-RAside {
    width                   : 290px;
}

.UI-Banner-Visual-Contents {
    width                   : 870px;
    height                  : 480px;
    overflow                : hidden;
}

.UI-Banner-Visual {
    width                   : 100%;
    height                  : 100%;
    background              : url("/Images/BookMall/Common/bn_visual_1.jpg") 50% 50% no-repeat;
    background-size         : contain;
}

.UI-Banner-Visual-Contents2 {
    width                   : 1200px;
    height                  : 480px;
    overflow                : hidden;
}

.UI-Banner-Visual2 {
    width                   : 100%;
    height                  : 100%;
    background              : url("/Images/BookMall/Common/bn_visual_2.jpg") 50% 50% no-repeat;
    background-size         : contain;
}

.UI-Contents-LMenu {
    width                   : 190px; 
    height                  : 100%; 
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    background-color        : rgba(0, 0, 0, 0.8);
    overflow                : hidden;
    padding                 : 30px 0 0 0;
    -webkit-padding-before  : 30px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 0;
}

.UI-LMenu-Category {
    width                   : 100%;
    margin-left             : 0;
    -webkit-margin-start    : 0;
    padding-right           : 0;
    -webkit-padding-end     : 0;
}

.UI-LMenu-Category > li {
    width                   : 100%;
    display                 : block;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    font-size               : 11pt;
    font-weight             : bold;
    color                   : #ffffff;   
    text-align              : center;
    cursor                  : pointer;
    padding                 : 8px 0;
    -webkit-padding-before  : 8px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 8px;
    -webkit-padding-start   : 0;
}

.UI-LMenu-Category > li.act {
    background              : rgba(255, 255, 255, 0.9);
    color                   : #333333;
}

.UI-Category-Container {
    position                : absolute; 
    width                   : 680px; 
    height                  : 480px; 
    background-color        : rgba(255, 255, 255, 0.9); 
    display                 : none;
    cursor                  : default;
    margin-left             : 190px; 
    -webkit-margin-start    : 190px; 
}

.UI-Category-Contents {
    width                   : 100%; 
    height                  : 100%;
    text-align              : left;
    border-top              : 1px solid #444444;
    border-right            : 1px solid #444444;
    border-bottom           : 1px solid #444444;
    border-left             : none;
    padding                 : 40px 45px;
    -webkit-padding-before  : 40px;
    -webkit-padding-end     : 45px;
    -webkit-padding-after   : 40px;
    -webkit-padding-start   : 45px;
}

.UI-Category-Sub-Title {
    height                  : 30px;
    font-size               : 14pt;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    color                   : #000000;
}

.UI-Sub-Category-List {
    width                   : 100%;
}

.UI-Sub-Category-List li {
    padding                 : 5px 0;
}

.UI-Sub-Category-List li a {
    font-size               : 11pt;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    color                   : #444444;
}

.UI-Help-Desk, .UI-Customer-Center {
    width                   : 160px;
    border                  : 1px solid #efefef;
    margin                  : 10px auto;
    padding                 : 15px 15px;
    -webkit-padding-before  : 15px;
    -webkit-padding-end     : 15px;
    -webkit-padding-after   : 15px;
    -webkit-padding-start   : 15px;
}

.UI-Help-Desk {
    cursor                  : pointer;
}

.UI-Search-Word-Header {
    height                  : 90px;
    border-top              : 5px solid #000000; 
    border-bottom           : 1px solid #000000; 
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    text-align              : center;
    padding-top             : 20px;
    -webkit-padding-before  : 20px;
}

.UI-Search-Word-List {
    display                 : inline-block;
    width                   : 100%;
    height                  : 390px;
    border                  : 0px solid #000000;
    box-sizing              : border-box; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    padding                 : 20px 25px 5px 25px;
}

.UI-Search-Word-List ul li {
    clear                   : both;
    display                 : block;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    padding                 : 10px 0;
    -webkit-padding-before  : 10px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 10px;
    -webkit-padding-start   : 0;
}

.UI-Search-Word-List-No {
    float                   : left;
    width                   : 24px;
    height                  : 24px;
    line-height             : 24px;
    text-align              : center;
    font-weight             : bold;
    border-radius           : 50% 50%;
    background              : #d0d0d0;
    color                   : #000000;
}

.UI-Search-Word-List-Text {
    float                   : left;
    width                   : 210px;
    height                  : 24px;
    line-height             : 24px;
    font-weight             : bold;
    font-size               : 11pt;
    color                   : #545454;
    cursor                  : pointer;
    padding-left            : 10px;
    -webkit-padding-start   : 10px;
}

.UI-Book-Container {
    clear                   : both;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    display                 : inline-block;
    padding                 : 50px 0 50px 0;
    -webkit-padding-before  : 50px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 50px;
    -webkit-padding-start   : 0;
}

.UI-Book-Article {
    width                   : 870px;
}

.UI-Contents-Section-Title {
    height                  : 35px;
    width                   : 100%;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    font-size               : 16pt;
    font-weight             : bold;
    text-align              : left;
    color                   : #000000;
    border-bottom           : 5px solid #000000;
    padding-left            : 10px;
    -webkit-padding-start   : 10px;
}

.UI-Discount-Container, .UI-Customer-Container, .UI-Notice-Container {
    height                  : 380px; 
    border                  : 1px solid #999999; 
    padding                 : 10px 15px;
    -webkit-padding-before  : 10px;
    -webkit-padding-end     : 15px;
    -webkit-padding-after   : 10px;
    -webkit-padding-start   : 15px;
}

.UI-Discount-Header, .UI-Customer-Header, .UI-Notice-Header {
    width                   : 100%;
    height                  : 40px;
    display                 : inline-block;
    border-bottom           : 1px dotted #000000;
}

.UI-Discount-Title, .UI-Customer-Title, .UI-Notice-Title {
    width                   : 190px;
    height                  : 100%;
    line-height             : 40px;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    font-size               : 14pt;
    font-weight             : bold;
    text-align              : right;
    color                   : #000000;
    float                   : left;
}

.UI-Discount-Arrow {
    width                   : 65px;
    height                  : 100%;
    float                   : right;
    text-align              : right;
    box-sizing              : border-box; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    padding-top             : 15px;
    -webkit-padding-before  : 15px;
}

.UI-Discount-LArrow {
    display                 : inline-block;
    cursor                  : pointer;
}

.UI-Discount-RArrow {
    display                 : inline-block;
    cursor                  : pointer;
}

.UI-Discount-Page {
    display                 : inline-block;
    vertical-align          : top;
    text-align              : center;
    font-weight             : normal;
    margin-top              : -4px;
    -webkit-margin-before   : -4px;
    padding                 : 0 2px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 2px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 2px;
}

.UI-Discount-List {
    clear                   : both;
    display                 : inline-block;
    width                   : 100%;
    height                  : 315px;
    overflow                : hidden;
    white-space             : nowrap;
    padding                 : 5px 20px 0 27px;
    -webkit-padding-before  : 5px;
    -webkit-padding-end     : 20px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 27px;
}

.UI-Discount-Thumnail {
    width                   : 200px;
    height                  : 100%;
    overflow                : hidden;
}

.UI-Discount-Thumnail-Li {
    height                  : 100%;
    width                   : 200px;
    text-align              : center; 
    font-weight             : normal;
    display                 : inline-block;
    white-space             : normal;
    vertical-align          : top;
    overflow                : hidden;
}

.UI-BookHot-Container, .UI-BookNew-Container, .UI-eBook-Container {
    width                   : 100%;
}

.UI-BookHot-Contents, .UI-BookNew-Contents, .UI-eBook-Contents {
    height                  : 346px;
    overflow                : hidden;
    margin-top              : 30px;
    -webkit-margin-before   : 30px;
}

.UI-Thumnail-LArrow {
    display                 : inline-block;
    cursor                  : pointer;
    padding-top             : 100px;
    -webkit-padding-before  : 100px;
}

.UI-Thumnail-RArrow {
    display                 : inline-block;
    float                   : right;
    cursor                  : pointer;
    padding-top             : 100px;
    -webkit-padding-before  : 100px;
}

.UI-BookHot-List, .UI-BookNew-List, .UI-eBook-List {
    display                 : inline-block;
    width                   : 780px;
    height                  : 345px;
    vertical-align          : top;
    white-space             : nowrap;
    overflow                : hidden;
    margin-left             : 5px;
    -webkit-margin-start    : 5px;
}

.UI-BookHot-Thumnail-Li, .UI-BookNew-Thumnail-Li, .UI-eBook-Thumnail-Li {
    height                  : 345px;
    width                   : 185px;
    text-align              : center; 
    font-weight             : normal;
    display                 : inline-block;
    white-space             : normal;
    float                   : left;
    vertical-align          : top;
    overflow                : hidden;
    margin-right            : 10px; 
    -webkit-margin-end      : 10px; 
}

.UI-Customer-Container {
    height                  : 380px; 
    border                  : none;
    margin-top              : 30px;
    -webkit-margin-before   : 30px;
    padding                 : 0 0;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 0;
}

.UI-Customer-Contents {
    margin-top              : 20px;
    -webkit-margin-before   : 20px;
}

.UI-Notice-List {
    clear                   : both;
    display                 : inline-block;
    width                   : 100%;
    height                  : 315px;
    overflow                : hidden;
    padding                 : 10px 10px;
    -webkit-padding-before  : 10px;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 10px;
    -webkit-padding-start   : 10px;
}

.UI-Notice-List li {
    width                   : 100%;
    background              : url("/Images/Icon/icon_ball_2.gif") 0 50% no-repeat;
    padding                 : 5px 0 5px 10px;
    -webkit-padding-before  : 5px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 10px;
}

.UI-Notice-List li span {
    width                   : 100%;
    display                 : inline-block;
    font-size               : 11pt;
    font-weight             : normal;
    color                   : #444444;
}

.UI-Contents-Page-Title {
    width                   : 100%;
    height                  : 40px;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    font-size               : 22pt;
    font-weight             : bold;
    text-align              : center;
}

.UI-Contents-Page-Navi {
    position                : absolute;
    display                 : inline-block;
    width                   : 1200px;
    text-align              : right;
    margin-top              : 5px;
    -webkit-margin-before   : 5px;
}

.UI-Tab-Contents {
    height                  : 45px;
    border-bottom           : 5px solid #000;
}

.UI-Tab-Contents ul li {
    display                 : inline-block;
    height                  : 40px;
    line-height             : 40px;
    border-top              : 1px solid #b0b0b0;
    border-right            : 1px solid #b0b0b0;
    border-bottom           : 0px solid #b0b0b0;
    border-left             : 1px solid #b0b0b0;
    background              : #eeeeee;
    margin-right            : 2px;
    -webkit-margin-end      : 2px;
    padding                 : 0 35px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 35px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 35px;
}

.UI-Tab-Contents ul li a {
    font-size               : 11pt;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    font-weight             : bold;
}

.UI-Tab-Contents ul li.act {
    border-top              : 1px solid #000000;
    border-right            : 1px solid #000000;
    border-bottom           : 0px solid #000000;
    border-left             : 1px solid #000000;
    background              : #000000;
}

.UI-Tab-Contents ul li.act a {
    color                   : #ffffff;
}

.UI-Contents-Table {
    width                   : 100%;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
}

.UI-Book-List-Table th {
    height                  : 40px;
    font-size               : 11pt;
    background              : #eeeeee;
    border-top              : 1px solid #848484;
    border-bottom           : 1px solid #848484;
}

.UI-Book-List-Table th:first-child {
    border-left             : 1px solid #848484;
}

.UI-Book-List-Table th:last-child {
    border-right            : 1px solid #848484;
}

.UI-Book-List-Table td {
    font-size               : 10pt;
    border-bottom           : 1px dashed #a1a1a1;
    padding                 : 20px 0 15px 0;
    -webkit-padding-before  : 20px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 15px;
    -webkit-padding-start   : 0;
}

.UI-Book-List-Table tr td:first-child {
    padding-left            : 20px;
}

.UI-Book-List-Sub-Title {
    display                 : inline-block;
    width                   : 60px;
    text-align              : center;
}

.UI-Book-List-Image {
    display                 : inline-block;
}

.UI-Book-List-Image img {
    border-right            : 3px solid #666666;
    border-bottom           : 3px solid #666666; 
    vertical-align          : bottom;
}

.UI-Book-List-Contents {
    width                   : 550px; 
    display                 : inline-block; 
    vertical-align          : top; 
    line-height             : 180%;
    font-size               : 10pt;
    padding-left            : 15px; 
    -webkit-padding-start   : 15px; 
    clear                   : both;
}

.UI-Book-List-Subject {
    font-size               : 13pt;
    font-weight             : bold;
    line-height             : 130%;
    padding-bottom          : 10px;
    -webkit-padding-after   : 10px;
}

.UI-Book-List-Cost {
    line-height             : 180%;
    font-size               : 10pt;
    clear                   : both;
}

.UI-Book-List-Count {
    height                  : 25px !important;
    width                   : 80px;
    text-align              : center;
    font-size               : 12pt;
    margin-right            : 5px;
    -webkit-margin-end      : 5px;
}

.UI-Contents-Button {
    display                 : inline-block;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    font-size               : 11pt;
    font-weight             : bold;
    border                  : 1px solid #848484;
}

.UI-Book-List-Button1 {
    width                   : 140px;
    height                  : 35px;
    line-height             : 35px;
    background              : #ffffff;
    margin-top              : 5px;
    -webkit-margin-before   : 5px;
}

.UI-Book-List-Button2 {
    width                   : 140px;
    height                  : 35px;
    line-height             : 35px;
    background              : #000000;
    border                  : 1px solid #000000;
    color                   : #ffffff;
    margin-top              : 5px;
    -webkit-margin-before   : 5px;
}

.UI-Book-Detail-Container {
    clear                   : both;
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    display                 : inline-block;
    border                  : 1px solid #8e8e8e;
    padding                 : 50px 50px 50px 50px;
    -webkit-padding-before  : 50px;
    -webkit-padding-end     : 50px;
    -webkit-padding-after   : 50px;
    -webkit-padding-start   : 50px;
}

.UI-Book-Detail-Table th {
    text-align              : left;
}

.UI-Book-Detail-Table td {
    border-bottom           : 1px dashed #a1a1a1;
    font-size               : 11pt;
    padding                 : 15px 20px;
    -webkit-padding-before  : 15px;
    -webkit-padding-end     : 20px;
    -webkit-padding-after   : 15px;
    -webkit-padding-start   : 20px;
}

.UI-Book-Detail-Table tr:last-child td {
    border-bottom           : none;
}

.UI-Book-Detail-Image img {
    border-right            : 3px solid #666666;
    border-bottom           : 3px solid #666666; 
    vertical-align          : bottom;
}

.UI-Book-Detail-Subject {
    font-size               : 16pt;
    font-weight             : bold;
    line-height             : 130%;
}

/* 북몰 페이징 스타일 S */
#book_page_navi {
    margin-top              : 10px; 
    -webkit-margin-before   : 10px;
}

#book_page_navi span {
    min-width               : 40px !important;
    height                  : 40px !important;
    line-height             : 40px;
    border                  : 1px solid #b0b0b0;
    display                 : inline-block;
    text-align              : center;
    vertical-align          : middle;
    padding                 : 0 10px;
}

#book_page_navi span img {
    vertical-align          : middle;
}

#book_page_navi .link_page {
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    font-size               : 11pt;
    font-weight             : bold;
}

#book_page_navi .curr_page {
    font-family             : "NanumGothic","나눔고딕","Dotum","돋움";
    font-size               : 11pt;
    font-weight             : bold;
    color                   : #ffffff;
    background              : #6e6e6e;
    border                  : 1px solid #6e6e6e;
}
/* 북몰 페이징 스타일 E */