@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 300;
    src: url(../../font/Exo-Regular.eot);
    src: local("Exo-Regular"), local("Exo-Regular"), url(../../font/Exo-Regular.eot?#iefix) format("embedded-opentype"), url(../../font/Exo-Regular.woff) format("woff"), url(../../font/Exo-Regular.ttf) format("truetype"), url(../../font/Exo-Regular.svg#Exo-Regular) format("svg");
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 500;
    src: url(../../font/Exo-Bold.eot);
    src: local("Exo-Bold"), local("Exo-Bold"), url(../../font/Exo-Bold.eot?#iefix) format("embedded-opentype"), url(../../font/Exo-Bold.woff) format("woff"), url(../../font/Exo-Bold.ttf) format("truetype"), url(../../font/Exo-Bold.svg#Exo-Bold) format("svg");
}
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */article, aside, footer, header, nav, section {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
figcaption, figure, main {
    display: block;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace,  monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b, strong {
    font-weight: inherit;
}
b, strong {
    font-weight: bolder;
}
code, kbd, samp {
    font-family: monospace,  monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button, input, optgroup, select, textarea {
    margin: 0;
}
button, input {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details, menu {
    display: block;
}
summary {
    display: list-item;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
}
#header .header_wrap:after, #header #gnb:after, #footer #f_gnb:after, #footer .f_sns:after, #mainHeader .header_wrap:after, #mainHeader #gnb:after, #mainContainer>article .main_contents:after, #mainContainer #mainKye .main_award ul:after, #mainContainer #mainSns .sns_roll ul:after, .company .content_wrap:after, .brand .brand_wrap .number_wrap:after, .brand .science_wrap .leaders_wrap ul:after, .why .why_sec01 dl:after, .why .why_person article .person_info:after, .why .why_person article .person_info .person_product .product_list:after, .advertising_tv .video_list ul:after, .advertising_print .print_list ul:after, .news_list .search_wrap:after, .product_list #list .list_tab:after, .product_list .list_drug:after, #searchPopup .step03 .product_step:after, .product_view .info_wrap:after, .product_view .info_wrap .product_detail .price_wrap .price_box .store_box:after, .event_list .list:after, .offline .search_wrap:after, .offline #list:after, .offline_new .search_wrap:after, .offline_new #list:after, #snsPopup .popup_title:after, .online:after, .online ul:after, .online_new:after, .online_new ul:after, .question .agree_wrap:after, #location .sub_nav:after {
    content: " ";
    display: block;
    clear: both;
}
body {
    -webkit-backface-visibility: hidden;
}
fieldset, img {
    border: 0 none;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
    padding: 0;
    font-family: Noto Sans KR, sans-serif;
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #696a6d;
}
a:link, a:visited, a:active, a:hover {
    text-decoration: none;
}
select, input, button, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border: 0 none;
    font-size: 16px;
    font-weight: 300;
    font-family: Noto Sans KR, sans-serif;
}
select[type="checkbox"], input[type="checkbox"], button[type="checkbox"], textarea[type="checkbox"] {
    -webkit-appearance: checkbox;
}
select[type="radio"], input[type="radio"], button[type="radio"], textarea[type="radio"] {
    -webkit-appearance: radio;
}
select::-ms-expand, input::-ms-expand, button::-ms-expand, textarea::-ms-expand {
    display: none;
}
html, body {
    font-family: Noto Sans KR, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #696a6d;
    word-break: keep-all;
    line-height: 1;
}
strong, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}
label, button {
    cursor: pointer;
}
button {
    outline: 0;
    font-size: 16px;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
}
body {
    position: relative;
    font-size: 16px;
}
input[type=text], select {
    border-radius: initial;
    border: 1px solid #ddd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 15px;
}
#header {
    width: 100%;
    height: 99px;
    position: fixed;
    overflow: hidden;
    background: url(../../images/layout/header_line.gif) 0 0 repeat-x #fff;
    z-index: 300;
}
#header:after {
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #dadada;
    display: block;
    content: "";
    top: 98px;
}
#header .header_wrap {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}
#header .event_link {
    position: absolute;
    left: 0;
    top: 99px;
}
#header h1 {
    float: left;
    padding: 15px 0 0;
}
#header #gnb {
    float: right;
    text-align: center;
    margin: 50px 0 0;
    position: relative;
}
#header #gnb:before {
    width: 3px;
    height: 3px;
    display: block;
    content: "";
    background-color: #be4f18;
    position: absolute;
    left: -1px;
    top: 7px;
}
#header #gnb .depth1 {
    width: 179px;
    float: left;
    position: relative;
}
#header #gnb .depth1>a {
    font-family: Exo, sans-serif;
    color: #555;
    font-size: 17px;
    height: 17px;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    font-weight: 500;
}
#header #gnb .depth1>a:after {
    width: 100%;
    height: 10px;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    background-color: #fc0;
    position: absolute;
    z-index: -1;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
}
#header #gnb .depth1:before {
    width: 3px;
    height: 3px;
    display: block;
    content: "";
    background-color: #be4f18;
    position: absolute;
    right: -1px;
    top: 7px;
}
#header #gnb .depth1:hover>a:after, #header #gnb .depth1.on>a:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
#header #gnb .depth1:hover>ul, #header #gnb .depth1.on>ul {
    background-color: #f8f8f8;
}
#header #gnb .depth1:hover .depth2 a, #header #gnb .depth1.on .depth2 a {
    color: #696a6d;
}
#header #gnb .depth1:hover .depth2 a:hover, #header #gnb .depth1:hover .depth2 a.on, #header #gnb .depth1.on .depth2 a:hover, #header #gnb .depth1.on .depth2 a.on {
    color: #be4f18;
    font-weight: 500;
}
#header #gnb .depth2 {
    /* height: 346px; */
    /* height: 410px; */
    height: 470px;
    padding: 16px 0 0;
    margin: 31px 0 0;
    font-size: 15px;
    color: #696a6d;
    line-height: 24px;
    border-right: 1px solid #dadada;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
#header #gnb .depth2 li {
    padding: 10px 0 0;
}
#header #gnb .depth2 a {
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
}
.gnb_dimmed {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 200;
    background-color: #555;
    display: none;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.popup_dimmed {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 300;
    background-color: #555;
    display: none;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
#footer {
    padding: 70px 0;
    background-color: #e9eaef;
    color: #696a6d;
}
#footer .footer_wrap {
    width: 1180px;
    margin: 0 auto;
    text-align: center;
}
#footer #f_gnb {
    display: inline-block;
    font-weight: 500;
}
#footer #f_gnb li {
    float: left;
    padding: 0 0 0 32px;
    position: relative;
}
#footer #f_gnb li:after {
    width: 2px;
    height: 2px;
    position: absolute;
    top: 7px;
    left: 16px;
    display: block;
    content: "";
    background-color: #555;
}
#footer #f_gnb li:first-child {
    padding: 0;
}
#footer #f_gnb li:first-child:after {
    display: none;
}
#footer #f_gnb li a {
    color: #555;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
}
#footer #f_gnb li a:hover {
    color: #be4f18;
}
#footer address {
    padding: 25px 0 0;
}
#footer .f_info {
    padding: 10px 0 0;
}
#footer .copyright {
    padding: 15px 0 0;
}
#footer .f_sns {
    padding: 30px 0 0;
}
#footer .f_sns li {
    display: inline-block;
    padding: 0 13px;
}
#mainHeader {
    width: 100%;
    height: 99px;
    position: absolute;
    overflow: hidden;
    z-index: 300;
    background: url(../../images/main/main_header_bg.png) 0 0 repeat-x;
    background-color: transparent;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
}
#mainHeader:after {
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #dadada;
    display: block;
    content: "";
    top: 99px;
}
#mainHeader .header_wrap {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}
#mainHeader .event_link {
    position: absolute;
    left: 0;
    top: 99px;
}
#mainHeader h1 {
    float: left;
    padding: 15px 0 0;
}
#mainHeader #gnb {
    float: right;
    text-align: center;
    margin: 51px 0 0;
    position: relative;
}
#mainHeader #gnb:before {
    width: 3px;
    height: 3px;
    display: block;
    content: "";
    background-color: #be4f18;
    position: absolute;
    left: -1px;
    top: 7px;
}
#mainHeader #gnb .depth1 {
    width: 179px;
    float: left;
    position: relative;
}
#mainHeader #gnb .depth1>a {
    font-family: Exo, sans-serif;
    color: #555;
    font-size: 17px;
    height: 17px;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    font-weight: 500;
}
#mainHeader #gnb .depth1>a:after {
    width: 100%;
    height: 10px;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    background-color: #fc0;
    position: absolute;
    z-index: -1;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
}
#mainHeader #gnb .depth1:before {
    width: 3px;
    height: 3px;
    display: block;
    content: "";
    background-color: #be4f18;
    position: absolute;
    right: -1px;
    top: 7px;
}
#mainHeader #gnb .depth1:hover>a:after, #mainHeader #gnb .depth1.on>a:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
#mainHeader #gnb .depth1:hover>ul, #mainHeader #gnb .depth1.on>ul {
    background-color: #2c2d32;
}
#mainHeader #gnb .depth1:hover .depth2 a, #mainHeader #gnb .depth1.on .depth2 a {
    color: #fff;
}
#mainHeader #gnb .depth1:hover .depth2 a:hover, #mainHeader #gnb .depth1:hover .depth2 a.on, #mainHeader #gnb .depth1.on .depth2 a:hover, #mainHeader #gnb .depth1.on .depth2 a.on {
    color: #fc0;
    font-weight: 500;
}
#mainHeader #gnb .depth2 {
    /* height: 346px; */
    /* height: 410px; */
    height: 470px;
    padding: 16px 0 0;
    margin: 31px 0 0;
    font-size: 15px;
    color: #696a6d;
    line-height: 24px;
    border-right: 1px solid #dadada;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
#mainHeader #gnb .depth2 li {
    padding: 10px 0 0;
}
#mainHeader #gnb .depth2 a {
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
}
#mainHeader.over {
    background-color: #fff;
}
#mainHeader.over #gnb a {
    color: #555;
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 400;
    src: url(../../font/nanumsquarer.woff) format("woff"), url(../../font/nanumsquarer.eot) format("opentype");
}
#mainContainer>article {
    width: 100%;
    overflow: hidden;
    position: relative;
}
#mainContainer>article h1 {
    font-size: 20px;
    font-family: Exo, sans-serif;
    position: relative;
    display: inline-block;
}
#mainContainer>article h1:after {
    width: 30px;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    right: -40px;
    top: 50%}
#mainContainer>article .main_contents {
    position: absolute;
    top: 50%;
    left: 50%}
#mainContainer>article .sub_title {
    font-family: Exo, sans-serif;
}
#mainContainer>article .sub_title strong {
    padding: 0 0 13px;
    position: relative;
    display: inline-block;
}
#mainContainer>article .sub_title strong:after {
    width: 100%;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
}
#mainContainer>article .more_link {
    display: inline-block;
    position: relative;
    font-family: Exo, sans-serif;
    padding: 0 0 6px;
}
#mainContainer>article .more_link:after {
    width: 100%;
    height: 2px;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
}
#mainContainer>article .js-scroll-event {
    -webkit-transform: matrix(1,  0,  0,  1,  0,  50);
    -moz-transform: matrix(1,  0,  0,  1,  0,  50);
    -ms-transform: matrix(1,  0,  0,  1,  0,  50);
    -o-transform: matrix(1,  0,  0,  1,  0,  50);
    transform: matrix(1,  0,  0,  1,  0,  50);
    opacity: 0;
    filter: alpha(opacity=0);
}
#mainContainer #mainVisual {
    height: 100%}
/* 마우스 */
/* #mainContainer #mainVisual:before {
    width: 27px;
    height: 44px;
    display: block;
    content: "";
    background: url(../../images/main/scroll_mouse.png) 50% 50% no-repeat;
    position: absolute;
    bottom: 100px;
    left: 50%;
    margin: 0 0 0 -13px;
}
#mainContainer #mainVisual:after {
    width: 1px;
    height: 40px;
    display: block;
    content: "";
    background-color: #fff;
    position: absolute;
    bottom: 40px;
    left: 50%} */
#mainContainer #mainVisual .visual_img {
    width: 100%;
    height: 100%;
    background: url(../../images/main/main_visual02.jpg) 50% 50% no-repeat;
    z-index: -1;
    position: absolute;
    top: 0;
    -webkit-background-size: cover;
    background-size: cover;
}
#mainContainer #mainVisual .visual_txt {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -152px 0 0 -590px;
    color: #fff;
}
#mainContainer #mainVisual .visual_txt .visual_title {
    font-size: 62px;
    line-height: 74px;
    font-family: NanumSquare, sans-serif;
}
#mainContainer #mainVisual .visual_txt .visual_title span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0,  15px);
    -moz-transform: translate(0,  15px);
    -ms-transform: translate(0,  15px);
    -o-transform: translate(0,  15px);
    transform: translate(0,  15px);
}
#mainContainer #mainVisual .visual_txt .visual_title em {
    color: #fc0;
}
#mainContainer #mainVisual .visual_txt .mate {
    margin: 45px 0 0;
    display: inline-block;
    font-size: 22px;
    color: #be4f18;
    font-weight: 500;
    letter-spacing: 4px;
    font-family: Exo, sans-serif;
    position: relative;
}
#mainContainer #mainVisual .visual_txt .mate:after {
    width: 260px;
    height: 2px;
    top: 50%;
    margin: -1px 0 0;
    display: block;
    content: "";
    background-color: #be4f18;
    right: -310px;
    position: absolute;
}
#mainContainer #mainVisual .visual_txt .visual_cate {
    color: #be4f18;
    line-height: 35px;
    font-size: 25px;
    padding: 0 0 0 90px;
    background: url(../../images/main/cate_icon.png) 0 50% no-repeat;
    font-family: NanumSquare, sans-serif;
    position: relative;
    display: inline-block;
}
#mainContainer #mainVisual .visual_txt .visual_cate:after {
    width: 177px;
    height: 2px;
    display: block;
    content: "";
    background-color: #be4f18;
    position: absolute;
    right: -190px;
    bottom: 17px;
}
#mainContainer #mainVisual .visual_txt .visual_cate span {
    font-weight: bold;
}
#mainContainer #mainVisual .visual_txt .visual_title {
    margin: 35px 0 0;
}
#mainContainer #mainVisual .txt_copy {
    padding: 25px 0 0;
}
#mainContainer #mainVisual .txt_copy p.txt {
    font-family: NanumSquare, sans-serif;
    font-size: 24px;
}
#mainContainer #mainVisual .txt_copy p.eng {
    font-size: 24px;
    font-family: Exo, sans-serif;
    color: #be4f18;
    padding: 10px 0 0;
}
#mainContainer #mainVisual .txt_copy p.info {
    font-size: 12px;
    position: relative;
    color: #555;
    padding: 0 0 0 35px;
    line-height: 18px;
    margin: 30px 0 0;
    opacity: .2;
    filter: alpha(opacity=20);
}
#mainContainer #mainVisual .txt_copy p.info:after {
    content: "출처 :";
    position: absolute;
    left: 0;
    top: 0;
}
#mainContainer #mainProduct {
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
}
#mainContainer #mainProduct:after {
    width: 580px;
    height: 580px;
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -290px 0 0 -290px;
    background-color: #f9f9f9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%}
#mainContainer #mainProduct .product_wrap {
    opacity: 0;
    filter: alpha(opacity=0);
}
#mainContainer #mainProduct .product_wrap h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -215px 0 0 -510px;
    color: #be4f18;
    font-weight: 500;
}
#mainContainer #mainProduct .product_wrap h1:after {
    background-color: #be4f18;
}
#mainContainer #mainProduct .product_wrap .product_num {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 148px 0 0 -410px;
    font-family: Exo, sans-serif;
    color: #555;
    font-weight: 500;
}
#mainContainer #mainProduct .product_wrap .product_num .crr {
    padding: 0 0 0 33px;
    position: relative;
    font-size: 20px;
    color: #be4f18;
}
#mainContainer #mainProduct .product_wrap .product_num .crr:before {
    width: 23px;
    height: 3px;
    position: absolute;
    display: block;
    content: "";
    background-color: #be4f18;
    top: 50%}
#mainContainer #mainProduct .product_wrap .product_num .amount {
    position: relative;
    top: 18px;
    left: 12px;
    opacity: .6;
    filter: alpha(opacity=60);
}
#mainContainer #mainProduct .product_wrap .product_num .amount:after {
    width: 30px;
    height: 1px;
    display: block;
    content: "";
    background-color: #555;
    position: absolute;
    top: 0;
    left: -20px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#mainContainer #mainProduct .product_wrap .btn_wrap {
    width: 106px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -290px 0 0 484px;
}
#mainContainer #mainProduct .product_wrap .btn_wrap button {
    padding: 0;
    text-indent: -9999px;
}
#mainContainer #mainProduct .product_wrap .btn_wrap .prev, #mainContainer #mainProduct .product_wrap .btn_wrap .next {
    width: 48px;
    height: 48px;
    display: block;
    background-color: #be4f18;
    position: absolute;
    top: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: background-image .2s ease;
    -moz-transition: background-image .2s ease;
    -o-transition: background-image .2s ease;
    -ms-transition: background-image .2s ease;
}
#mainContainer #mainProduct .product_wrap .btn_wrap .prev {
    background-image: url(../../images/main/left_btn.png);
    left: 0;
}
#mainContainer #mainProduct .product_wrap .btn_wrap .prev:hover {
    background-image: url(../../images/icon/view_prev_btn_over.png);
}
#mainContainer #mainProduct .product_wrap .btn_wrap .next {
    background-image: url(../../images/main/right_btn.png);
    right: 0;
}
#mainContainer #mainProduct .product_wrap .btn_wrap .next:hover {
    background-image: url(../../images/icon/view_next_btn_over.png);
}
#mainContainer #mainProduct .product_item li:first-child .product_name a strong, #mainContainer #mainProduct .product_item li:first-child .product_name p, #mainContainer #mainProduct .product_item li:first-child .product_img {
    -webkit-transform: matrix(1,  0,  0,  1,  0,  100);
    -moz-transform: matrix(1,  0,  0,  1,  0,  100);
    -ms-transform: matrix(1,  0,  0,  1,  0,  100);
    -o-transform: matrix(1,  0,  0,  1,  0,  100);
    transform: matrix(1,  0,  0,  1,  0,  100);
}
#mainContainer #mainProduct .product_item .product_name {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -170px 0 0 -510px;
    z-index: 100;
}
#mainContainer #mainProduct .product_item .product_name a {
    color: #fc0;
    font-size: 54px;
    font-family: Exo, sans-serif;
    line-height: 37px;
}
#mainContainer #mainProduct .product_item .product_name a strong {
    padding: 0 0 13px;
    margin: 0 0 30px;
    position: relative;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}
#mainContainer #mainProduct .product_item .product_name a strong:after {
    width: 100%;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    background-color: #fc0;
    bottom: 0;
}
#mainContainer #mainProduct .product_item .product_name p {
    padding: 22px 0 0 100px;
    line-height: 24px;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}
#mainContainer #mainProduct .product_item .product_img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -210px 0 0 -28px;
    z-index: 50;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}
#mainContainer #mainWhy {
    background-image: url(../../images/main/main_why_bg.jpg);
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
}
#mainContainer #mainWhy .main_contents {
    margin: -316px 0 0 -390px;
}
#mainContainer #mainWhy .why_left {
    width: 400px;
    float: left;
}
#mainContainer #mainWhy .why_left h1 {
    color: #be4f18;
}
#mainContainer #mainWhy .why_left h1:after {
    background-color: #be4f18;
}
#mainContainer #mainWhy .why_left .sub_title {
    color: #fff;
    font-size: 70px;
    line-height: 48px;
    margin: 23px 0 0;
}
#mainContainer #mainWhy .why_left .sub_title strong {
    margin: 0 0 30px;
}
#mainContainer #mainWhy .why_left .sub_title strong:after {
    background-color: #fff;
}
#mainContainer #mainWhy .why_right {
    float: left;
    padding: 130px 0 0;
}
#mainContainer #mainWhy .why_right .txt01 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
    color: #be4f18;
}
#mainContainer #mainWhy .why_right .txt02 {
    padding: 80px 0 0;
    background: url(../../images/main/main_quotes.png) 0 35px no-repeat;
    font-size: 18px;
    line-height: 30px;
    color: #111;
}
#mainContainer #mainWhy .why_right .txt02 span {
    display: block;
    padding: 5px 0 0;
}
#mainContainer #mainWhy .why_right .more_link {
    margin: 20px 0 0;
    color: #be4f18;
    font-weight: 500;
}
#mainContainer #mainWhy .why_right .more_link:after {
    background-color: #be4f18;
}
#mainContainer #mainMate {
    background: url(../../images/main/main_mate_bg.jpg) 50% 50% no-repeat;
}
#mainContainer #mainMate .main_contents {
    margin: -335px 0 0 -590px;
}
#mainContainer #mainMate .mate_left {
    width: 750px;
    float: left;
}
#mainContainer #mainMate .mate_left h1 {
    color: #be4f18;
}
#mainContainer #mainMate .mate_left h1:after {
    background-color: #be4f18;
}
#mainContainer #mainMate .mate_left .sub_title {
    color: #fc0;
    font-size: 48px;
    line-height: 36px;
    margin: 23px 0 0;
}
#mainContainer #mainMate .mate_left .sub_title strong {
    margin: 0 0 26px;
}
#mainContainer #mainMate .mate_left .sub_title strong:after {
    background-color: #fc0;
}
#mainContainer #mainMate .mate_left .video_wrap {
    width: 680px;
    margin: 30px 0 0;
}
#mainContainer #mainMate .mate_right {
    width: 382px;
    float: left;
    padding: 270px 0 0;
}
#mainContainer #mainMate .mate_right .txt01 {
    font-size: 34px;
    line-height: 44px;
    font-weight: 500;
    color: #be4f18;
}
#mainContainer #mainMate .mate_right .txt02 {
    padding: 63px 0 0;
    line-height: 26px;
    color: #555;
}
#mainContainer #mainMate .mate_right .txt02 span {
    display: block;
    padding: 5px 0 0;
}
#mainContainer #mainMate .mate_right .more_link {
    margin: 20px 0 0;
    color: #be4f18;
    font-weight: 500;
}
#mainContainer #mainMate .mate_right .more_link:after {
    background-color: #be4f18;
}
#mainContainer #mainKye {
    background-color: #fc0;
}
#mainContainer #mainKye .main_contents {
    width: 1180px;
    margin: -215px auto 0 -590px;
}
#mainContainer #mainKye .mate_tit {
    width: 100%;
    text-align: center;
}
#mainContainer #mainKye .mate_tit h1 {
    color: #be4f18;
    margin: 0 0 0 -20px;
}
#mainContainer #mainKye .mate_tit h1:after {
    background-color: #be4f18;
}
#mainContainer #mainKye .mate_tit .sub_title {
    color: #fff;
    font-size: 48px;
    line-height: 36px;
    margin: 23px 0 0;
}
#mainContainer #mainKye .mate_tit .sub_title strong {
    margin: 0 0 26px;
}
#mainContainer #mainKye .mate_tit .sub_title strong:after {
    background-color: #fff;
}
#mainContainer #mainKye .main_award {
    width: 1180px;
    height: 123px;
    margin: 133px 0 0;
    position: relative;
    overflow: hidden;
    background-image: url(../../images/main/key_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%}
#mainContainer #mainKye .main_award:after {
    width: 100%;
    height: 100%;
    background-color: #fc0;
    display: block;
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    -webkit-transform: translate(0,  0);
    -moz-transform: translate(0,  0);
    -ms-transform: translate(0,  0);
    -o-transform: translate(0,  0);
    transform: translate(0,  0);
    -webkit-transition: all 2.5s ease;
    -moz-transition: all 2.5s ease;
    -o-transition: all 2.5s ease;
    -ms-transition: all 2.5s ease;
}
#mainContainer #mainKye .main_award ul {
    font-size: 18px;
    line-height: 24px;
    color: #be4f18;
    font-weight: 500;
    padding: 38px 0 0;
}
#mainContainer #mainKye .main_award li {
    float: left;
    -webkit-transform: translate(30px,  0);
    -moz-transform: translate(30px,  0);
    -ms-transform: translate(30px,  0);
    -o-transform: translate(30px,  0);
    transform: translate(30px,  0);
    opacity: 0;
    filter: alpha(opacity=0);
}
#mainContainer #mainKye .main_award li:nth-of-type(1) {
    padding: 0 0 0 170px;
}
#mainContainer #mainKye .main_award li:nth-of-type(2) {
    padding: 0 0 0 290px;
}
#mainContainer #mainKye .main_award li:nth-of-type(3) {
    float: right;
}
#mainContainer #mainKye .main_award.on:after {
    width: 0;
}
#mainContainer #mainSns { /* 2020-10-22 */
	display:none;
    background-image: url(../../images/main/main_sns_bg.jpg);
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #fff;
}
#mainContainer #mainSns .main_contents {
    width: 1180px;
    margin: -320px auto 0 -590px;
}
#mainContainer #mainSns .sns_tit {
    padding: 0 0 0 180px;
}
#mainContainer #mainSns .sns_tit h1 {
    color: #be4f18;
}
#mainContainer #mainSns .sns_tit h1:after {
    background-color: #be4f18;
}
#mainContainer #mainSns .sns_tit .sub_title {
    color: #fc0;
    font-size: 48px;
    line-height: 36px;
    margin: 23px 0 0;
}
#mainContainer #mainSns .sns_tit .sub_title strong {
    margin: 0 0 26px;
}
#mainContainer #mainSns .sns_tit .sub_title strong:after {
    background-color: #fc0;
}
#mainContainer #mainSns .sns_roll {
    padding: 85px 0 0;
    position: relative;
    overflow: hidden;
}
#mainContainer #mainSns .sns_roll ul li {
    width: 280px;
    float: left;
    margin: 0 20px 0 0;
}
#mainContainer #mainSns .sns_roll ul li:nth-of-type(even) {
    margin: 30px 20px 0 0;
}
#mainContainer #mainSns .sns_roll ul li .sns_img {
    height: 280px;
    overflow: hidden;
    display: block;
}
#mainContainer #mainSns .sns_roll ul li .sns_txt {
    height: 56px;
    font-size: 18px;
    line-height: 28px;
    margin: 15px 0 0;
    padding: 0 20px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
}
#mainContainer #mainSns .sns_roll ul li:hover .sns_txt {
    color: #be4f18;
}
#mainContainer #mainSns .btn_wrap {
    width: 106px;
    position: absolute;
    top: 204px;
    right: 0;
}
#mainContainer #mainSns .btn_wrap button {
    padding: 0;
    text-indent: -9999px;
}
#mainContainer #mainSns .btn_wrap .prev, #mainContainer #mainSns .btn_wrap .next {
    width: 48px;
    height: 48px;
    display: block;
    background-color: #be4f18;
    position: absolute;
    top: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: background-image .2s ease;
    -moz-transition: background-image .2s ease;
    -o-transition: background-image .2s ease;
    -ms-transition: background-image .2s ease;
}
#mainContainer #mainSns .btn_wrap .prev {
    background-image: url(../../images/main/left_btn.png);
    left: 0;
}
#mainContainer #mainSns .btn_wrap .prev:hover {
    background-image: url(../../images/icon/view_prev_btn_over.png);
}
#mainContainer #mainSns .btn_wrap .next {
    background-image: url(../../images/main/right_btn.png);
    right: 0;
}
#mainContainer #mainSns .btn_wrap .next:hover {
    background-image: url(../../images/icon/view_next_btn_over.png);
}
#mainContainer aside {
    position: fixed;
    right: 40px;
    z-index: 100;
    color: #be4f18;
    top: 50%;
    margin: -122px 0 0;
    text-align: right;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    font-size: 14px;
    font-weight: 500;
}
#mainContainer aside nav ul {
    font-family: Exo, sans-serif;
}
#mainContainer aside nav ul li {
    line-height: 0px;
    padding: 18px 0;
    cursor: pointer;
}
#mainContainer aside nav ul li:last-child {display:none;} /* 2020-10-22 */
#mainContainer aside nav ul li p {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
}
#mainContainer aside nav ul li:after {
    width: 8px;
    height: 8px;
    display: inline-block;
    content: "";
    background-color: #be4f18;
    margin: 0 0 0 10px;
    vertical-align: top;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
#mainContainer aside nav ul li:hover p, #mainContainer aside nav ul li.on p {
    opacity: 1;
    filter: alpha(opacity=100);
}
#mainContainer aside nav ul li:hover:after, #mainContainer aside nav ul li.on:after {
    width: 40px;
    height: 2px;
}
.company .content_wrap {
    width: 1180px;
    margin: 0 auto;
}
.company .contents_info {
    float: left;
}
.company .contents_info02 {
    float: right;
}
.company h4 {
    font-size: 20px;
    font-family: Exo, sans-serif;
    color: #555;
    display: inline-block;
    padding: 0 40px 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.company h4:after {
    width: 30px;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 10px;
    background-color: #555;
}
.company a {
    font-family: Exo, sans-serif;
    color: #555;
    position: relative;
    font-weight: 500;
    opacity: 0;
    filter: alpha(opacity=0);
}
.company a:after {
    width: 100%;
    height: 2px;
    display: block;
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    background-color: #555;
}
.company .info_kor {
    font-size: 16px;
    line-height: 24px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.company .info_eng {
    font-size: 40px;
    line-height: 54px;
    font-family: Exo, sans-serif;
    color: #555;
    opacity: 0;
    filter: alpha(opacity=0);
}
.company .pharmavite {
    padding: 150px 0 152px;
    border-top: 1px solid #dadada;
}
.company .pharmavite h4 {
    padding: 110px 40px 0 0;
    background: url(../../images/story/compay_logo01.png) 0 0 no-repeat;
}
.company .pharmavite .contents_info02 {
    margin: 270px 185px 0 0;
}
.company .pharmavite .info_eng {
    padding: 22px 0 0;
}
.company .pharmavite .info_kor {
    padding: 0 0 35px;
}
.company .otsuka {
    padding: 137px 0 152px;
    border-top: 2px solid #fac429;
}
.company .otsuka h4 {
    padding: 72px 40px 0 0;
    background: url(../../images/story/compay_logo02.png) 0 0 no-repeat;
}
.company .otsuka a {
    margin: 0 0 0 78px;
}
.company .otsuka .contents_info {
    padding: 58px 0 0 100px;
}
.company .otsuka .info_kor {
    padding: 35px 0 35px 78px;
}
.company .otsuka .info_eng {
    padding: 0 93px 0 0;
}
.brand .brand_wrap {
    background-color: #fc0;
    padding: 140px 0 145px;
    position: relative;
    overflow: hidden;
}
.brand .brand_wrap .title {
    text-align: center;
}
.brand .brand_wrap h4 {
    display: inline-block;
}
.brand .brand_wrap p {
    font-size: 18px;
    color: #be4f18;
    line-height: 30px;
    padding: 34px 0 0;
    font-weight: 500;
}
.brand .brand_wrap .number_wrap {
    width: 1180px;
    margin: 0 auto;
    padding: 105px 0 0;
    position: relative;
    z-index: 10;
}
.brand .brand_wrap dl {
    float: left;
    position: relative;
}
.brand .brand_wrap dl.ranking {
    width: 400px;
}
.brand .brand_wrap dl.ranking dt {
    background-image: url(../../images/story/brand_num01.png);
    padding: 35px 0 35px 180px;
}
.brand .brand_wrap dl.years {
    width: 325px;
    padding: 0 0 0 90px;
}
.brand .brand_wrap dl.years dt {
    background-image: url(../../images/story/brand_num50.png);
    padding: 35px 0 35px 120px;
}
.brand .brand_wrap dl.step {
    width: 274px;
    padding: 0 0 0 90px;
}
.brand .brand_wrap dl.step dt {
    background-image: url(../../images/story/brand_num03.png);
    padding: 35px 0 35px 51px;
}
.brand .brand_wrap dl dt {
    height: 120px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: 500;
    color: #be4f18;
    line-height: 24px;
    text-shadow: 10px 14px 16px #e2b721;
    box-sizing: border-box;
}
.brand .brand_wrap dl dd {
    color: #808285;
    line-height: 26px;
    padding: 40px 0 0;
}
.brand .brand_wrap .brand_green {
    width: 584px;
    height: 684px;
    display: block;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -980px;
    bottom: -20px;
    z-index: 5;
    background: url(../../images/story/brand_greeen.jpg) 50% 50% no-repeat;
}
.brand .science_wrap {
    padding: 146px 0 150px;
    text-align: center;
}
.brand .science_wrap h4 {
    font-size: 28px;
    color: #555;
    font-family: Exo, sans-serif;
    font-weight: 300;
}
.brand .science_wrap .leaders_wrap {
    width: 1180px;
    margin: 37px auto 0;
}
.brand .science_wrap .leaders_wrap ul li {
    width: 393px;
    height: 245px;
    padding: 0 10px;
    float: left;
    background: url(../../images/story/leaders_bg.gif) 50% 72px no-repeat #fff;
    border-left: 1px solid #dadada;
    box-sizing: border-box;
    opacity: 0;
    filter: alpha(opacity=0);
}
.brand .science_wrap .leaders_wrap ul li:first-child {
    padding: 0;
    border-left: 0;
}
.brand .science_wrap .leaders_wrap ul strong {
    font-family: Exo, sans-serif;
    color: #555;
    font-size: 26px;
    line-height: 32px;
    padding: 16px 0 0;
    display: block;
    font-weight: 300;
}
.brand .science_wrap .leaders_wrap ul p {
    padding: 94px 0 0;
    font-size: 18px;
    line-height: 28px;
    color: #696a6d;
}
.why .why_sec01 {
    height: 952px;
    text-align: center;
    overflow: hidden;
    background: url(../../images/story/why_bg.jpg) 50% 0 no-repeat;
}
.why .why_sec01 h4 {
    display: inline-block;
    padding: 140px 0 0;
    font-size: 48px;
    position: relative;
    color: #fff;
    font-family: Exo, sans-serif;
}
.why .why_sec01 h4:after {
    width: 100%;
    height: 4px;
    display: block;
    content: "";
    position: absolute;
    background-color: #fff;
    bottom: -7px;
}
.why .why_sec01 .txt_wrap {
    width: 1180px;
    margin: 67px auto 0;
    text-align: left;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}
.why .why_sec01 dl {
    height: 86px;
    padding: 30px 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.why .why_sec01 dl:first-child {
    padding: 0;
}
.why .why_sec01 dl dt {
    width: 480px;
    height: 86px;
    float: left;
    font-weight: 500;
    padding: 15px 0 0 120px;
    color: #be4f18;
    background-position: 0 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
.why .why_sec01 dl dt.line_one {
    line-height: 86px;
    padding: 0 0 0 120px;
}
.why .why_sec01 dl dt.txt01 {
    background-image: url(../../images/icon/why_icon01.png);
}
.why .why_sec01 dl dt.txt02 {
    background-image: url(../../images/icon/why_icon02.png);
}
.why .why_sec01 dl dt.txt03 {
    background-image: url(../../images/icon/why_icon03.png);
}
.why .why_sec01 dl dd {
    float: left;
    padding: 15px 0 0;
    color: #808285;
}
.why .why_sec01 dl dd.line_one {
    padding: 0;
    line-height: 86px;
}
.why .why_sec01 .js-custom-wrap {
    padding: 20px 0 0;
    position: relative;
}
.why .why_sec01 .js-custom-wrap img {
    position: relative;
    z-index: 10;
    top: 151px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.why .why_person {
    padding: 150px 0;
}
.why .why_person article {
    height: 616px;
    position: relative;
    margin: 200px 0 0;
}
.why .why_person article:first-child {
    margin: 0;
}
.why .why_person article .person_info {
    width: 1180px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}
.why .why_person article .person_info .person_img {
    width: 500px;
    height: 596px;
    overflow: hidden;
    position: relative;
}
.why .why_person article .person_info .person_img img {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}
.why .why_person article .person_info .person_status {
    width: 580px;
    height: 616px;
    padding: 20px 0 0;
    position: relative;
}
.why .why_person article .person_info .person_status h1 {
    font-size: 30px;
    color: #555;
    opacity: 0;
    filter: alpha(opacity=0);
}
.why .why_person article .person_info .person_status h1 span {
    font-weight: 300;
}
.why .why_person article .person_info .person_status>p {
    padding: 67px 0 0;
    line-height: 26px;
    background: url(../../images/icon/why_dot01.gif) 0 40px no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
}
.why .why_person article .person_info .person_product {
    position: absolute;
    bottom: -52px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.why .why_person article .person_info .person_product p {
    font-size: 20px;
    font-weight: 500;
    color: #555;
    margin: 0 0 40px;
    position: relative;
    padding: 0 0 0 60px;
}
.why .why_person article .person_info .person_product p:before {
    width: 50px;
    height: 3px;
    display: block;
    content: "";
    background-color: #be4f18;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -2px 0 0;
}
.why .why_person article .person_info .person_product .product_list a {
    width: 290px;
    display: block;
    position: relative;
    float: left;
    font-weight: 500;
}
.why .why_person article .person_info .person_product .product_list a .name {
    font-size: 16px;
    line-height: 21px;
    color: #696a6d;
    position: absolute;
    top: 110px;
    left: 140px;
}
.why .why_person article .person_info .person_product .product_list a .view_link {
    color: #be4f18;
    border-bottom: 1px solid #be4f18;
    position: absolute;
    top: 166px;
    left: 140px;
}
.why .why_person article.person01 .person_img, .why .why_person article.person03 .person_img {
    float: left;
}
.why .why_person article.person01 .person_status, .why .why_person article.person03 .person_status {
    float: right;
}
.why .why_person article.person02 .person_img, .why .why_person article.person04 .person_img {
    float: right;
}
.why .why_person article.person02 .person_status, .why .why_person article.person04 .person_status {
    float: left;
}
.why .why_person article.person02 .person_product {
    bottom: -40px;
}
.why .why_person article.person03 .person_product {
    bottom: -40px;
}
.promise {
    height: 1079px;
    background: url(../../images/story/promise_bg.jpg) 50% 0 no-repeat;
    position: relative;
}
.promise h1 {
    position: relative;
    z-index: 10;
    font-family: Exo, sans-serif;
    font-size: 60px;
    top: 170px;
    left: 50%;
    margin: 0 0 0 35px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}
.promise h1:after {
    width: 245px;
    height: 4px;
    background-color: #fff;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 275px;
}
.promise h1 em {
    color: #fc0;
}
.promise .promise_box {
    width: 480px;
    height: 0;
    background-color: #fc0;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 110px;
    padding: 0 0 0 100px;
    overflow: hidden;
    color: #808285;
}
.promise .promise_box p {
    font-size: 18px;
    line-height: 28px;
    padding: 15px 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.promise .promise_box p:first-child {
    padding: 320px 0 0;
}
.contents_tab {
    width: 100%;
    height: 58px;
    margin: 0 0 50px;
    background-color: #fc0;
    line-height: 58px;
    text-align: center;
    font-size: 19px;
    font-weight: 500;
}
.contents_tab li {
    display: inline-block;
    margin: 0 22px;
    position: relative;
    color: #715b11;
}
.contents_tab li a {
    color: #808285;
}
.contents_tab li:after {
    width: 100%;
    height: 1px;
    display: block;
    content: "";
    background-color: #be4f18;
    position: absolute;
    left: 0;
    top: 44px;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    opacity: 0;
    filter: alpha(opacity=0);
}
.contents_tab li:hover a, .contents_tab li.on a {
    color: #be4f18;
}
.contents_tab li:hover:after, .contents_tab li.on:after {
    opacity: 1;
    filter: alpha(opacity=100);
}
.advertising_tv .video_wrap {
    text-align: center;
}
.advertising_tv .video_wrap h1 {
    display: inline-block;
    position: relative;
    font-size: 30px;
    padding: 0 0 12px;
    margin: 38px 0 0;
    font-weight: 300;
    color: #eab42f;
}
.advertising_tv .video_wrap h1:after {
    width: 100%;
    height: 4px;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    background-color: #eab42f;
}
.advertising_tv .video_wrap div {
    padding: 25px 0 40px;
    font-size: 18px;
    color: #555;
    line-height: 26px;
}
.advertising_tv .video_list {
    padding: 40px 0 0;
    border-top: 1px solid #dadada;
}
.advertising_tv .video_list p {
    font-size: 18px;
}
.advertising_tv .video_list p strong {
    color: #be4f18;
}
.advertising_tv .video_list ul {
    margin: 30px 0 0;
    font-size: 18px;
    line-height: 28px;
}
.advertising_tv .video_list ul li {
    width: 280px;
    float: left;
    margin: 0 0 0 20px;
}
.advertising_tv .video_list ul li:nth-of-type(4n+1) {
    margin: 0;
}
.advertising_tv .video_list ul li .video_thum {
    width: 100%;
    height: 210px;
    overflow: hidden;
    position: relative;
}
.advertising_tv .video_list ul li .video_thum:before {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    background: url(../../images/icon/black_bg06.png) repeat;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
}
.advertising_tv .video_list ul li .video_thum:after {
    width: 31px;
    height: 31px;
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    right: 20px;
    background: url(../../images/icon/video_icon.png) 50% 50% no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.advertising_tv .video_list ul li p {
    padding: 15px 0 0;
    height: 60px;
    overflow: hidden;
    margin: 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.advertising_tv .video_list ul li:hover p, .advertising_tv .video_list ul li.active p {
    font-weight: 500;
    color: #be4f18;
}
.advertising_tv .video_list ul li:hover .video_thum:before, .advertising_tv .video_list ul li.active .video_thum:before {
    opacity: 1;
    filter: alpha(opacity=100);
}
.advertising_tv .video_list ul li:hover .video_thum:after, .advertising_tv .video_list ul li.active .video_thum:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0,  -20px);
    -moz-transform: translate(0,  -20px);
    -ms-transform: translate(0,  -20px);
    -o-transform: translate(0,  -20px);
    transform: translate(0,  -20px);
}
#moreBtn {
    margin: 20px 0 0;
    text-align: center;
}
#moreBtn button {
    font-size: 18px;
    line-height: 29px;
    font-weight: 500;
    padding: 0 44px 0 0;
    color: #696a6d;
    background: url(../../images/icon/more_btn.gif) 100% 50% no-repeat;
}
.advertising_print .print_list>p {
    font-size: 18px;
    padding: 0 0 30px;
}
.advertising_print .print_list>p strong {
    color: #be4f18;
}
.advertising_print .print_list ul {
    border-top: 3px solid #555;
    padding: 30px 0 0;
    font-size: 18px;
}
.advertising_print .print_list ul li {
    width: 380px;
    padding: 0 0 40px 20px;
    float: left;
    border-bottom: 1px solid #dadada;
    text-align: center;
    margin: 0 0 40px;
}
.advertising_print .print_list ul li:nth-of-type(3n+1) {
    padding: 0 0 40px;
}
.advertising_print .print_list ul li button {
    width: 100%;
    height: 227px;
    overflow: hidden;
    padding: 0;
}
.advertising_print .print_list ul li button img {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .7s ease;
    -moz-transition: transform .7s ease;
    -o-transition: transform .7s ease;
    -ms-transition: transform .7s ease;
}
.advertising_print .print_list ul li button:hover img {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
}
.advertising_print .print_list ul li p {
    padding: 20px 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.advertising_print .print_list ul li p strong {
    padding: 10px 0 0;
    font-weight: 500;
    color: #be4f18;
    display: block;
    font-size: 18px;
}
.video_no_list {
    text-align: center;
    background: url(../../images/icon/list_no_tv_icon.png) 50% 100px #f8f8f8 no-repeat;
    padding: 195px 0 100px;
}
.video_no_list strong {
    font-size: 30px;
    color: #555;
}
#windowPopup {
    width: 780px;
    padding: 0 60px 60px;
    text-align: center;
}
#windowPopup p {
    font-size: 30px;
    padding: 60px 0 40px 75px;
    position: relative;
    color: #555;
    display: inline-block;
    line-height: 40px;
}
#windowPopup p:after {
    width: 60px;
    height: 3px;
    background-color: #be4f18;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 79px;
}
#windowPopup p em {
    color: #be4f18;
    font-weight: 500;
    display: block;
}
.news_list .search_wrap {
    height: 46px;
    position: relative;
    font-size: 18px;
}
.news_list .search_wrap form {
    width: 500px;
    position: absolute;
    right: 0;
}
.news_list .search_wrap select {
    width: 194px;
    height: 46px;
    float: left;
    background: url(../../images/icon/print_select_dot.png) 163px 50% no-repeat #f8f8f8;
    border: 1px solid #dedee1;
}
.news_list .search_wrap .submit_wrap {
    float: right;
}
.news_list .search_wrap .submit_wrap input[type=text] {
    width: 269px;
    background-color: #f8f8f8;
    height: 42px;
    border: 1px solid #dedee1;
}
.news_list .search_wrap .submit_wrap input[type=text]::-webkit-input-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.news_list .search_wrap .submit_wrap input[type=text]::-moz-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.news_list .search_wrap .submit_wrap input[type=text]:-ms-input-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.news_list .search_wrap .submit_wrap input[type=text]:-moz-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.news_list .search_wrap .submit_wrap input[type=submit] {
    width: 18px;
    height: 18px;
    top: 14px;
    right: 17px;
    position: absolute;
    background: url(../../images/icon/print_search_dot.png) 50% 50% no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}
.news_list .list_num {
    font-size: 18px;
    padding: 30px 0;
}
.news_list .list_num strong {
    color: #be4f18;
}
.news_list table {
    margin: 0 0 40px;
    border-top: 3px solid #555;
    font-size: 18px;
    border-bottom: 1px solid #555;
}
.news_list table tr {
    border-top: 1px solid #dadada;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
}
.news_list table tr:hover {
    background-color: #f8f8f8;
}
.news_list table tr:hover td:nth-of-type(1) a {
    color: #be4f18;
    font-weight: 500;
}
.news_list table th, .news_list table td:nth-of-type(2) {
    text-align: center;
    font-family: Exo, sans-serif;
    font-weight: 500;
}
.news_list table td:nth-of-type(1) {
    padding: 0 0 0 80px;
}
.news_list table td {
    height: 78px;
}
.news_list table td a {
    width: 780px;
    display: block;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news_view .view_sec {
    padding: 80px 100px;
    background-color: #f8f8f8;
}
.news_view .view_sec .title_wrap {
    text-align: center;
    padding: 0 0 50px;
    position: relative;
}
.news_view .view_sec .title_wrap h1 {
    font-size: 30px;
    color: #555;
    font-weight: 300;
}
.news_view .view_sec .title_wrap p {
    font-family: Exo, sans-serif;
    font-size: 18px;
    padding: 28px 0 0;
    font-weight: 500;
}
.news_view .view_sec .title_wrap a {
    line-height: 34px;
    position: absolute;
    display: inline-block;
    padding: 0 0 0 43px;
    left: 0;
    top: -30px;
    font-family: Exo, sans-serif;
    color: #444;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
}
.news_view .view_sec .title_wrap a:after {
    width: 34px;
    height: 34px;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../../images/icon/back_list_dot.png);
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    -ms-transition: background .2s ease;
}
.news_view .view_sec .title_wrap a:hover {
    color: #555;
}
.news_view .view_sec .title_wrap a:hover:after {
    background-color: #555;
    background-image: url(../../images/icon/back_list_dot_on.png);
}
.news_view .view_box {
    padding: 50px 0 0;
    border-top: 2px solid #555;
}
.news_view .view_box img {
    width: 100%}
.news_view .view_box div {
    padding: 35px 100px 0;
    line-height: 26px;
}
.news_view .link_wrap {
    position: relative;
    margin: 40px 0 0;
    height: 48px;
    text-align: center;
}
.news_view .link_wrap .prev_link, .news_view .link_wrap .next_link {
    width: 48px;
    height: 48px;
    display: block;
    background-color: #f8f8f8;
    position: absolute;
    top: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    -ms-transition: background .2s ease;
}
.news_view .link_wrap .prev_link {
    background-image: url(../../images/icon/view_prev_btn.png);
    left: 0;
}
.news_view .link_wrap .prev_link:hover {
    background-color: #555;
    background-image: url(../../images/icon/view_prev_btn_over.png);
}
.news_view .link_wrap .next_link {
    background-image: url(../../images/icon/view_next_btn.png);
    right: 0;
}
.news_view .link_wrap .next_link:hover {
    background-color: #555;
    background-image: url(../../images/icon/view_next_btn_over.png);
}
.news_view .link_wrap .list_link {
    width: 166px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    background-color: #fc0;
    color: #fff;
    text-indent: 30px;
    position: relative;
    font-weight: 500;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.news_view .link_wrap .list_link:hover:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.news_view .link_wrap .list_link:after {
    width: 19px;
    height: 19px;
    display: block;
    content: "";
    background: url(../../images/icon/view_list_btn.png) 50% 50% no-repeat;
    position: absolute;
    top: 15px;
    left: 40px;
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
}
.product_list .list_visual {
    height: 388px;
    text-align: center;
    background: url(../../images/product/product_img01.jpg) 50% 0 no-repeat #fc0;
}
.product_list .list_visual button {
    color: #fff;
    display: inline-block;
    font-size: 22px;
    position: relative;
    margin: 60px 0 0 -20px;
    line-height: 1;
    font-weight: 500;
    padding: 0;
}
.product_list .list_visual button:after {
    width: 100%;
    height: 2px;
    position: absolute;
    display: block;
    content: "";
    background-color: #fff;
    bottom: -8px;
}
.product_list .list_visual button:before {
    width: 33px;
    height: 33px;
    display: block;
    content: "";
    background: url(../../images/icon/product_dot01.png) 50% 50% no-repeat;
    position: absolute;
    top: -1px;
    right: -48px;
}
.product_list #list {
    width: 1180px;
    margin: 0 auto;
}
.product_list #list .list_tab {
    margin: 75px 0 50px;
    font-size: 17px;
    font-weight: 500;
    min-height: 120px;
    text-align: center;
}

.product_list #list .list_tab ul {
    padding-top:1px;
}

.product_list #list .list_tab li {
    width: 295px;
    height: 120px;
    position: relative;
    border: 1px solid #e1e1e1;
    margin-top:-1px;
    float: left;
    border-left: 0;
    box-sizing: border-box;
}
.product_list #list .list_tab li:first-child,
.product_list #list .list_tab li:nth-child(4n + 1) {
    /* width: 172px; */
    border-left: 1px solid #e1e1e1;
}
.product_list #list .list_tab li:before {
    width: 86px;
    height: 86px;
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    margin: 0 0 0 -43px;
    top: 1px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
.product_list #list .list_tab li a {
    display: block;
    padding: 80px 0 0;
    color: #555;
    position: relative;
    z-index: 50;
}
.product_list #list .list_tab li a strong {
    position: relative;
    padding: 0 0 2px;
}
.product_list #list .list_tab li a strong:after {
    width: 100%;
    height: 1px;
    display: block;
    content: "";
    background-color: #be4f18;
    position: absolute;
    left: 0;
    bottom: -1px;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    opacity: 0;
    filter: alpha(opacity=0);
}
.product_list #list .list_tab li:hover a, .product_list #list .list_tab li.active a {
    color: #be4f18;
}
.product_list #list .list_tab li:hover strong:after, .product_list #list .list_tab li.active strong:after {
    opacity: 1;
    filter: alpha(opacity=100);
}
.product_list #list .list_tab li:hover:nth-of-type(1):before, .product_list #list .list_tab li.active:nth-of-type(1):before {
    background-image: url(../../images/icon/product_list01_on.png);
}
.product_list #list .list_tab li:hover:nth-of-type(2):before, .product_list #list .list_tab li.active:nth-of-type(2):before {
    background-image: url(../../images/icon/product_list02_on.png);
}
.product_list #list .list_tab li:hover:nth-of-type(3):before, .product_list #list .list_tab li.active:nth-of-type(3):before {
    background-image: url(../../images/icon/product_list03_on.png);
}
.product_list #list .list_tab li:hover:nth-of-type(4):before, .product_list #list .list_tab li.active:nth-of-type(4):before {
    background-image: url(../../images/icon/product_list04_on.png);
}
.product_list #list .list_tab li:hover:nth-of-type(5):before, .product_list #list .list_tab li.active:nth-of-type(5):before {
    background-image: url(../../images/icon/product_list05_on.png);
}
.product_list #list .list_tab li:hover:nth-of-type(6):before, .product_list #list .list_tab li.active:nth-of-type(6):before {
    background-image: url(../../images/icon/product_list06_on.png);
}
.product_list #list .list_tab li:hover:nth-of-type(7):before, .product_list #list .list_tab li.active:nth-of-type(7):before {
    background-image: url(../../images/icon/product_list07_on.png);
}
.product_list #list .list_tab li:hover:nth-of-type(8):before, .product_list #list .list_tab li.active:nth-of-type(8):before {
    background-image: url(../../images/icon/product_list08_on.png);
}

.product_list #list .list_tab li:nth-of-type(1):before {
    background-image: url(../../images/icon/product_list01.png);
}
.product_list #list .list_tab li:nth-of-type(2):before {
    background-image: url(../../images/icon/product_list02.png);
}
.product_list #list .list_tab li:nth-of-type(3):before {
    background-image: url(../../images/icon/product_list03.png);
}
.product_list #list .list_tab li:nth-of-type(4):before {
    background-image: url(../../images/icon/product_list04.png);
}
.product_list #list .list_tab li:nth-of-type(5):before {
    background-image: url(../../images/icon/product_list05.png);
}
.product_list #list .list_tab li:nth-of-type(6):before {
    background-image: url(../../images/icon/product_list06.png);
}
.product_list #list .list_tab li:nth-of-type(7):before {
    background-image: url(../../images/icon/product_list07.png);
}
.product_list #list .list_tab li:nth-of-type(8):before {
    background-image: url(../../images/icon/product_list08.png);
}
.product_list .list_wrap {
    width: 1180px;
    margin: 0 auto 130px;
    padding: 30px 0 0;
    border-top: 3px solid #555;
}
.product_list .list_drug>li {
    width: 280px;
    height: 510px;
    text-align: center;
    background-image: url(../../images/product/list_bg.png);
    background-repeat: no-repeat;
    background-color: #f7f6f2;
    background-position: 50% 275px;
    float: left;
    position: relative;
    margin: 0 0 30px 20px;
    -webkit-transition: background-position .4s ease;
    -moz-transition: background-position .4s ease;
    -o-transition: background-position .4s ease;
    -ms-transition: background-position .4s ease;
}
.product_list .list_drug>li:nth-of-type(4n+1) {
    margin: 0 0 30px;
}
.product_list .list_drug>li .default {
    padding: 110px 0 0;
    position: relative;
    z-index: 50;
}
.product_list .list_drug>li .default a {
    display: block;
}
.product_list .list_drug>li .default .title {
    font-size: 24px;
    padding: 17px 10px 0;
    font-weight: 500;
    font-family: Exo, sans-serif;
    color: #555;
    line-height: 30px;
}
.product_list .list_drug>li .over_info ul {
    width: 100%;
    position: absolute;
    top: 40px;
    text-align: center;
    z-index: 60;
}
.product_list .list_drug>li .over_info ul li {
    margin: 0;
    display: inline-block;
    -webkit-transform: translate(0,  15px);
    -moz-transform: translate(0,  15px);
    -ms-transform: translate(0,  15px);
    -o-transform: translate(0,  15px);
    transform: translate(0,  15px);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
.product_list .list_drug>li .over_info a {
    line-height: 26px;
    padding: 10px 10px 0;
    display: block;
    position: absolute;
    top: 411px;
    z-index: 60;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    box-sizing: border-box;
}
.product_list .list_drug>li:hover {
    background-position: 50% 600px;
}
.product_list .list_drug>li:hover .over_info li {
    margin: 0 7px;
    -webkit-transform: translate(0,  0);
    -moz-transform: translate(0,  0);
    -ms-transform: translate(0,  0);
    -o-transform: translate(0,  0);
    transform: translate(0,  0);
    opacity: 1;
    filter: alpha(opacity=100);
}
.product_list .list_drug>li:hover .over_info a {
    opacity: 1;
    filter: alpha(opacity=100);
}
#searchPopup {
    width: 667px;
    height: 667px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -283px 0 0 -333px;
    text-align: center;
    display: none;
    z-index: 400;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%}
#searchPopup #popupClose {
    width: 44px;
    height: 44px;
    display: block;
    padding: 0;
    position: absolute;
    top: 57px;
    left: 527px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 3px 8px 27px -8px #000;
    -webkit-box-shadow: 3px 8px 27px -8px #000;
    box-shadow: 3px 8px 27px -8px #000;
}
#searchPopup #popupClose img {
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
}
#searchPopup #popupClose:hover img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#searchPopup .popup_wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%}
#searchPopup .popup_wrap .title {
    height: 132px;
    font-size: 30px;
    line-height: 40px;
    background-color: #fc0;
    color: #fff;
    padding: 30px 0 0;
    box-sizing: border-box;
}
#searchPopup .popup_wrap .title strong {
    display: block;
    font-weight: 500;
}
#searchPopup .step>p {
    font-size: 24px;
    display: inline-block;
    position: relative;
    font-weight: 500;
    color: #555;
}
#searchPopup .step>p:after {
    width: 100%;
    height: 3px;
    background-color: #555;
    display: block;
    content: "";
    bottom: 0;
    position: absolute;
}
#searchPopup .step ul {
    width: 426px;
    padding: 40px 0 0;
    display: inline-block;
}
#searchPopup .step ul li {
    width: 142px;
    float: left;
}
#searchPopup .step .next {
    width: 170px;
    height: 50px;
    line-height: 46px;
    background-color: #be4f18;
    padding: 0;
    display: inline-block;
    margin: 36px 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-width: 2px;
    border-style: solid;
    border-color: #be4f18;
    background-image: url(../../images/product/next_icon.png);
    background-repeat: no-repeat;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
#searchPopup .step .next:hover {
    background-color: #fff;
    color: #555;
    border-color: #555;
    background-image: url(../../images/product/next_icon_over.png);
}
#searchPopup .step01>p {
    padding: 79px 0 12px;
}
#searchPopup .step01 ul li:nth-of-type(1) i {
    background-image: url(../../images/product/men_icon.png);
}
#searchPopup .step01 ul li:nth-of-type(2) i {
    background-image: url(../../images/product/women_icon.png);
}
#searchPopup .step01 ul li:nth-of-type(3) i {
    background-image: url(../../images/product/m_w_icon.png);
}
#searchPopup .step01 ul li:hover:nth-of-type(1) i, #searchPopup .step01 ul li.on:nth-of-type(1) i {
    background-image: url(../../images/product/men_icon_on.png);
}
#searchPopup .step01 ul li:hover:nth-of-type(2) i, #searchPopup .step01 ul li.on:nth-of-type(2) i {
    background-image: url(../../images/product/women_icon_on.png);
}
#searchPopup .step01 ul li:hover:nth-of-type(3) i, #searchPopup .step01 ul li.on:nth-of-type(3) i {
    background-image: url(../../images/product/m_w_icon_on.png);
}
#searchPopup .step01 ul li:hover i, #searchPopup .step01 ul li.on i {
    background-color: #fc0;
    border-color: #fc0;
}
#searchPopup .step01 ul li button {
    font-size: 18px;
    font-weight: 500;
    padding: 0;
}
#searchPopup .step01 ul li button i {
    width: 98px;
    height: 98px;
    display: inline-block;
    border-width: 3px;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0 0 9px;
    border-style: solid;
    border-color: #808285;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
#searchPopup .step01 ul li button p {
    line-height: 18px;
}
#searchPopup .step01 .next {
    text-indent: -20px;
    background-position: 101px 50%}
#searchPopup .step02 {
    display: none;
}
#searchPopup .step02>p {
    padding: 39px 0 12px;
}
#searchPopup .step02 ul li:nth-of-type(1) i {
    background-image: url(../../images/product/sel_icon01.png);
}
#searchPopup .step02 ul li:nth-of-type(2) i {
    background-image: url(../../images/product/sel_icon02.png);
}
#searchPopup .step02 ul li:nth-of-type(3) i {
    background-image: url(../../images/product/sel_icon03.png);
}
#searchPopup .step02 ul li:nth-of-type(4) i {
    background-image: url(../../images/product/sel_icon04.png);
}
#searchPopup .step02 ul li:nth-of-type(5) i {
    background-image: url(../../images/product/sel_icon05.png);
}
#searchPopup .step02 ul li:nth-of-type(6) i {
    background-image: url(../../images/product/sel_icon06.png);
}

#searchPopup .step02 ul li:nth-of-type(7) {display:none;}

#searchPopup .step02 ul li:hover:nth-of-type(1) i, #searchPopup .step02 ul li.on:nth-of-type(1) i {
    background-image: url(../../images/product/sel_icon01_on.png);
}
#searchPopup .step02 ul li:hover:nth-of-type(2) i, #searchPopup .step02 ul li.on:nth-of-type(2) i {
    background-image: url(../../images/product/sel_icon02_on.png);
}
#searchPopup .step02 ul li:hover:nth-of-type(3) i, #searchPopup .step02 ul li.on:nth-of-type(3) i {
    background-image: url(../../images/product/sel_icon03_on.png);
}
#searchPopup .step02 ul li:hover:nth-of-type(4) i, #searchPopup .step02 ul li.on:nth-of-type(4) i {
    background-image: url(../../images/product/sel_icon04_on.png);
}
#searchPopup .step02 ul li:hover:nth-of-type(5) i, #searchPopup .step02 ul li.on:nth-of-type(5) i {
    background-image: url(../../images/product/sel_icon05_on.png);
}
#searchPopup .step02 ul li:hover:nth-of-type(6) i, #searchPopup .step02 ul li.on:nth-of-type(6) i {
    background-image: url(../../images/product/sel_icon06_on.png);
}
#searchPopup .step02 ul li:nth-of-type(4), #searchPopup .step02 ul li:nth-of-type(5), #searchPopup .step02 ul li:nth-of-type(6) {
    margin: 20px 0 0;
}
#searchPopup .step02 ul li:hover p, #searchPopup .step02 ul li.on p {
    color: #be4f18;
}
#searchPopup .step02 ul li button {
    font-size: 18px;
    font-weight: 500;
    padding: 0;
}
#searchPopup .step02 ul li button i {
    width: 98px;
    height: 98px;
    display: inline-block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
#searchPopup .step02 ul li button p {
    line-height: 18px;
}
#searchPopup .step02 .next {
    text-indent: -20px;
    background-position: 114px 50%}
#searchPopup .step03 {
    display: none;
}
#searchPopup .step03>p {
    padding: 57px 0 12px;
}
#searchPopup .step03 .product_step {
    width: 390px;
    margin: 40px auto 0;
}
#searchPopup .step03 .product_step div {
    width: 195px;
    float: left;
    position: relative;
    font-weight: 500;
    color: #555;
    font-size: 20px;
    line-height: 26px;
}
#searchPopup .step03 .product_step div img {
    position: relative;
    z-index: 10;
}
#searchPopup .step03 .product_step div p {
    position: absolute;
    top: 237px;
    padding: 0 10px;
    font-family: Exo, sans-serif;
}
#searchPopup .step03 .product_step div a {
    padding: 0 25px;
    position: absolute;
    z-index: 5;
    background-color: #be4f18;
    display: block;
    top: 83px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
#searchPopup .step03 .product_step div:nth-of-type(1) a {
    right: 141px;
}
#searchPopup .step03 .product_step div:nth-of-type(2) a {
    left: 140px;
}
#searchPopup .step03 .product_step div .buy_link {
    top: 150px;
}
.product_view .info_wrap figure {
    width: 50%;
    /* height: 756px; */
	height: 525px;
    position: relative;
    float: left;
}
.product_view .info_wrap figure img {
    position: absolute;
    top: 93px;
    right: 107px;
    z-index: 10;
}
.product_view .info_wrap figure span {
    width: 0;
    height: 100%;
    display: block;
    position: absolute;
    background-color: #eae2f5;
    top: 0;
    right: 0;
    -webkit-transition: width 1s ease;
    -moz-transition: width 1s ease;
    -o-transition: width 1s ease;
    -ms-transition: width 1s ease;
}
.product_view .info_wrap .product_detail {
    width: 50%;
   /*  height: 756px; */
   height: 525px;
    float: right;
    position: relative;
}
.product_view .info_wrap .product_detail .price_wrap {
    width: 530px;
    padding: 100px 0 0;
    position: relative;
    margin: 0 0 0 60px;
}
.product_view .info_wrap .product_detail .price_wrap .price_info h1 {
    font-size: 22px;
    color: #555;
}
.product_view .info_wrap .product_detail .price_wrap .price_info strong {
    padding: 16px 0 0;
    font-size: 50px;
    line-height: 58px;
    color: #555;
    font-family: Exo, sans-serif;
    display: block;
    font-weight: 300;
}
.product_view .info_wrap .product_detail .price_wrap .price_info p {
    padding: 0 0 0 33px;
    line-height: 24px;
    position: relative;
    margin: 39px 0 0;
}
.product_view .info_wrap .product_detail .price_wrap .price_info p:before {
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    background-color: #fc0;
}
.product_view .info_wrap .product_detail .price_wrap .price_box {
    width: 100%;
    position: absolute;
    top: 425px;
}
.product_view .info_wrap .product_detail .price_wrap .price_box .price {
    text-align: right;
    font-size: 22px;
    font-weight: 500;
    color: #555;
}
.product_view .info_wrap .product_detail .price_wrap .price_box .price strong {
    font-family: Exo, sans-serif;
    font-size: 24px;
}
.product_view .info_wrap .product_detail .price_wrap .price_box .buy_link {
    width: 100%;
    height: 69px;
    display: block;
    background-color: #be4f18;
    color: #fff;
    text-align: center;
    line-height: 69px;
    font-size: 20px;
    text-indent: 42px;
    margin: 40px 0 0;
    background-position: 190px 50%;
    background-repeat: no-repeat;
    background-image: url(../../images/icon/buy_icon.png);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.product_view .info_wrap .product_detail .price_wrap .price_box .buy_link:hover {
    background-image: url(../../images/icon/buy_icon_over.png);
    background-color: #fc0;
    color: #808285;
}
.product_view .info_wrap .product_detail .price_wrap .price_box .store_box {
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 20px 30px;
    margin: 20px 0 0;
    background-color: #fff;
    box-sizing: border-box;
}
.product_view .info_wrap .product_detail .price_wrap .price_box .store_box p {
    line-height: 24px;
    float: left;
}
.product_view .info_wrap .product_detail .price_wrap .price_box .store_box a {
    float: right;
    line-height: 48px;
    font-weight: 500;
    color: #555;
    padding: 0 30px 0 0;
    -ms-background-position-x: 100%;
    background-position-x: 100%;
    -ms-background-position-y: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-image: url(../../images/icon/store_icon.png);
    -webkit-transition: background-position-x .2s ease;
    -moz-transition: background-position-x .2s ease;
    -o-transition: background-position-x .2s ease;
    -ms-transition: background-position-x .2s ease;
}
.product_view .info_wrap .product_detail .price_wrap .price_box .store_box a:hover {
    -ms-background-position-x: 95%;
    background-position-x: 95%;
    -ms-background-position-y: 50%;
    background-position-y: 50%}
.product_view .product_info {
    width: 1180px;
    margin: 0 auto;
}
.product_view .product_info .info_tab {
    width: 100%;
    height: 58px;
    margin: 100px auto 70px;
    background-color: #f8f8f8;
    line-height: 58px;
    text-align: center;
}
.product_view .product_info .info_tab li {
    display: inline-block;
    margin: 0 22px;
    position: relative;
    color: #808285;
}
.product_view .product_info .info_tab li:after {
    width: 100%;
    height: 1px;
    display: block;
    content: "";
    background-color: #555;
    position: absolute;
    left: 0;
    top: 41px;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    opacity: 0;
    filter: alpha(opacity=0);
}
.product_view .product_info .info_tab li button {
    font-size: 18px;
    padding: 0;
    color: #808285;
    font-weight: 500;
}
.product_view .product_info .info_tab li:hover button, .product_view .product_info .info_tab li.on button {
    color: #555;
}
.product_view .product_info .info_tab li:hover:after, .product_view .product_info .info_tab li.on:after {
    opacity: 1;
    filter: alpha(opacity=100);
}
.product_view .product_info .info_detail {
    width: 850px;
    margin: 0 auto 150px;
}
.product_view .product_info .info_detail li {
    display: none;
}
.product_view .product_info .info_detail li:first-child {
    display: block;
}
.event_list .list {
    text-align: center;
    background: url(../../images/icon/event_line.gif) 0 -40px repeat;
}
.event_list .list li {
    width: 580px;
    float: left;
    margin: 0 0 0 20px;
    padding: 39px 0 0;
}
.event_list .list li:nth-of-type(2n+1) {
    margin: 0;
}
.event_list .list li:nth-of-type(1), .event_list .list li:nth-of-type(2) {
    padding: 0;
}
.event_list .list li a {
    display: block;
    height: 325px;
    overflow: hidden;
}
.event_list .list li img {
    width: 100%}
.event_list .list li p {
    padding: 19px 0 40px;
}
.event_list .list li p strong {
    display: block;
    font-size: 22px;
    color: #555;
    padding: 0 30px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.event_list .no_list {
    text-align: center;
    background: url(../../images/icon/list_no_icon.png) 50% 100px #f8f8f8 no-repeat;
    padding: 215px 0 100px;
}
.event_list .no_list strong {
    font-size: 30px;
    color: #555;
}
.event_list .no_list p {
    font-size: 18px;
    padding: 20px 0 0;
}
.no_list_search {
    text-align: center;
    background: url(../../images/icon/list_no_search_icon.png) 50% 100px #f8f8f8 no-repeat;
    padding: 215px 0 100px;
    margin: 50px 0 0;
}
.no_list_search strong {
    font-size: 30px;
    color: #555;
}
.offline_olive {
    width: 100% !important;
    margin: 0 auto !important;
    height: 600px;
    background: url(../../images/store/break_img.jpg) 50% 50% no-repeat;
}
.offline .search_wrap {
    height: 46px;
    position: relative;
    font-size: 18px;
    text-align: center;
}
.offline .search_wrap select {
    width: 194px;
    height: 46px;
    background: url(../../images/icon/print_select_dot.png) 163px 50% no-repeat #f8f8f8;
    border: 1px solid #dedee1;
    margin: 0 12px 0 0;
}
.offline .search_wrap .submit_wrap {
    position: relative;
    display: inline-block;
}
.offline .search_wrap .submit_wrap input[type=text] {
    width: 360px;
    background-color: #f8f8f8;
    height: 42px;
    border: 1px solid #dedee1;
}
.offline .search_wrap .submit_wrap input[type=text]::-webkit-input-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.offline .search_wrap .submit_wrap input[type=text]::-moz-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.offline .search_wrap .submit_wrap input[type=text]:-ms-input-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.offline .search_wrap .submit_wrap input[type=text]:-moz-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.offline .search_wrap .submit_wrap input[type=submit] {
    width: 18px;
    height: 18px;
    top: 14px;
    right: 17px;
    position: absolute;
    background: url(../../images/icon/print_search_dot.png) 50% 50% no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}
.offline .list_num {
    font-size: 18px;
    padding: 40px 0 30px;
}
.offline .list_num strong {
    color: #be4f18;
}
.offline #list {
    padding: 30px 0 0;
    border-top: 3px solid #555;
}
.offline #list .address_wrap {
    width: 480px;
    margin: 0 50px 0 0;
    float: left;
}
.offline #list .address_wrap li {
    padding: 0 0 30px 30px;
    margin: 30px 0 0;
    border-bottom: 1px solid #dadada;
    position: relative;
}
.offline #list .address_wrap li:first-child {
    padding: 0 0 30px 30px;
    margin: 0;
}
.offline #list .address_wrap li a {
    display: inline-block;
    position: relative;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
    color: #555;
}
.offline #list .address_wrap li a:hover:after, .offline #list .address_wrap li a.active:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.offline #list .address_wrap li a:after {
    width: 100%;
    height: 2px;
    display: block;
    content: "";
    position: absolute;
    bottom: 1px;
    background-color: #555;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
}
.offline #list .address_wrap li p, .offline #list .address_wrap li address {
    line-height: 18px;
    padding: 0 0 0 32px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}
.offline #list .address_wrap li p {
    background-image: url(../../images/icon/tel_icon.png);
    margin: 18px 0 0;
}
.offline #list .address_wrap li address {
    background-image: url(../../images/icon/map_icon.png);
    margin: 15px 0 0;
}
.offline #list .address_wrap li button {
    padding: 0 20px;
    position: absolute;
    height: 40px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    color: #555;
    right: 0;
    top: 0;
    font-weight: 500;
    line-height: 34px;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.offline #list .address_wrap li button:hover {
    border-color: #fc0;
    background-color: #fc0;
    color: #fff;
}
.offline #list #mapWrap {
    width: 650px;
    height: 715px;
    float: right;
    background-color: #dadada;
}
#snsPopup {
    width: 460px;
    height: 346px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -180px 0 0 -173px;
    display: none;
    z-index: 400;
    opacity: 0;
    filter: alpha(opacity=0);
}
#snsPopup .popup_title {
    height: 64px;
    line-height: 64px;
    background-color: #fc0;
    padding: 0 30px;
    font-size: 20px;
    color: #fff;
}
#snsPopup .popup_title p {
    float: left;
}
#snsPopup .popup_title button {
    float: right;
    padding: 25px 0 0;
}
#snsPopup .sns_write {
    text-align: center;
    font-size: 18px;
    padding: 50px 0 0;
}
#snsPopup .sns_write div {
    padding: 30px 0 0;
}
#snsPopup .sns_write div input[type=text] {
    width: 90px;
    height: 46px;
    border-color: #dedee1;
    background-color: #f8f8f8;
    margin: 0 10px;
}
#snsPopup .sns_write input[type=submit] {
    margin: 40px 0 0;
    width: 143px;
    height: 50px;
    color: #fff;
    background-color: #be4f18;
    font-size: 18px;
    cursor: pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.page_wrap {
    text-align: center;
    margin: 30px 0 0;
    font-family: Exo, sans-serif;
    line-height: 32px;
    font-size: 15px;
}
.page_wrap .page_num a {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-style: solid;
    border-color: #dadada;
    border-width: 1px;
    margin: 0 3px;
    vertical-align: middle;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.page_wrap .page_num a:hover, .page_wrap .page_num a.active {
    color: #555;
    border-color: #555;
}
.page_wrap .page_num a.first {
    background: url(../../images/icon/page_first.gif) 50% 50% no-repeat;
}
.page_wrap .page_num a.prev {
    background: url(../../images/icon/page_prev.gif) 50% 50% no-repeat;
    margin: 0 20px 0 0;
}
.page_wrap .page_num a.next {
    background: url(../../images/icon/page_next.gif) 50% 50% no-repeat;
    margin: 0 0 0 20px;
}
.page_wrap .page_num a.last {
    background: url(../../images/icon/page_last.gif) 50% 50% no-repeat;
}
.online {
    width: 100% !important;
}
.online .online_wrap {
    background-color: #fc0;
    text-align: center;
}
.online ul {
    width: 1206px;
    margin: 50px auto 0;
}
.online ul li {
    float: left;
    margin: 20px 0 0 25px;
}
.faq ul {
    margin: 40px 0 0;
    border-top: 3px solid #555;
}
.faq ul li {
    height: 80px;
    border-bottom: 1px solid #dadada;
    overflow: hidden;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
}
.faq ul li:hover, .faq ul li.active {
    background-color: #f8f8f8;
}
.faq ul li:hover button, .faq ul li.active button {
    font-weight: 500;
}
.faq ul li.active button {
    background-image: url(../../images/icon/contact_dot_on.png);
}
.faq ul li button {
    width: 100%;
    height: 81px;
    font-size: 20px;
    color: #555;
    line-height: 80px;
    text-align: left;
    padding: 0 0 0 30px;
    background-repeat: no-repeat;
    background-position: 1126px 50%;
    background-image: url(../../images/icon/contact_dot.png);
    border-bottom: 1px solid #dadada;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.faq ul li .answer {
    padding: 40px 30px 25px 95px;
    font-size: 18px;
    line-height: 28px;
    position: relative;
}
.faq ul li .answer:before {
    width: 47px;
    height: 47px;
    content: "";
    display: block;
    position: absolute;
    left: 30px;
    top: 30px;
    background: url(../../images/icon/answer_icon.png) 50% 50% no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%}
.consulting_wrap {
    height: 130px;
    border: 1px solid #dadada;
    background: url(../../images/icon/contact_icon01.gif) 338px 50% no-repeat;
    text-align: center;
    text-indent: 80px;
}
.consulting_wrap h1 {
    font-size: 26px;
    font-weight: 300;
    color: #555;
    padding: 30px 0 18px;
}
.consulting_wrap h1 strong {
    font-family: Exo, sans-serif;
    font-size: 32px;
    letter-spacing: 2px;
    color: #fc0;
}
.question .terms_box {
    margin: 40px 0;
    border: 1px solid #dadada;
    background-color: #f8f8f8;
    line-height: 26px;
    position: relative;
}
.question .terms_box:after {
    width: 1160px;
    height: 30px;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #f8f8f8;
}
.question .terms_box .txt_box {
    overflow-y: scroll;
    padding: 30px 30px 60px;
    height: 225px;
}
.question .terms_box .title {
    color: #555;
    font-weight: 500;
    font-size: 18px;
}
.question .terms_box .caution01 {
    text-decoration: underline;
    font-size: 22px;
    font-weight: 500;
}
.question .agree_wrap {
    width: 820px;
    margin: 0 auto;
    padding: 10px 0;
    line-height: 28px;
    text-align: left;
}
.question .agree_wrap p {
    width: 510px;
    float: left;
}
.question .agree_wrap fieldset {
    width: 310px;
    float: left;
}
.question .agree_wrap fieldset legend {
    text-indent: -9999px;
}
.question .agree_wrap fieldset div {
    display: inline-block;
    position: relative;
}
.question .agree_wrap fieldset div:first-child {
    width: 140px;
}
.question .agree_wrap fieldset div input[type=radio] {
    width: 0;
    height: 0;
    overflow: hidden;
}
.question .agree_wrap fieldset div label {
    padding: 0 0 0 37px;
}
.question .agree_wrap fieldset div label:before {
    width: 28px;
    height: 28px;
    display: block;
    content: "";
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 1px solid #be4f18;
    position: absolute;
    top: 1px;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.question .agree_wrap fieldset div input[type=radio]:checked+label:before {
    background-image: url(../../images/icon/agree_icon.gif);
}
.question .table_wrap {
    margin: 40px 0 0;
}
.question .table_wrap table {
    border-top: 3px solid #555;
    border-bottom: 1px solid #555;
    font-size: 18px;
}
.question .table_wrap tr th {
    background-color: #fc0;
    border-top: 1px solid #fce38e;
    padding: 0 0 0 30px;
    color: #be4f18;
    font-weight: 500;
    text-align: left;
}
.question .table_wrap tr td {
    border-top: 1px solid #dadada;
    padding: 15px 30px;
}
.question .table_wrap tr td input[type=text], .question .table_wrap tr td select {
    height: 46px;
    background-color: #f8f8f8;
    font-size: 18px;
}
.question .table_wrap tr td input[type=text].w410, .question .table_wrap tr td select.w410 {
    width: 410px;
}
.question .table_wrap tr td input[type=text].w184, .question .table_wrap tr td select.w184 {
    width: 184px;
}
.question .table_wrap tr td input[type="text"] {
    box-sizing: border-box;
}
.question .table_wrap tr td select {
    background: url(../../images/icon/print_select_dot.png) 95% 50% no-repeat #f8f8f8;
}
.question .table_wrap tr td textarea {
    height: 235px;
    background-color: #f8f8f8;
    border: 1px solid #dadada;
    resize: none;
    font-size: 18px;
    padding: 15px;
    box-sizing: border-box;
}
.question .table_wrap tr td .w90 {
    width: 88px;
}
.question .table_wrap tr td .w100 {
    width: 100%}
.question .table_wrap tr td p {
    padding: 15px 0 0;
}
.question .table_wrap .submit_wrap {
    text-align: center;
    padding: 30px 0 0;
}
.question .table_wrap .submit_wrap input[type=submit] {
    width: 110px;
    height: 58px;
    background-color: #be4f18;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #be4f18;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.question .table_wrap .submit_wrap input[type=submit]:hover {
    color: #be4f18;
    background-color: #fff;
}
.email_reject, .terms, .privacy {
    width: 1180px;
    margin: 0 auto 150px;
}
.email_reject .terms_box, .terms .terms_box, .privacy .terms_box {
    padding: 30px;
    background-color: #f8f8f8;
    border: 1px solid #dadada;
    line-height: 26px;
}
.email_reject .terms_box span, .terms .terms_box span, .privacy .terms_box span {
    font-size: 18px;
}
.email_reject .terms_box strong, .terms .terms_box strong, .privacy .terms_box strong {
    color: #555;
}
.email_reject .terms_step dl, .terms .terms_step dl, .privacy .terms_step dl {
    padding: 45px 0 0;
}
.email_reject .terms_step dl:first-child, .terms .terms_step dl:first-child, .privacy .terms_step dl:first-child {
    padding: 55px 0 0;
}
.email_reject .terms_step dl dt, .terms .terms_step dl dt, .privacy .terms_step dl dt {
    font-size: 20px;
    font-weight: 500;
    color: #555;
}
.email_reject .terms_step dl dd, .terms .terms_step dl dd, .privacy .terms_step dl dd {
    line-height: 26px;
    padding: 20px 0 0;
}
.email_reject .terms_step .caution, .terms .terms_step .caution, .privacy .terms_step .caution {
    padding: 45px 0 0;
}
.email_reject .terms_step .caution strong, .terms .terms_step .caution strong, .privacy .terms_step .caution strong {
    display: block;
    padding: 0 0 15px;
}
input[type=text], select, textarea {
    outline: none;
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
}
input[type=text]:focus, select:focus, textarea:focus {
    border-color: #be4f18 !important;
}
#skipNav {
    position: absolute;
    top: -500px;
    overflow: hidden;
}
#container {
    padding: 99px 0 0;
}
img {
    vertical-align: top;
    image-rendering: -webkit-optimize-contrast;
}
#location {
    width: 1180px;
    margin: 0 auto;
}
#location .sub_nav {
    padding: 29px 0 0;
    color: #696a6d;
    font-weight: 500;
}
#location .sub_nav li {
    float: left;
    padding: 0 10px 0 18px;
    background: url(../../images/icon/sub_location_dot.png) 0 3px no-repeat;
}
#location .sub_nav li:first-child {
    padding: 0 10px 0 0;
}
#location .sub_nav li.current {
    color: #555;
    padding: 0 0 0 18px;
}
#location h3 {
    padding: 52px 0 70px;
    text-align: center;
    font-size: 38px;
    font-weight: 500;
    color: #555;
}
#rightQuick {
    position: fixed;
    left: 50%;
    margin: 0 0 0 620px;
    top: 199px;
    text-indent: -9999px;
}
#rightQuick ul {
    position: relative;
    border-top: 1px solid #555;
    margin: 50px 0 0;
}
#rightQuick ul:before {
    width: 1px;
    height: 56px;
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    left: 20px;
    background-color: #555;
}
#rightQuick ul li a {
    width: 40px;
    height: 40px;
    display: block;
    background-color: #fff;
    border: 1px solid #555;
    border-top: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    box-sizing: border-box;
}
#rightQuick ul li a.sns01 {
    background-image: url(../../images/icon/q_face.png);
}
#rightQuick ul li a.sns02 {
    background-image: url(../../images/icon/q_twi.png);
}
#rightQuick ul li a.sns03 {
    background-image: url(../../images/icon/q_instar.png);
}
#rightQuick ul li a:hover {
    background-color: #555;
}
#rightQuick ul li a:hover.sns01 {
    background-image: url(../../images/icon/q_face_on.png);
}
#rightQuick ul li a:hover.sns02 {
    background-image: url(../../images/icon/q_twi_on.png);
}
#rightQuick ul li a:hover.sns03 {
    background-image: url(../../images/icon/q_instar_on.png);
}
#rightQuick button {
    width: 100%;
    font-size: 13px;
    font-family: Exo, sans-serif;
    color: #222;
    font-weight: 500;
    text-align: center;
    padding: 10px 0 0;
}
.contents_wrap {
    width: 1180px;
    margin: 0 auto 150px;
}



/*20200804*/
.offline_new .search_wrap {
    height: 46px;
    position: relative;
    font-size: 18px;
    text-align: center;
}
.offline_new .search_wrap select {
    width: 194px;
    height: 46px;
    background: url(../../images/icon/print_select_dot.png) 163px 50% no-repeat #f8f8f8;
    border: 1px solid #dedee1;
    margin: 0 12px 0 0;
}
.offline_new .search_wrap .submit_wrap {
    position: relative;
    display: inline-block;
}
.offline_new .search_wrap .submit_wrap input[type=text] {
    width: 360px;
    background-color: #f8f8f8;
    height: 42px;
    border: 1px solid #dedee1;
}
.offline_new .search_wrap .submit_wrap input[type=text]::-webkit-input-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.offline_new .search_wrap .submit_wrap input[type=text]::-moz-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.offline_new .search_wrap .submit_wrap input[type=text]:-ms-input-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.offline_new .search_wrap .submit_wrap input[type=text]:-moz-placeholder {
    color: #555;
    line-height: auto;
    font-size: 18px;
}
.offline_new .search_wrap .submit_wrap input[type=submit] {
    width: 18px;
    height: 18px;
    top: 14px;
    right: 17px;
    position: absolute;
    background: url(../../images/icon/print_search_dot.png) 50% 50% no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}
.offline_new .list_num {
    font-size: 18px;
    padding: 40px 0 30px;
}
.offline_new .list_num strong {
    color: #be4f18;
}
.offline_new #list {
    padding: 30px 0 0;
    border-top: 3px solid #555;
}
.offline_new #list .address_wrap {
    width: 480px;
    margin: 0 50px 0 0;
    float: left;
}
.offline_new #list .address_wrap li {
    padding: 0 0 30px 30px;
    margin: 30px 0 0;
    border-bottom: 1px solid #dadada;
    position: relative;
}
.offline_new #list .address_wrap li:first-child {
    padding: 0 0 30px 30px;
    margin: 0;
}
.offline_new #list .address_wrap li a {
    display: inline-block;
    position: relative;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
    color: #555;
}
.offline_new #list .address_wrap li a:hover:after, .offline_new #list .address_wrap li a.active:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.offline_new #list .address_wrap li a:after {
    width: 100%;
    height: 2px;
    display: block;
    content: "";
    position: absolute;
    bottom: 1px;
    background-color: #555;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
}
.offline_new #list .address_wrap li p, .offline_new #list .address_wrap li address {
    line-height: 18px;
    padding: 0 0 0 32px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}
.offline_new #list .address_wrap li p {
    background-image: url(../../images/icon/tel_icon.png);
    margin: 18px 0 0;
}
.offline_new #list .address_wrap li address {
    background-image: url(../../images/icon/map_icon.png);
    margin: 15px 0 0;
}
.offline_new #list .address_wrap li button {
    padding: 0 20px;
    position: absolute;
    height: 40px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    color: #555;
    right: 0;
    top: 0;
    font-weight: 500;
    line-height: 34px;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.offline_new #list .address_wrap li button:hover {
    border-color: #fc0;
    background-color: #fc0;
    color: #fff;
}
.offline_new #list #mapWrap {
    width: 650px;
    height: 715px;
    float: right;
    background-color: #dadada;
}


/*20200902*/
.online_new {
    width: 100% !important;
}
.online_new .online_wrap {
    background-color: #fc0;
    text-align: center;
}
.online_new ul {
    width: 1206px;
    margin: 50px auto 0;
}
.online_new ul li {
    float: left;
    margin: 20px 0 0 25px;
}