@import url('/wp-content/themes/theborn/fonts/NanumbarunGothic/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500,700,900');
@import url('/wp-content/themes/theborn/fonts/NanumSquare/nsquare.css');

.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}


#wrapper {
    width: 100%;
    height: 100%;
    font-family: 'NanumBarunGothic';
}

#wrapper .main_slider{position:relative; max-width:1920px; margin:0 auto;}

#header_wrap {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.header {
    width: 1109px;
    margin: 0 auto;
    padding: 28px 0 27px;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.header.sticky {
    padding: 11px 0 10px;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.header.sticky .drop_m {
    top: 56px;
}

.header::after {
    display: block;
    content: '';
    width: 100%;
    clear: both;
}

.header>h1 {
    float: left;
    width: 135px;
    height: 35px;
}

.header>.gnb {
    float: left;
    padding: 5px 100px;
}

.header>.gnb::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.header .menu-menu-1-container {
    float: left;
}

.header>.gnb ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.header>.gnb .menu-menu-1-container ul>li {
    float: left;
    margin-right: 50px;
}

.header>.gnb li>a {
    font-size: 16px;
    color: #333333;
    /*padding: 28px 0 38px;*/
}

.drop_m {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    display: none;
}

.drop_m>div>ul::after {
    content: '';
    display: block;
    clear: both;
}

.drop_m .com_intro {
    float: right;
    margin-right: 84px;
    padding-left: 40px;
    border-left: 1px dotted #cccccc;
}

.drop_m .com_intro>a::after {
    display: inline-block;
    content: '';
    width: 11px;
    height: 12px;
    background: url(../images/down_icon.png) no-repeat right center;
    vertical-align: bottom;
    margin: 0 0 1px 6px;
}

.drop_m>div::after {
    display: block;
    content: '';
    width: 100%;
    clear: both;
}

.drop_m>div {
    width: 1109px;
    margin: 0 auto;
    padding: 25px 0 45px;
    border-top: 1px solid #d60514;
}

.drop_m>div>p {
    float: left;
    font-size: 17px;
    line-height: 24px;
    color: #373737;
    font-weight: 300;
    width: 139px;
}

.drop_m ul::after {
    display: block;
    content: '';
    width: 100%;
    clear: both;
}

.drop_m ul>li {
    float: left;
}

.drop_m ul>li:nth-child(n+1):nth-child(-n+6) {
    margin-left: 59px;
}

.drop_m ul>li:nth-child(6) {
    margin-right: 39px;
}

.drop_m ul>li>a {
    display: block;
    font-size: 13px;
    color: #666666;
    text-align: center;
}

.drop_m ul>li span {
    display: block;
    margin-bottom: 10px;
}

.drop_m ul>li>a:hover {
    color: #e61e26;
}

.ui {
    float: right;
    margin-top: -5px;
}

.search_wrap {
    float: left;
    margin: 0 13px 0 75px;
}

.search_wrap .search_btn {
    display: inline-block;
    padding: 5px 0;
    cursor: pointer;
}

.search_wrap .search_btn>i {
    color: #b5b5b5;
    transform_input: rotate(15deg);
    -webkit-transform_input: rotate(15deg);
    -moz-transform_input: rotate(15deg);
}

.search_wrap .search_form {
    position: fixed;
    top: 160px;
    width: 100%;
    left: 0;
    display: none;
    z-index: 99;
}

.search_form>div {
    width: 1110px;
    margin: 0 auto;
    background: #fff;
    padding: 62px 0 63px;
    position: relative;
}

.search_form>div>div {
    width: 600px;
    margin: 0 auto;
    padding-bottom: 7px;
    border-bottom: 1px solid #d0d0d0;
}

.search_form>div>div::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.search_form .search_input {
    width: 93%;
    float: left;
    text-align: center;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    color: #666666;
    border: 0;
}

 ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #666666;
    opacity: 1;
}

 :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666666;
    opacity: 1;
}

 ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666666;
    opacity: 1;
}

 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #666666;
    opacity: 1;
}

.search_form .submit_btn {
    float: right;
    cursor: pointer;
    padding-right: 5px;
}

.search_form .submit_btn>i {
    color: #d60514;
    font-size: 1.5em;
    transform_input: rotate(15deg);
    -webkit-transform_input: rotate(15deg);
    -moz-transform_input: rotate(15deg);
}

.search_form .close_btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
}

.header>.gnb .langs {
    position: relative;
    display: none;
}

.header>.gnb .langs>div {
    position: absolute;
    z-index: 10;
    border: 1px solid #c0c0c0;
    border-radius: 20px;
    padding: 2px 7px;
    background: #fff;
    display: inline-block;
    margin-top: 2px;
    right: -100px;
}

.header>.gnb .langs span {
    display: inline-block;
    vertical-align: middle;
}

.header>.gnb .langs span>img {
    margin-top: 1px
}

.header>.gnb .langs ul {
    display: inline-block;
    vertical-align: middle;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.header>.gnb .langs:hover li:last-child {
    display: block;
}

.header>.gnb .langs ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.header>.gnb .langs ul>li {
    float: left;
    margin-left: 0 !important;
}

.header>.gnb .langs ul>li:last-child {
    display: none;
}

.header>.gnb .langs ul>li:last-child::before {
    display: inline-block;
    content: '|';
    color: #cccccc;
    font-size: 10px;
    padding: 0 3px;
}

.header>.gnb .langs ul>li>a {
    font-size: 11px;
    color: #999999;
    font-weight: 900;
}

.header>.gnb .langs ul>.on>a {
    color: #d60514;
}


/*mainslider*/

.ms_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 60px;
}

.mst_wrap {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bx-wrapper {
    -webkit-box-shadow: 0 !important;
    box-shadow: 0 !important;
    border: none !important;
    margin-bottom: 0 !important;
}

.ms_wrap .bx-wrapper .bx-pager, .ms_wrap .bx-wrapper .bx-controls-auto {
    padding-top: 0;
    bottom: 0;
    width: 32px;
    top: 279px;
    left: 21%;
    height: 23px;
}

.mst_wrap>.txt_slider {
    width: 1109px;
    margin: 0 auto;
    padding-top: 80px;
}

.txt_slider>div .tit {
    font-size: 38px;
    line-height: 55px;
    font-weight: 300;
    margin-bottom: 6px;
}

.txt_slider>div p {
    font-size: 16px;
    line-height: 22px;
    color: #23313e;
}

.txt_slider>div .tit>span {
    font-size: 47px;
    font-weight: 400;
    display: block;
}

.slider_btn {
    position: absolute;
    top: 270px;
    left: 21%;
    width: 169px;
    height: 31px;
    border: 1px solid #596570;
    display: block;
}

.slider_btn>.num {
    width: 31px;
    height: 22px;
    border-right: 1px solid #596570;
    font-size: 12px;
    text-align: center;
    padding: 9px 0 0;
    color: #333e48;
}

.slider_btn>p {
    display: inline-block;
    vertical-align: top;
}

.slider_btn>.prev, .slider_btn>.next {
    width: 31px;
    height: 31px;
    border-right: 1px solid #596570;
}

.slider_btn>p>a {
    display: block;
    padding: 3px 0;
    text-align: center;
    width: 29px;
    margin: 2px 0 0;
}

.slider_btn>p>div>div {
    display: inline-block;
    vertical-align: top;
    width: 31px;
    height: 31px;
    border-right: 1px solid #596570;
}

.slider_btn>p>div>div:last-child {
    border-right: 0;
}

.slider_btn>p>div a {
    display: block;
    padding: 5px 0;
    text-align: center;
    width: 28px;
    margin-top: 2px;
}

.slider_btn>p>div>div:last-child a {
    margin-left: 2px;
}

.slider_btn>p>div a i {
    font-size: .9em;
}

.slider_btn>p i {
    color: #333e48;
    font-size: 1.4em;
}

.slider_btn a:hover {
    background: rgba(51, 62, 72, 0.8);
}

.slider_btn a:hover i {
    color: #fff;
}


/**/

.mn_content {
    width: 100%;
}

.mn_content>ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.mn_content>ul>li {
    width: 25%;
    height: 143px;
    float: left;
    position: relative;
}

.mn_content>ul>li>div {
    padding: 38px 40px 20px;
    color: #fff;
}

.mn_content>ul>li:nth-child(odd) {
    background-color: #415b6a;
}

.mn_content>ul>li:nth-child(even) {
    background-color: #a73232;
}

.mn_content>ul>li:first-child {
    background-image: url('/wp-content/uploads/2017/05/theborn_icon.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}

.mn_content>ul>li:nth-child(2) {
    background-image: url(../images/cont_bg02.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.mn_content>ul>li:nth-child(3) {
    background-image: url('/wp-content/uploads/2017/05/store_icon.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}
.mn_content>ul>li:nth-child(4) {
    background-image: url('../images/cont_bg04.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}


.mn_content>ul>li>div>.category {
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
}

.mn_content>ul>li:last-child>div .more_btn {
    margin-top: 10px;
    cursor: pointer;
}

.mn_content>ul>li>div dt {
    font-size: 22px;
    line-height: 22px;
}

.mn_content>ul>li>div dd {
    font-size: 14px;
    margin-top: 10px;
}

.mn_content>ul>li>div>.more_btn {
    float: right;
    font-size: 17px;
    color: #fff;
}

.mn_content>ul>li>div span {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 90px;
}

.quick {
    width: 100%;
    background: #f0f0f0;
    padding: 17px 0 16px;
}

.quick>div {
    width: 1114px;
    margin: 0 auto;
}

.quick>div::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.quick .news {
    float: left;
}

.quick .quick_m {
    float: right;
}

.quick .news .category {
    border: 1px solid #d60514;
    font-size: 11px;
    color: #d60514;
    display: inline-block;
    padding: 1px 3px 0;
    vertical-align: top;
    margin-right: 11px;
}

.quick .news p:last-child {
    display: inline-block;
    vertical-align: top;
}

.quick .news p:last-child a {
    font-size: 13px;
    color: #666666;
    display: inline-block;
    margin-right: 12px;
    word-break: keep-all;
}

.quick .news p:last-child>span {
    color: #999999;
    font-size: 13px;
}

.quick .quick_m ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.quick .quick_m ul>li {
    float: left;
}

.quick .quick_m ul>li>a {
    font-size: 13px;
    color: #666666;
}

.quick .quick_m ul>li>a img {
    vertical-align: middle;
    margin-right: 4px;
}

.quick .quick_m ul>li:nth-child(2)::after, .quick .quick_m ul>li:nth-child(4)::after {
    display: inline-block;
    content: '';
    width: 2px;
    height: 2px;
    background: #acacac;
    vertical-align: middle;
    margin: -1px 20px 0;
}

/*footer*/

.footer_wrap {
    width: 100%;
    padding: 30px 0 110px;
    background: #fff;
}

.footer {
    width: 1109px;
    margin: 0 auto;
}

.footer::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.footer>h1 {
    float: left;
    margin-right: 92px;
}

.footer>div {
    float: left;
}

.footer>.brand-site {
    float: right;
    position: relative;
}

.footer .brand-site select {
	font-size: 13px;
    color: #606060;
    padding: 8px;
	height:auto;
}

.footer>.brand-site>.select_box {
    background: #fbfbfb;
    border: 1px solid #c9c9c9;
    width: 174px;
    cursor: pointer;
    margin-top: 38px;
    position: relative;
}

.footer>.brand-site>.select_box::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: transparent transparent #a1a1a1 transparent;
    position: absolute;
    right: 13px;
    top: 8px;
}

.footer>.brand-site>.select_box.active::after {
    border-color: #dddddd transparent transparent transparent;
    top: 14px;
}

.footer>.brand-site>.select_box>p {
    font-size: 13px;
    color: #a1a1a1;
    padding: 8px 10px;
}

.footer>.brand-site>.br_site_list {
    position: absolute;
    bottom: 64px;
    right: -210px;
    width: 713px;
    height: 179px;
    background: #eeeeee;
    border-radius: 10px;
    padding: 36px 33px 34px;
    border: 1px solid #cacaca;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    display: none;
}

.footer>.brand-site>.br_site_list>.headline::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.footer>.brand-site>.br_site_list>.headline>p {
    float: left;
    font-size: 18px;
    letter-spacing: -0.25px;
    color: #444444;
}

.footer>.brand-site>.br_site_list>.headline>a {
    float: right;
    font-size: 14px;
    letter-spacing: -0.25px;
    font-weight: 300;
    color: #888888;
    position: relative;
    padding-right: 15px;
}

.footer>.brand-site>.br_site_list>.headline>a::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: transparent transparent transparent #b5b5b5;
    position: absolute;
    right: 0;
    top: 0;
}

.footer>.brand-site>.br_site_list::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border: 17px solid transparent;
    border-color: #eeeeee transparent transparent transparent;
    position: absolute;
    bottom: -34px;
    right: 293px;
}

.footer>.brand-site>.br_site_list>ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.footer>.brand-site>.br_site_list>ul>li {
    float: left;
    width: 164px;
    height: 61px;
    border-radius: 2px;
    background: #fff;
    margin: 19px 19px 0 0;
    display: table;
    text-align: center;
}

.footer>.brand-site>.br_site_list>ul>li>a {
    display: table-cell;
    vertical-align: middle;
}

.footer>.brand-site>.br_site_list>ul>li>a>img {
    height: 24px;
    width: auto;
}

.footer>.brand-site>.br_site_list>ul>li.born_logo>a>img {
    height: 48px;
    width: auto;
}

.footer>.brand-site>.br_site_list>ul>li:nth-child(4n) {
    margin-right: 0;
}

.footer>div>ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.footer>div>ul>li {
    float: left;
}

.footer>div>ul>li::after {
    display: inline-block;
    content: '|';
    font-size: 10px;
    color: #cccccc;
    vertical-align: middle;
    margin: 0 10px;
}

.footer>div>ul>li:last-child::after {
    display: none;
}

.footer>div>ul>li>a {
    font-size: 13px;
    color: #666666;
}

.footer>div>ul>li:first-child>a {
    color: #333333;
}

.footer>div>p:nth-child(2) {
    margin: 10px 0 8px;
    font-size: 12px;
    line-height: 20px;
    color: #666666;
    word-break: keep-all;
}

.footer>div>p:nth-child(2)>span.bar {
    color: #cccccc;
    margin: 0 8px;
}

.footer>div>p:last-child {
    font-size: 11px;
    color: #999999;
}


/*commen*/

.section_wrap {
    font-family: 'Noto Sans KR', Helvetica, AppleSDGothicNeo, sans-serif;
    border-bottom: 2px solid #d60514;
    position: relative;
}

.to_top {
    cursor: pointer;
    width: 42px;
    text-align: center;
    padding: 9px 0 7px;
    background: #d60514;
    position: fixed;
    bottom: 0;
    right: 15%;
    display: none;
}

.sub_header {
    width: 100%;
    height: 320px;
    display: table;
    text-align: center;
    margin-top: 74px;
}

.sub_header>div {
    display: table-cell;
    vertical-align: middle;
}

.sub_header>div>.company {
    display: inline-block;
    width: 215px;
    background: #6c271e;
    font-size: 13px;
    letter-spacing: 5px;
    padding: 4px 0;
    color: #fff;
}

.sub_header>div>.sub_tit {
    font-size: 47px;
    line-height: 55px;
    color: #fff;
    margin-top: 17px;
}

.sub_header>div>.sub_tit::after {
    display: block;
    content: '';
    width: 50px;
    height: 1px;
    color: #fff;
    margin: 15px auto;
    background: #fff;
}

.sub_header>div>.caption {
    color: #ededed;
    font-size: 16px;
    line-height: 24px;
    word-break: keep-all;
}

.section_wrap>.section {
    width: 1110px;
    margin: 0 auto;
    padding: 38px 0 140px;
}

.section_wrap>.tabMenu {
    width: 100%;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.tabMenu>ul::after {
    display: block;
    content: '';
    width: 100%;
    clear: both;
}

.tabMenu>.cols_04, .tabMenu>.cols_03, .tabMenu>.cols_02 {
    width: 1100px;
}

.tabMenu>.cols_05 {
    width: 1000px;
}

.tabMenu>.cols_06 {
    width: 1000px;
}

@media screen and (max-width: 1000px) {
  .tabMenu>.cols_05 {
      width: 100%;
  }
  .tabMenu>.cols_06 {
      width: 100%;
  }
}

.tabMenu>.cols_01 {
    width: 1110px;
}

.tabMenu>ul {
    margin: 0 auto;
}

.tabMenu>ul>li {
    float: left;
    text-align: center;
    position: relative;
}

.tabMenu>.cols_05>li {
    width: 20%;
}

.tabMenu>.cols_06>li {
    width: 16.66%;
}

@media screen and (max-width: 767px) {
  .tabMenu>.cols_05>li {
      width: 33.3%;
  }
  .tabMenu>.cols_06>li {
      width: 33.3%;
  }
}

.tabMenu>.cols_04>li {
    width: 275px;
}

.tabMenu>.cols_03>li {
    width: 366px;
}

.tabMenu>.cols_02>li {
    width: 550px;
}

.tabMenu>.cols_01>li {
    width: 100%;
}

.tabMenu>ul>li a::before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    background: #d9d9d9;
    position: absolute;
    top: 27px;
    right: 0;
}

.tabMenu>ul>li:last-child a::before {
    display: none;
}

.tabMenu>ul>li>a {
    display: block;
    padding: 20px 0 18px;
    color: #484848;
    font-size: 16px;
    font-weight: 300;
}

.tabMenu>ul>li .on {
    color: #d60514;
    font-weight: 500;
}

.tabMenu>ul>li .on::after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #d60514;
    position: absolute;
    bottom: -1px;
}

.location::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.location {
    margin-bottom: 37px;
}

.location ul {
    float: right;
}

.location ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.location ul>li {
    float: left;
    font-size: 13px;
    color: #999999;
}

.location ul>li img {
    margin-top: 3px;
}

.location ul>li::after {
    display: inline-block;
    content: '\f105 ';
    font-family: 'FontAwesome';
    color: #919191;
    margin: 0 5px 0 4px;
}

.location ul>li:last-child::after {
    display: none;
}

.desc_h3 {
    font-family: 'Exo 2', sans-serif;
    font-size: 28px;
    letter-spacing: 15px;
    color: #444444;
    font-weight: 700;
    text-align: center;
}

.desc_h3>span {
    color: #df2d34;
}

.desc_h4 {
    font-size: 26px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #404040;
    font-family: 'Noto Sans KR', Helvetica, AppleSDGothicNeo, sans-serif;
    font-weight: 400;
    text-align: center;
}

.desc_h4::after {
    display: block;
    content: '';
    width: 1px;
    height: 30px;
    background: #999999;
    margin: 21px auto 29px;
}

.tit_caption {
    -webkit-font-feature-settings: 14px;
    font-feature-settings: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #383838;
    text-align: center;
    margin-top: 5px;
    word-break: keep-all;
}

div>.desc_h3 {
    margin-top: 100px;
}

.img_border {
    border-bottom: 5px solid transparent;
}


/*ceo*/

.sub_bg01 {
    background: url(../images/sub_header_bg01.jpg?v=3) no-repeat center center;
    background-size: cover;
}

.ceo_intro>div::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.ceo_intro>.intro_l {
    padding: 0 49px 0 51px;
    margin: 88px 0 72px;
}

.ceo_intro>.intro_l .intro_txt {
    float: left;
    width: 52%;
    padding-top: 56px;
}

.ceo_intro>div .intro_txt p {
    font-size: 17px;
    line-height: 30px;
    letter-spacing: -0.25px;
    color: #666666;
    margin-bottom: 30px;
    font-weight: 300;
    word-break: keep-all;
}

.ceo_intro>div .intro_txt p>span {
    font-weight: 700;
}

.ceo_intro>.intro_l .thumbnail {
    float: right;
}

.ceo_intro>.intro_r {
    padding: 0 49px 0 0;
}

.ceo_intro>.intro_r .intro_txt {
    float: right;
    width: 52%;
}

.ceo_intro>.intro_r .intro_txt>p:last-child {
    padding-top: 20px;
    display: inline-block;
    vertical-align: bottom;
}

.ceo_intro>.intro_r .intro_txt>p:last-child>span {
    display: inline-block;
    vertical-align: bottom;
}

.ceo_intro>.intro_r .thumbnail {
    float: left;
}

.carrer_cont {
    margin-top: 67px;
}

.carrer_cont .year {
    position: relative
}
.carrer_cont > .year > div:last-child{top:80px;}
.year .year_box {
    font-family: 'Exo 2', sans-serif;
    font-size: 24px;
    letter-spacing: -0.25px;
    color: #fff;
    text-align: center;
    background: #df2d34;
    width: 115px;
    margin: 0 auto;
    padding: 7px 0;
    position: relative;
}

.year>div {
    width: 493px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.year>div>ul {
    padding: 15px 0 5px;
    margin: 0 42px 0;
    border-bottom: 1px solid #f3f3f3;
}

.year>div>ul>li {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #444444;
}

.year>div .data {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #bdbdbd;
    text-align: right;
    margin-right: 42px;
    padding: 5px 0 10px;
}

.year>div .icon {
    display: block;
    width: 12px;
    height: 12px;
    background: #df2d34;
    border-radius: 20px;
    position: absolute;
    display: none;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_all;
    animation-name: foot_all;
}

.year .carrer_r {
    position: absolute;
    right: 0;
}

.year .carrer_r::before {
    display: inline-block;
    content: '';
    border: 15px solid transparent;
    border-color: transparent #e3e3e3 transparent transparent;
    position: absolute;
    left: -31px;
    top: 21px;
}

.year .carrer_l {
    position: absolute;
    left: 0;
}

.year .carrer_l::before {
    display: inline-block;
    content: '';
    border: 15px solid transparent;
    border-color: transparent transparent transparent #e3e3e3;
    position: absolute;
    right: -31px;
    top: 21px;
}

.year .carrer_r .icon {
    top: 31px;
    left: -66px;
}

.year .carrer_l .icon {
    top: 31px;
    right: -68px;
}

.year_01 {
    height: 427px;
}

.year_01 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 385px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}

.year_01 .active {
    display: none;
    content: '';
    width: 3px;
    height: 385px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year01;
    animation-name: year01;
}

@-webkit-keyframes year01 {
    0% {
        height: 0;
    }
    100% {
        height: 385px;
    }
}

@keyframes year01 {
    0% {
        height: 0;
    }
    100% {
        height: 385px;
    }
}

.year_01>.carrer_r:nth-child(2) {
    top: 100px;
}

.year_01>.carrer_l:nth-child(3) {
    top: 190px;
}

.year_01>.carrer_r:nth-child(4) {
    top: 309px;
}

.year_02 {
    height: 417px;
}

.year_02>.carrer_l:nth-child(2) {
    top: 100px;
}

.year_02>.carrer_r:nth-child(3) {
    top: 154px;
}

.year_02>.carrer_l:nth-child(4) {
    top: 234px;
}

.year_02>.carrer_r:nth-child(5) {
    top: 290px;
}

.year_02 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 375px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}

.year_02 .active {
    display: none;
    content: '';
    width: 3px;
    height: 375px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year02;
    animation-name: year02;
}

@-webkit-keyframes year02 {
    0% {
        height: 0;
    }
    100% {
        height: 905px;
    }
}

@keyframes year02 {
    0% {
        height: 0;
    }
    100% {
        height: 905px;
    }
}

.year_03 {
    height: 459px;
}

.year_03 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 418px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}

.year_03 .active {
    display: none;
    content: '';
    width: 3px;
    height: 418px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year03;
    animation-name: year03;
}

@-webkit-keyframes year03 {
    0% {
        height: 0;
    }
    100% {
        height: 652px;
    }
}

@keyframes year03 {
    0% {
        height: 0;
    }
    100% {
        height: 652px;
    }
}

.year_03>.carrer_l:nth-child(2) {
    top: 100px;
}

.year_03>.carrer_r:nth-child(3) {
    top: 155px;
}

.year_03>.carrer_r:nth-child(4) {
    top: 282px;
}

.year_03>.carrer_l:nth-child(5) {
    top: 337px;
}

.year_04 {
    height: 308px;
}

.year_04 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 266px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}

.year_04 .active {
    display: none;
    content: '';
    width: 3px;
    height: 266px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year04;
    animation-name: year04;
}

@-webkit-keyframes year04 {
    0% {
        height: 0;
    }
    100% {
        height: 442px;
    }
}

@keyframes year04 {
    0% {
        height: 0;
    }
    100% {
        height: 442px;
    }
}

.year_04>.carrer_l:nth-child(2) {
    top: 100px;
}

.year_04>.carrer_r:nth-child(3) {
    top: 155px;
}

.year_05 {
    height: 400px;
}

.year_05 .year_box {
    width: 170px;
}

.year_05 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 357px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 85px;
}

.year_05 .active {
    display: none;
    content: '';
    width: 3px;
    height: 357px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 85px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year05;
    animation-name: year05;
}

@-webkit-keyframes year05 {
    0% {
        height: 0;
    }
    100% {
        height: 357px;
    }
}

@keyframes year05 {
    0% {
        height: 0;
    }
    100% {
        height: 357px;
    }
}

.year_05>.carrer_l:nth-child(2) {
    top: 100px;
}

.year_05>.carrer_r:nth-child(3) {
    top: 100px;
}

.year_05>.carrer_l:nth-child(4) {
    top: 260px;
}

.year_05>.carrer_r:nth-child(5) {
    top: 260px;
}

.year_06 {
    height: 256px;
}

.year_06 .year_box {
    width: 170px;
}

.year_06 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 90px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 85px;
}

.year_06 .active {
    display: none;
    content: '';
    width: 3px;
    height: 90px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 85px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year06;
    animation-name: year06;
}

@-webkit-keyframes year06 {
    0% {
        height: 0;
    }
    100% {
        height: 90px;
    }
}

@keyframes year06 {
    0% {
        height: 0;
    }
    100% {
        height: 90px;
    }
}

.year_06>.carrer_l:nth-child(2) {
    top: 100px;
}

.year_06>.carrer_r:nth-child(3) {
    top: 100px;
}

.year_07 {
    height:350px;
}

.year_07 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 307px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}

.year_07 .active {
    display: none;
    content: '';
    width: 3px;
    height:307px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year07;
    animation-name: year07;
}

@-webkit-keyframes year07 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

@keyframes year07 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

.year_07>.carrer_l:nth-child(2) {
    top: 70px;
}

.year_07>.carrer_r:nth-child(3) {
    top: 220px;
}

.year_07>.carrer_l:nth-child(4) {
    top: 220px;
}

.year_08 {
    height:350px;
}

.year_08 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 307px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}

.year_08 .active {
    display: none;
    content: '';
    width: 3px;
    height:307px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year08;
    animation-name: year08;
}

@-webkit-keyframes year08 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

@keyframes year08 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

.year_08>.carrer_l:nth-child(2) {
    top: 70px;
}

.year_08>.carrer_r:nth-child(3) {
    top: 150px;
}

.year_08>.carrer_l:nth-child(4) {
    top: 220px;
}

.year_08 .active {
    display: none;
    content: '';
    width: 3px;
    height:307px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year08;
    animation-name: year08;
}

@-webkit-keyframes year08 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

@keyframes year08 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

.year_08>.carrer_l:nth-child(2) {
    top: 70px;
}

.year_08>.carrer_r:nth-child(3) {
    top: 150px;
}

.year_08>.carrer_l:nth-child(4) {
    top: 220px;
}


.year_091 {
    height:803px;
}

.year_091 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 760px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}

.year_091 .active {
    display: none;
    content: '';
    width: 3px;
    height:760px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year091;
    animation-name: year091;
}

@-webkit-keyframes year091 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

@keyframes year091 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

.year_091>.carrer_l:nth-child(2) {
    top: 70px;
}

.year_091>.carrer_r:nth-child(3) {
    top: 150px;
}

.year_091>.carrer_l:nth-child(4) {
    top: 230px;
}
.year_091>.carrer_r:nth-child(5) {
    top: 310px;
}
.year_091>.carrer_l:nth-child(6) {
    top: 369px;
}
.year_091>.carrer_r:nth-child(7) {
    top: 449px;
}
.year_091>.carrer_l:nth-child(8) {
    top: 529px;
}
.year_091>.carrer_r:nth-child(9) {
    top: 600px;
}
.year_091>.carrer_l:nth-child(10) {
    top: 689px;
}

.year_08 .active {
    display: none;
    content: '';
    width: 3px;
    height:307px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year08;
    animation-name: year08;
}

@-webkit-keyframes year08 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

@keyframes year08 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

.year_08>.carrer_l:nth-child(2) {
    top: 70px;
}

.year_08>.carrer_r:nth-child(3) {
    top: 150px;
}

.year_08>.carrer_l:nth-child(4) {
    top: 220px;
}
.year_09 {
    height:200px;
}

.year_09 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 157px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}

.year_09 .active {
    display: none;
    content: '';
    width: 3px;
    height:157px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year09;
    animation-name: year09;
}

@-webkit-keyframes year09 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

@keyframes year09 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

.year_09>.carrer_l:nth-child(2) {
    top: 70px;
}


.year_10 {
    height: 335px;
}

.year_10 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 157px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}

.year_10 .active {
    display: none;
    content: '';
    width: 3px;
    height: 292px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year10;
    animation-name: year10;
}

@-webkit-keyframes year10 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

@keyframes year10 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}


.year_10>.carrer_r:nth-child(2) {
    top: 70px;
}

.year_10>.carrer_l:nth-child(3) {
    top: 150px;
}

.year_10>.carrer_r:nth-child(4) {
    top: 230px;
}



.year_2021 {
    height: 335px;
}

.year_2021 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 157px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}

.year_2021 .active {
    display: none;
    content: '';
    width: 3px;
    height: 292px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: year_2021;
    animation-name: year_2021;
}

@-webkit-keyframes year_2021 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}

@keyframes year_2021 {
    0% {
        height: 0;
    }
    100% {
        height: 182px;
    }
}


.year_2021>.carrer_l:nth-child(2) {
    top: 70px;
}

.year_2021>.carrer_r:nth-child(3) {
    top: 150px;
}

.year_2021>.carrer_l:nth-child(4) {
    top: 230px;
}




.sub_bg02 {
    background: url(../images/sub_header_bg02.jpg) no-repeat center center;
    background-size: cover;
}

.sub_bg02_1 {
    background: url(/wp-content/uploads/2017/09/4_brand_title.jpg) no-repeat center center;
    background-size: cover;
}

.sub_bg02_2 {
    background: url(/layouts/default/image/global_bg.jpg?v=2) no-repeat center center;
    background-size: cover;
}

.sub_bg02_3 {
    background: url(/wp-content/uploads/2017/09/5_brand_title.jpg) no-repeat center center;
    background-size: cover;
}

.brand_intro>div::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.br_about>div::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.br_about>div {
    margin-bottom: 100px;
}

.brand_intro>.brand_home {
    text-align: right;
}

.brand_intro>.brand_home>a {
    display: inline-block;
    width: 160px;
    padding: 9px 0;
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.25px;
    color: #fff;
    background: #e22e3b;
    margin-top: 10px;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    border: 1px solid #e22e3b;
}

.brand_intro>.brand_home>a:hover {
    background: transparent;
    color: #e22e3b;
}

.brand_intro>.br_about {
    margin-top: 93px;
}

.br_about .intro_txt {
    width: 46%;
    padding-top: 34px;
    text-align: left;
}

.br_about .intro_txt>.title {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.25px;
    font-weight: 700;
    color: #333333;
    margin: 0 4% 27px;
    display: inline-block;
}

.hk_intro .img_border {
    border-color: #6c271e;
}

.brand_intro .intro_txt>p {
    font-size: 15px;
    line-height: 24px;
    color: #777777;
    letter-spacing: -0.25px;
    font-weight: 300;
    margin-bottom: 25px;
    word-break: keep-all;
    margin: 0 4%;
}

.br_about .thumbnail {
    width: 51%;
    position: relative;
}

.br_about .thumbnail>.th_border {
    position: absolute;
    top: -20px;
    width: 100%;
    height: 100%;
    border: 10px solid transparent;
		box-sizing: border-box;
}

.br_about>div:nth-child(even) .th_border {
    right: 10px;
}

.br_about>div:nth-child(even)>.intro_txt {
    float: left;
    margin-left: 10px;
}

.br_about>div:nth-child(even)>.thumbnail {
    float: right;
}

.br_about>div:nth-child(odd) .th_border {
    left: 10px;
}

.br_about>div:nth-child(odd)>.intro_txt {
    float: right;
}

.br_about>div:nth-child(odd)>.thumbnail {
    float: left;
}

.gallery>.desc_h3 {
    font-size: 26px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #555555;
    font-family: 'Noto Sans KR', Helvetica, AppleSDGothicNeo, sans-serif;
    font-weight: 400;
}

.gallery>.desc_h3::after {
    display: block;
    content: '';
    width: 1px;
    height: 30px;
    background: #999999;
    margin: 21px auto 29px;
}

.gallery {
    position: relative;
}

.gallery ul>li {
    position: relative;
}

.gallery ul>li>.txt {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    padding: 8px 0;
}

.gallery ul>li>.txt>p {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.25px;
    font-weight: 300;
    color: #ffffff;
    margin-left: 8px;
}

.gy_btn {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
}

.gy_btn::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.gy_btn>p {
    background: rgba(0, 0, 0, .8);
    text-align: center;
    display: table;
    width: 45px;
    height: 80px;
}

.gy_btn>.prev {
    float: left;
}

.gy_btn>.next {
    float: right;
}

.gy_btn>p>a {
    display: table-cell;
    vertical-align: middle;
}

.gy_btn>.next img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

#bx-pager::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.gallery #bx-pager>a {
    margin: 12px 20px 0 0;
    float: left;
    position: relative;
}

.gallery #bx-pager>a::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.gallery #bx-pager>.active::after {
    opacity: 0;
}

.gallery #bx-pager>a:last-child {
    margin-right: 0;
}

.brand_intro>.list_btn {
    margin-bottom: 0;
}

.list_btn {
    width: 159px;
    margin: 0 auto;
}

.list_btn a {
    display: block;
    background: #e22e3b;
    border: 1px solid #e22e3b;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
    letter-spacing: -0.25px;
    color: #fff;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.list_btn::before {
    display: block;
    content: '';
    width: 1px;
    height: 50px;
    background: #e32c39;
    margin: 0 auto 18px;
}

.list_btn a:hover {
    background: transparent;
    color: #e22e3b;
}

.hk_intro .br_about .thumbnail>.th_border {
    border-color: #6c271e;
}

.ss_intro .br_about .thumbnail>.th_border {
    border-color: #6c271e;
}

.bg_intro .br_about .thumbnail>.th_border {
    border-color: #000;
}

.bg_intro .img_border {
    border-color: #000000;
}

.bg_intro>div:nth-child(2) .intro_txt {
    padding-top: 0;
}

.bg_intro>div:nth-child(2) .title {
    width: 317px;
}

.bg_intro>div:nth-child(3) .title {
    width: 306px;
}

.ss_intro .img_border {
    border-color: #6c271e;
}

.ss_intro>div:nth-child(2) .title {
    width: 216px;
}

.ss_intro>div:nth-child(3) .title {
    width: 472px;
}

.ss_intro>div:nth-child(4) .title {
    width: 378px;
}

.ss_intro>div:nth-child(5) .title {
    width: 299px;
}

.franc_intro .fr_logo {
    text-align: center;
}

.franc_intro .fr_logo::after {
    display: block;
    content: '';
    width: 1px;
    height: 32px;
    background: #c2c2c2;
    margin: 22px auto 15px;
}

.franc_intro .fr_caption {
    text-align: center;
}

.franc_intro .fr_caption {
    font-size: 20px;
    letter-spacing: -0.25px;
    color: #444444;
    font-weight: 500;
    margin-bottom: 67px;
}

.franc_intro .fr_caption>span {
    color: #d60514;
}

.franc_intro>div {
    width: 100%;
    border-top: 3px solid #e2e2e2;
    position: relative;
}

.franc_intro>div::before {
    display: block;
    content: '';
    width: 329px;
    height: 3px;
    background: #d60514;
    position: absolute;
    top: -3px;
    left: 0;
}

.franc_intro .fr_row {
    padding: 40px 0;
    border-bottom: 1px solid #eeeeee;
}

.franc_intro .fr_row>div {
    display: inline-block;
    vertical-align: top;
}

.franc_intro .fr_row>.fr_txt {
    padding-left: 20px;
    position: relative;
}

.franc_intro .fr_row>.fr_txt .title {
    font-size: 18px;
    letter-spacing: -0.25px;
    color: #545454;
    margin-bottom: 18px;
    font-weight: 400;
}

.franc_intro .fr_row>.fr_txt p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #8a8a8a;
    font-weight: 300;
}

.fr_row>.fr_txt::after {
    display: block;
    content: '';
    width: 190px;
    height: 140px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.fr_row:first-child>.fr_txt::after {
    background: url(../images/fr_bg01.jpg) no-repeat left;
}

.fr_row:nth-child(2)>.fr_txt::after {
    width: 193px;
    background: url(../images/fr_bg02.jpg) no-repeat left;
}

.fr_row:nth-child(3)>.fr_txt::after {
    background: url(../images/fr_bg03.jpg) no-repeat left;
}

.fr_row:nth-child(4)>.fr_txt::after {
    width: 210px;
    right: -23px;
    background: url(../images/fr_bg04.jpg) no-repeat left;
}

.franc_intro>.list_btn {
    margin: 61px 0 0;
    width: 177px;
}

.franc_intro>.list_btn::before {
    display: none;
}

.list_btn span {
    display: inline-block;
    width: 19px;
    height: 1px;
    vertical-align: middle;
    background: #fff;
    margin-left: 10px;
    position: relative;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.list_btn span::before {
    display: block;
    content: '';
    width: 8px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: -3px;
    right: 0;
    transform_input: rotate(40deg);
    -webkit-transform_input: rotate(40deg);
    -moz-transform_input: rotate(40deg);
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.list_btn:hover span {
    background: #e22e3b;
}

.list_btn:hover span::before {
    background: #e22e3b;
}


/*brand*/

.br_list, .br_list02 {
    width: 99%;
    padding: 48px 6px 0;
}

.br_list>ul::after, .br_list02>ul::after {
    display: block;
    content: '';
    width: 100%;
    clear: both;
}

.br_list>ul>li {
    float: left;
    width: 234px;
    height: 100%;
    border: 1px solid #dfdfdf;
    margin: 0 51px 75px 0;
}

.br_list>ul>li:nth-child(4n) {
    margin-right: 0;
}

/* .br_list>ul>li:nth-child(n+17) {
    margin-bottom: 0;
} */

/* .br_list>ul>li:nth-child(n+18) {
    margin-bottom: 0;
} */

.br_list>ul>li:nth-child(n+21) {
    margin-bottom: 0;
}

.br_list>ul>li:nth-child(4) .country>ul>li {
    margin-bottom: 5px;
}

.br_list02>ul>li {
    float: left;
    width: 23%;
    margin: 10px;
}

.br_list02>ul>li:first-child .country{
		height:71px;
}

.br_list02>ul>li>div {
    border: 1px solid #dfdfdf;
}

.br_list02 .logo {
    display: table;
    width: 100%;
    height: 145px;
    background: #f9f9f9;
    border-bottom: 1px solid #dfdfdf;
}

.br_list .logo {
    display: table;
    width: 234px;
    /* height: 145px; */
    background: #f9f9f9;
    border-bottom: 1px solid #dfdfdf;
}

.br_list .global_bi, .br_list02 .global_bi {
    padding: 10px 0;
    text-align: center;
}

.br_list .logo a, .br_list02 .logo a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.br_list .logo>a {
	height: 130px;
}

.br_list .brand_list .logo a>img {
    /* width: 90%; */
	max-width: 100%;
}

.br_list02 .brand_list .logo a>img {
    width: 190px;
}

.br_list .logo a>span, .br_list02 .logo a>span {
    display: block;
    opacity: 0;
    width: 100%;
    height: 130px;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.br_list .logo a>span>img, .br_list02 .logo a>span>img {
    margin-top: 29px;
}

.br_list .logo a:hover>span, .br_list02 .logo a:hover>span {
    opacity: 1;
}

.br_list .country, .br_list02 .country {
    border-top: 1px solid #dfdfdf;
    width: 100%;
    height: 51px;
    display: table;
}

.br_list .country::after, .br_list02 .country::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.country>p {
    font-size: 11px;
    font-weight: 300;
    color: #b9b9b9;
    float: left;
    margin-top: 7px;
}

.country>ul {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.country>ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.country>ul>li {
    border: 1px solid #f1f1f1;
    margin: 0 10px;
    height: 11px;
    display: inline-block;
    vertical-align: top;
}

.br_list>.test_br>li {
    height: 148px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 50px;
}

.br_list>.test_br .logo {
    background: #fff;
    height: 100%;
}

.menu_list>div.item {
    padding: 50px 0;
    border-bottom: 3px solid #e2e2e2;
    position: relative;
}

.menu_list>div.item::after {
    display: block;
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -3px;
}

.hk_intro .menu_list>div.item::after {
    background: #d60514;
}

.brand_intro>.menu_list {
    margin-bottom: 88px;
}

.menu_list>div>div {
    display: inline-block;
    vertical-align: top;
}

.menu_list .thumbnail {
    width: 375px;
    margin-right: 36px;
}

.menu_list .menu_info {
    width: 695px;
}

.menu_info>.name {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
}

.menu_info>.name::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.menu_info>.name>p:first-child {
    font-size: 30px;
    letter-spacing: -0.25px;
    color: #444444;
    font-weight: 700;
    float: left;
}

.hk_intro .menu_info>.name>.catagory {
    background: #e21d1d;
}

.hk_intro .menu_title{display:table; margin-top:40px; margin-bottom:-32px; font-size:0;}
.hk_intro .menu_title dt{position:relative; display:inline-block; margin-right:50px; font-size:36px; letter-spacing:-0.25px; color:#444444; font-weight:700; vertical-align:middle;}
.hk_intro .menu_title dt:after{content:""; position:absolute; display:block; width:2px; height:25px; top:17px; right:-26px; background:#d60514;}
.hk_intro .menu_title dd{display:inline-block; font-size:26px; color:#76777a; vertical-align:middle; letter-spacing:-1px;}
.baikboy_menu_tt{display:block !important; margin-top:80px; overflow:hidden;}
.baikboy_menu_tt img{max-width:none;}
.insang_menu_tt{display:block !important; margin:50px 0 -20px 0; overflow:hidden;}
.insang_menu_tt.last{margin:0 0 30px 0;}
.insang_menu_tt img{max-width:none;}
.jesun_menu>div>div{display:block;}
.jesun_menu .jesun_menu_txt{position:relative; margin-top:40px; text-align:center; z-index:1;}
.jesun_menu .jesun_menu_txt:after{content:""; display:block; width:1px; height:60px; margin:20px auto 0; background:#312b1d;}
.jesun_menu .jesun_menu_txt p{line-height:1.2em; font-size:24px; font-weight:300; word-break:keep-all;}
.jesun_menu .jesun_menu_txt p em{font-weight:500;}
.jesun_menu .jesun_menu_set{width:105%; margin-left:-2.5%; margin-top:-30px; margin-bottom:40px; padding:40px 2.5%; background:#fff3e5; box-sizing:border-box;}
.jesun_menu .jesun_menu_set div{margin-bottom:30px;}
.jesun_menu .jesun_menu_set div:last-child{margin-bottom:0;}
.jesun_menu .jesun_menu_tt{width:100%; margin-bottom:20px; font-size:22px; font-weight:600; text-align:center;}
.jesun_menu .jesun_menu_tt.line{padding-top:35px; margin-top:15px; border-top:1px solid #ddd;}
.jesun_menu .thumbnail{margin-bottom:15px !important;}
.jesun_menu .thumbnail img{width:100%;}
.jesun_menu .menu_info{text-align:center;}
.jesun_menu .menu_info>.price{display:none;}
.jesun_menu .menu_info>p{color:#656565;}
.jesun_menu .menu_info>.name{border-bottom:none; padding-bottom:0; margin-bottom:5px;}
.jesun_menu .menu_info>.name>p:first-child{float:none; font-size:18px; font-weight:500;}
.jesun_menu .menu_info>.name>.catagory{display:none;}
.jesun_menu>div.item{padding:0 0 25px; border-bottom:none;}
.jesun_menu>div.item:after{display:none;}

.menu_info>.name>.catagory {
    float: right;
    width: 88px;
    padding: 5px 0;
    text-align: center;
    font-size: 16px;
    letter-spacing: -0.1px;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
}

.menu_info>p {
    font-size: 16px;
    letter-spacing: -0.25px;
    color: #8a8a8a;
    line-height: 24px;
    font-weight: 300;
    word-break: keep-all;
}

.menu_info>.price {
    font-family: 'NanumSquare';
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.5px;
    color: #e21d1d;
    margin-top: 40px;
}

.menu_info>.price>span {
    color: #3b3b3b;
    font-size: 15px;
    letter-spacing: -0.25px;
}

.menu_info>.price>.size {
    font-family: 'Noto Sans KR', Helvetica, AppleSDGothicNeo, sans-serif;
    color: #393939;
    font-size: 20px;
    letter-spacing: -0.5px;
    font-weight: 700;
}

.menu_info>.price>em {
    color: #dbdbdb;
}

.bg_intro .menu_info>.name>.catagory {
    background: #000000;
}

.bg_intro .menu_list>div::after {
    background: #000;
}

/* 2022.05.20 사이드메뉴 추가 S */
.menu_list div.side_menu {
	padding-top:50px;
    width: 100%;
}
/* 2022.05.20 사이드메뉴 추가 E */

/*store*/

.store_info {
    padding: 30px 30px 50px;
    background: #f8f8f8;
}

@media screen and (max-width: 768px) {
.store_info {
		padding: 30px 30px 100px;
	}
}

.store_info .tit {
    font-size: 16px;
    letter-spacing: -0.1px;
    color: #444444;
    font-weight: 500;
    padding-top: 8px;
}

.store_info>.search_wrap {
    float: none;
    width: 100%;
    margin: 0 0 30px;
	font-size:0;
}

.store_info>.search_wrap>div {
    vertical-align: top;
    display: inline-block;
}

.store_info>.search_wrap>div::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.area_search {
    margin-right: 30px;
	/*width: calc( 45% - 56px);*/
	/*추가*/
	float:left;
}

.st_search {
	width: 35%;
	float: right;
}

.area_search>p {
    float: left;
    margin-right: 14px;
}

.area_search>ul {
    float: left;
}

.area_search>ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.area_search>ul>li {
    float: left;
}

.area_search .select {
    width: 140px;
    height: 40px;
    font-size: 15px;
    letter-spacing: -0.1px;
    color: #999999;
    font-weight: 300;
}

.area_search .select:first-child {
    margin-right: 18px;
}

.area_search .select-styled {
    border: 0;
}

.area_search .select-styled::after {
    border: 5px solid transparent;
    border-color: #777 transparent transparent transparent;
    top: 18px;
}

.area_search .select-styled:active::after, .select-styled.active::after {
    top: 11px;
}

.area_search .select-options {
    border: none;
}

.area_search .select-options li {
    padding: 7px 0;
}

.area_search .select-options li:hover {
    background: #777;
}

.st_search>p {
    float: left;
    margin-right: 16px;
	width:85px;
}

.st_search>div {
    float: left;
    padding-top: 8px;
    width: calc(100% - 101px);
    position: relative;
}

.st_search>div>input {
    width: 94%;
    padding: 5px 3%;
    border: 0;
    border-bottom: 1px solid #bababa;
    background: transparent;
}

.st_search>div>p {
    position: absolute;
    right: 0;
    top: 8px;
    cursor: pointer;
}

.st_search>div>p>i {
    color: #6c271e;
    font-size: 1.68rem;
}

.store_info .brand_ch::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.store_info .brand_ch>p {
    float: left;
    margin-right: 26px;
}

.store_info .brand_ch>ul {
    float: left;
    width: 920px;
}

.store_info .brand_ch>ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.store_info .brand_ch>ul>li {
    float: left;
    margin: 0 20px 20px 0;
    border: 3px solid #fff;
    border-radius: 3px;
    background: #fff;
}

.store_info .brand_ch>ul>li.on {
    border-color: #d60514;
}

.store_info .brand_ch>ul>li:nth-child(6n) {
    margin-right: 0;
}

.store_cont .store_map {
    margin-top: 45px;
}

.store_map>p {
    font-size: 14px;
    letter-spacing: -0.25px;
    color: #777777;
    font-weight: 300;
    margin-bottom: 10px;
}

.store_map>p>span {
    font-size: 16px;
    color: #d60514;
}

.store_map .map_cont {}

.store_map .map_head {
    background: #f8f8f8;
    border-top: 2px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    padding: 7px 0;
}

.store_map div>ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.store_map .map_head>ul>li {
    float: left;
    font-size: 15px;
    text-align: center;
    letter-spacing: -0.1px;
    color: #444444;
}

.store_map .map_head>ul>li {
    width: 146px;
}

.store_map .map_head>ul>li:nth-child(4) {
    width: 389px;
}

.store_map .map_body>div>ul>li {
    float: left;
    width: 145px;
    text-align: center;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    color: #888888;
    font-size: 15px;
    letter-spacing: -0.1px;
    font-weight: 300;
    padding: 10px 0;
}

.store_map .map_body>div>ul>li:nth-child(4) {
    width: 388px;
}

.store_map .map_body>div>ul>li:nth-child(5) {
    color: #666666;
}

.store_map .map_body>div>ul>li:last-child {
    width: 137px;
    border-right: 0;
    cursor: pointer;
}

.map_body .map_info {
    background: #f8f8f8;
    border-bottom: 1px solid #d4d4d4;
    padding: 30px;
    display: none;
}

.map_info .info_txt::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.map_info .info_txt>div {
    float: left;
    width: 48%;
}

.map_info .info_txt>table {
    float: right;
    width: 48%;
}

.map_info .info_txt>table>tbody>tr>th {
    border-bottom: 1px solid #d4d4d4;
    width: 72px;
    padding: 16px 14px;
    text-align: left;
    font-size: 14px;
    letter-spacing: -0.1px;
    color: #666666;
    font-weight: 500;
}

.map_info .info_txt>table>tbody>tr>td {
    border-bottom: 1px solid #d4d4d4;
    padding: 16px 0;
    font-size: 14px;
    letter-spacing: -0.1px;
    color: #666666;
    font-weight: 300;
}

.map_info .map {
    background: #fff;
    width: 100%;
    height: 280px;
    margin-top: 26px;
}

.map_body .map_more::after {
    display: inline-block;
    content: '\f0d7 ';
    font-family: 'FontAwesome';
    color: #313131;
    margin-left: 5px;
}

.map_body .map_more.on::after {
    content: '\f0d8 ';
    color: #d60514;
}

.page_num {
    width: 246px;
    margin: 25px auto 0;
}

.page_num::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.page_num>p {
    float: left;
    padding: 5px 0;
    cursor: pointer;
}

.page_num>ul {
    float: left;
    margin: 0 15px 0 20px;
}

.page_num>ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.page_num>ul>li {
    float: left;
    width: 32px;
    padding: 5px 0;
    border-radius: 100%;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #444444;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

.page_num>ul>li a{
		line-height:32px;
}

.page_num>ul>li:hover a{
		display:block;
    background: #d60514;
    border-radius: 100%;
}

.page_num>ul>li.on a{
		display:block;
    background: #d60514;
    border-radius: 100%;
}

/* media pagenation */
.screen-reader-text {
	display:none;
}
.navigation{

}
.navigation.pagination {
    width: 246px;
    margin: 25px auto 0;
}

.navigation.pagination::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.navigation .nav-links {
    float: left;
    margin: 0 15px 0 20px;
}

.navigation .nav-links::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.navigation .nav-links .page-numbers {
    float: left;
    width: 32px;
    padding: 5px 0;
    border-radius: 100%;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #444444;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

.navigation .nav-links .page-numbers:hover {
    background: #d60514;
    color: #fff;
}

.navigation .nav-links .page-numbers.current {
    background: #d60514;
    color: #fff;
}

.ft_intro {
    background: url(../images/foundation_info.jpg) no-repeat center;
    background-size: cover;
    width: 1040px;
    height: 572px;
    padding: 35px;
    display: table;
    text-align: center;
}

.ft_intro>div {
    display: table-cell;
    vertical-align: middle;
    border: 10px solid rgba(255, 255, 255, .3);
}

.ft_intro>div>h1 {
    margin-bottom: 25px;
}

.ft_intro>div>p {
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.25px;
}

.ft_intro>div>p:nth-child(2) {
    font-size: 30px;
    line-height: 52px;
    margin-bottom: 37px;
}

.ft_intro>div>p>span {
    font-weight: 500;
}

.ft_intro>div>p:nth-child(3) {
    font-size: 16px;
    line-height: 33px;
}

.ft_intro>div>p:nth-child(3)>span {
    font-size: 20px;
}

.ft_intro>div>p.tip {
    font-size: 15px;
    line-height: 27px;
    font-weight: 300;
    color: #c4c4c4;
}

.ft_step>ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.ft_step>ul>li {
    width: 245px;
    height: 245px;
    text-align: center;
    background: #fbfbfb;
    float: left;
    border: 1px solid #f2f2f2;
    margin: 0 40px 83px 0;
    position: relative;
}

.ft_step>ul>li>div {
    display: none;
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: step 0.3s linear forwards;
    animation: step 0.3s linear forwards
}

.ft_step>ul>li:first-child>div {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.ft_step>ul>li:nth-child(2)>div {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ft_step>ul>li:nth-child(3)>div {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.ft_step>ul>li:nth-child(4)>div {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ft_step>ul>li:nth-child(5)>div {
    -webkit-animation-delay: 0.5s;
    animation-delay: .5s;
}

.ft_step>ul>li:nth-child(6)>div {
    -webkit-animation-delay: .6s;
    animation-delay: 0.6s;
}

.ft_step>ul>li:nth-child(7)>div {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.ft_step>ul>li:nth-child(8)>div {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.ft_step>ul>li:nth-child(9)>div {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

.ft_step>ul>li:nth-child(10)>div {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes step {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes step {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.ft_step>ul>li::after {
    display: block;
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background: url(../images/ft_arrow_tit.png) no-repeat;
}

.ft_step>ul>li:nth-child(n+1):nth-child(-n+3)::after, .ft_step>ul>li:nth-child(9)::after {
    top: 110px;
    right: -31px;
}

.ft_step>ul>li:nth-child(4)::after, .ft_step>ul>li:nth-child(8)::after {
    top: 280px;
    right: 45%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.ft_step>ul>li:nth-child(n+5):nth-child(-n+7)::after {
    top: 110px;
    left: -31px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.ft_step>ul>li:nth-child(n+5):nth-child(-n+8) {
    float: right;
    margin: 0 0 83px 40px;
}

.ft_step>ul>li:last-child::after {
    display: none;
}

.ft_step>ul>li:nth-child(4) {
    margin-right: 0;
}

.ft_step>ul>li:nth-child(8) {
    margin-left: 0 !important;
}

.ft_step>ul>li>div {
    padding-top: 30px;
}

.ft_step>ul>li .step {
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #fff;
    background: #bfbfbf;
    padding: 0 8px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 28px;
}

.ft_step>ul>li .tit {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #444444;
    margin-top: 25px;
}

.ft_step>ul>li .cont {
    font-size: 13px;
    letter-spacing: -0.25px;
    color: #777777;
}

.ft_info .desc_h4 {
    margin-top: 100px;
}

.brand_step>p:nth-child(2) {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.25px;
    font-weight: 300;
    color: #404040;
    margin-bottom: 40px;
}

.brand_step>ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.brand_step>ul>li {
    float: left;
    width: 273px;
    height: 122px;
    border: 1px solid #ebebeb;
    text-align: center;
    display: table;
}

.brand_step>ul>li>a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.brand_step>ul>li>a>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 122px;
    background: rgba(0, 0, 0, .7);
    display: table;
    opacity: 0;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.brand_step>ul>li>a:hover>div {
    opacity: 1;
}

.brand_step>ul>li>a>div>p {
    color: #fff;
    font-weight: 500;
    font-size: 23px;
    line-height: 24px;
    letter-spacing: -0.25px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.brand_step>ul>li>a>div>p>span {
    display: block;
    font-size: 13px;
    font-weight: 300;
    margin-top: 5px;
}

.brand_step>ul>li>a>div>p>span>img {
    vertical-align: middle;
    width: 4%;
}

.faq_wrap {
    margin-bottom: 50px;
}

.global_brand .faq_wrap {
    display: none;
}

#post-21 .faq_wrap {
    display: none;
}

.faq_wrap>p:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #888888;
    text-align: center;
    margin-bottom: 40px;
    word-break: keep-all;
}

.faq_wrap .faq>li:first-child {
    border-top: 1px solid #dedede;
}

.faq_wrap .faq>li {
    width: 100%;
    border-bottom: 1px solid #dedede;
    background: #fff;
}

.faq_wrap .faq>li>p {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #444444;
    padding: 18px 70px;
    position: relative;
    cursor: pointer;
}

.faq_wrap .faq>li>div {
    border-top: 1px solid #dedede;
    padding: 53px 45px;
    background: #f5f5f6;
    display: none;
}

.faq_wrap .faq>li>div>p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -0.1px;
    color: #939393;
    font-weight: 300;
}

.faq_wrap .faq>li>div>p>span {
    font-weight: 400;
    color: #626262;
}

.faq_wrap .faq>li>p::after {
    display: block;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #d53841;
    font-weight: 900;
    font-family: 'NanumSquare';
    position: absolute;
    left: 35px;
    top: 19px;
}

.faq_wrap .faq>li:first-child>p::after {
    content: 'Q1';
}

.faq_wrap .faq>li:nth-child(2)>p::after {
    content: 'Q2';
}

.faq_wrap .faq>li:nth-child(3)>p::after {
    content: 'Q3';
}

.faq_wrap .faq>li:nth-child(4)>p::after {
    content: 'Q4';
}

.faq_wrap .faq>li:nth-child(5)>p::after {
    content: 'Q5';
}

.faq_wrap .faq>li>p::before {
    display: block;
    content: '\f107 ';
    font-family: 'FontAwesome';
    color: #d63d46;
    font-size: .7em;
    position: absolute;
    right: 35px;
}

.faq_wrap .faq>li>p.on::before {
    content: '\f106 ';
}

.ft_data>.desc_h4 {
    margin-top: 0;
}

.ft_data>.data_nav {
    width: 213px;
    margin: 0 auto 52px;
}

.ft_data>.data_nav>p {
    display: inline-block;
    vertical-align: top;
}

.ft_data>.data_nav>p:nth-child(2) {
    margin: 0 12px;
    font-size: 26px;
    line-height: 24px;
    letter-spacing: -0.25px;
    font-weight: 500;
    color: #555555;
}

.ft_data>.data_nav>p>i {
    display: block;
    text-align: center;
    margin-top: 3px;
    color: #d6d6d6;
    font-size: 1.2em;
}

.ft_data>.data_nav>.prev, .ft_data>.data_nav>.next {
    width: 25px;
    height: 25px;
    border-radius: 20px;
    border: 1px solid #d6d6d6;
    cursor: pointer;
}

.calendar>table {
    width: 100%;
    border: 1px solid #f4f4f4;
}

.calendar>table>thead th {
    width: 14%;
    text-align: center;
    border-left: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

.calendar>table>thead th>p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #999999;
}

.calendar>table>thead th:first-child>p {
    color: #eb8d8d;
}

.calendar>table>thead th:last-child>p {
    color: #89a7ec;
}

.calendar>table>tbody td {
    height: 114px;
    padding: 9px 2 0px;
    border-left: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
}

.calendar>table>tbody td>div {
    height: 100%;
}

.calendar>table>tbody td>div {
    text-align: center;
    display: table;
}

.calendar>table>tbody td>div>div {
    display: table-cell;
    vertical-align: middle;
    width: 106px;
}

.calendar>table>tbody td>div>.mm {
    font-size: 18px;
    color: #888888;
    text-align: left;
}

.calendar>table>tbody td:first-child>div>.mm {
    color: #ea4647;
}

.calendar>table>tbody td:last-child>div>.mm {
    color: #4975da !important;
}

.calendar>table>tbody td.true {
    background: #fbfbfb;
}

.calendar>table>tbody td.true::before {
    display: block;
    content: '';
    width: 100%;
    height: 7px;
    background: #d4d4d4;
    position: absolute;
    top: 0;
    left: 0;
}

.calendar>table>tbody td.true>div>.mm {
    color: #000;
}

.calendar>table>tbody td.true>div>div>p {
    margin-bottom: 3px;
}

.event {
    margin-top: 67px;
}

.event>div {
    border: 1px solid #e0e0e0;
    position: relative;
    padding: 18px 50px;
    margin-bottom: 30px;
}

.event>div::before {
    display: block;
    content: '';
    width: 5px;
    height: 100%;
    background: #ea4647;
    position: absolute;
    top: 0;
    left: -1px;
}

.event>div::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.event .data {
    font-size: 39px;
    font-weight: 700;
    color: #9b9b9b;
    text-align: center;
    float: left;
}

.event .data>span {
    font-size: 18px;
    line-height: 27px;
    color: #aaaaaa;
    display: block;
}

.event>div .br_logo {
    width: 111px;
    padding: 0 13px;
    background: #ededed;
    height: 96px;
    display: table;
    border-radius: 20px;
    float: left;
    margin: 0 36px 0 38px;
}

@media screen and (max-width: 420px) {
  .event .data {
    width: 100%;
    text-align: left;
  }
  .event>div .br_logo {
    margin: 15px 0;
  }
}

.event>div .br_logo>p {
    display: table-cell;
    vertical-align: middle;
}

.event>div .br_logo>p>img {
    width: 100%;
    height: auto;
}

.event>div .br_text {
    width: 480px;
    float: left;
}

@media screen and (max-width: 420px) {
  .event>div .br_text {
    width: 100%;
  }
}

.event>div .form_btn {
    float: right;
    background: #d60514;
    margin-top: 29px;
}

.event>div .form_btn a {
    color: #fff;
    display: block;
    padding: 8px 18px;
    font-size: 14px;
}

@media screen and (max-width: 420px) {
  .event>div .form_btn {
    float: left;
  }
}

.event>div .form_btn:hover {
    background: #af0612;
}

.event>div .br_text .tit {
    font-size: 18px;
    line-height: 27px;
    color: #444444;
    font-weight: 500;
    margin-bottom: 10px;
}

.event>div .br_text table td {
    font-size: 13px;
    line-height: 27px;
    color: #888888;
    font-weight: 300;
    padding-right: 27px;
}

@media screen and (max-width: 420px) {
  .event>div .br_text table td {
    display: block;
  }
}

.event>div .form_input_btn {
    float: right;
    width: 90px;
    background: #d60514;
    border: 1px solid #d60514;
    margin-top: 32px;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.event>div .form_input_btn a {
    display: block;
    font-size: 14px;
    text-align: center;
    padding: 6px 0;
    color: #fff;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.event>div .form_input_btn:hover {
    background: #fff;
}

.event>div .form_input_btn:hover a {
    color: #d60514;
}

.ft_form .form_btn input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ft_form {
    position: relative;
}

.ft_form .desc_h4 {
    margin-top: 0;
}

.ft_form>p:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #575757;
    font-weight: 300;
    text-align: center;
    margin-bottom: 42px;
    word-break: keep-all;
}

.ft_form .tip {
    padding: 30px 40px;
    background: #f6f6f6;
    border-top: 2px solid #d4222f;
    margin-bottom: 60px;
}

.ft_form .tip ul>li p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #575757;
    word-break: keep-all;
	padding-left:28px;
	position:relative;
}

.ft_form .tip ul>li p:first-child {
    margin-bottom: 10px;
}
.ft_form .tip.inquiry ul>li p {
	text-align:center;
}
.ft_form .tip.inquiry ul>li p:first-child {
    margin-bottom: 0;
}

.ft_form .tip ul>li p>span {
    font-size: 15px;
    font-weight: 500;
    color: #484848;
}

.ft_form .tip ul>li p::before {
    display: inline-block;
	position:absolute;
	top:2px;
	left:0;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: #d4222f;
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    font-family: 'NanumSquare';
}

.ft_form .tip ul>li:first-child p::before {
    content: '1';
}

.ft_form .tip ul>li:nth-child(2) p::before {
    content: '2';
}
.ft_form .tip ul>li:nth-child(3) p::before {
    content: '3';
}
.ft_form .tip ul>li:nth-child(4) p::before {
    content: '4';
}

.ft_form .tip.inquiry ul>li p::before {
	display:none;
}

.ft_form .form_input>div {
    border-top: 1px solid #d4d4d4;
    padding: 15px 10px 15px 20px;
}

.ft_form .form_input>div:first-child {
    border-top: 2px solid #d4d4d4;
}

.ft_form .form_input>div:last-child {
    border-bottom: 2px solid #d4d4d4;
}

.form_input>div p {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    font-size: 15px;
    letter-spacing: -0.1px;
    color: #3c3c3c;
}
.form_input>div p .required {
	color:red;
}

.form_input>div>div {
    display: inline-block;
    vertical-align: middle;
}

.ft_form .form_input .form_st .select {
    height: 34px;
    font-size: 12px;
    color: #838383;
}

.ft_form .form_input .form_st .select>.select-options {
    height: 169px;
    overflow-y: scroll;
}

.ft_form .form_input .form_st .select .select-styled {
    padding: 6px 15px;
    background: #fafafa;
    border: 1px solid #eaeaea;
}

.ft_form .form_input .form_st .select-styled::after {
    content: '\f107 ';
    font-family: 'FontAwesome';
    border: 0;
    top: 10px;
    right: 20px;
}

.ft_form .form_input .form_st .select-styled.active::after {
    content: '\f106';
}

.ft_form .form_input>div:nth-child(n+1):nth-child(-n+2) .form_st .select {
    width: 317px;
}

.ft_form .form_input>div:nth-child(n+3):nth-child(-n+4) .form_st .select {
    width: 101px;
}

.form_input>div>div .visit_form {
	margin-top:20px;
	display:none;
}
.form_input>div>div .visit_form label {
	margin-right: 10px;
}
.form_input>div>div .visit_form label.store_form {
	display:block;
	margin-bottom:10px;
}

.store_search_btn {
	display:inline-block;
	padding: 5px 10px;
	background-color:#d60514;
	color:#fff;
	margin-left:10px;
	cursor:pointer;
}
.store_search_popup {
	position:fixed;
	top:35%;
	left:50%;
	transform:translateX(-50%);
	width: 400px;
	background-color:#fff;
	box-shadow: 0 0 10px #bbb;
	z-index:3;
	display:none;
	cursor:default;
}
.store_search_popup.on {
	display:inline-block;
}
.store_search_popup .popup_top {
	background-color:#8c8279;
	line-height:45px;
	height:45px;
	position:relative;
	color:#fff;
}
.store_search_popup .popup_top .title {
	padding-left:20px;
	font-size: 18px;
}
.store_search_popup .popup_top .close_btn{
	width:20px;
	height:20px;
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
}
.store_search_popup .popup_content {
	padding:20px;
}
.store_search_popup .popup_content .input_box {
	font-size:0;
}
.store_search_popup .popup_content .input_box .popup_search_title {
	font-size:14px;
	width:39px;
	display:inline-block;
	line-height:34px;
	height:34px;
	vertical-align:middle;
}
.store_search_popup .popup_content .input_box .popup_search_text {
	width:calc(100% - 141px);
	display:inline-block;
}
.store_search_popup .popup_content .title {
	margin-bottom:20px;
	display:inline-block;
	padding: 10px;
	border:1px solid #000;
	background-color:#eaeaea;
	color:#000;
	text-align:center;
}
.store_search_popup .popup_content input[type=button] {
	width: 50px !important;
	height:34px;
	line-height:34px;
	background-color:#d60514;
	margin-left: 10px;
	color:#fff;
	padding:0;
	border:0;
	outline:0;
	cursor:pointer;
}
.store_search_popup .popup_content .search_store {
	margin-top:20px;
	border:1px solid #ddd;
	padding: 10px 20px;
}
.store_search_popup .popup_content .search_store select {
	height:30px;
	line-height:30px;
	width:100%;
}
.store_search_popup .popup_content .store_select {
	width: 120px;
	height:40px;
	line-height:40px;
	background-color:#111;
	text-align:center;
	color:#fff;
	margin:20px auto 0;
	cursor:pointer;
	border-radius:5px;
}

.form_input>div>div .no_visit_form {
	margin-top:20px;
	display:none;
}


.form_input>div>div .no_visit_form label {
	margin-right: 10px;
}

.form_input>div>div .no_visit_form select {
	width:100px;
	margin-right: 10px;
}

.form_input .col2_form input {
	margin-left:5px;
	width:100px;
}

.form_input>div>div .visit_form .store_search_btn:hover {
    background: #b00512;
}
.ft_form .form_input>div.email_box {
	display:none;
}

.ft_form .form_input input {
    padding: 6px 15px;
    background: #fafafa;
    border: 1px solid #eaeaea;
    font-size: 14px;
    letter-spacing: -0.1px;
    color: #222222;
    font-family: 'Noto Sans KR', Helvetica, AppleSDGothicNeo, sans-serif;
}

.ft_form .form_input input#search_store {
	background-color:transparent;
	border:0;
	outline:0;
}

.ft_form .form_input input[type=radio] {
	vertical-align:middle;
}

.ft_form .form_input .eval label span {
	vertical-align:middle;
}

/*.ft_form .form_input>div:nth-child(n+5):nth-child(-n+6) input {
    width: 317px;
}*/


/*.ft_form .form_input>div:nth-child(n+9) input {
    width: 687px;
}*/

.ft_form .form_input>div:nth-child(8) input {
    width: 687px;
}

.ft_form .form_input textarea {
    width: 687px;
    padding: 6px 15px;
    background: #fafafa;
    border: 1px solid #eaeaea;
    font-size: 14px;
    letter-spacing: -0.1px;
    color: #222222;
    font-family: 'Noto Sans KR', Helvetica, AppleSDGothicNeo, sans-serif;
}

.ft_form .form_input>div .filebox {
	width:717px;
}
.ft_form .form_input>div .filebox .upload_file_box {
	display:inline-block;
	position:relative;
}

.ft_form .form_input input.upload-name {
	width: 565px;
}
.ft_form .form_input .file_delete {
	width:20px;
	height:20px;
	background-color:#ccc;
	border-radius:25px;
	position:absolute;
	cursor:pointer;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	display:none;
}
.ft_form .form_input .file_delete:before,
.ft_form .form_input .file_delete:after {
	content:"";
	width: 12px;
	height:1px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) rotate(45deg);
	background-color:#000;
}
.ft_form .form_input .file_delete:after {
	transform:translate(-50%,-50%) rotate(-45deg);
}

.agreement {
    margin-top: 20px;
	display:block;
	text-align:right;
}

.agreement:after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.agreement>span>label {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.24px;
    color: #616161;
}

.agreement>p {
    display: inline-block;
    vertical-align: top;
    width: 105px;
    padding: 2px 0;
    text-align: center;
    margin-left: 20px;
    background: #8d8d8d;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #f2f2f2;
    font-weight: 300;
    cursor: pointer;
}

.agreement>p>span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 1px;
    background: #fff;
    position: relative;
}

.agreement>p>span::after {
    display: block;
    content: '';
    width: 7px;
    height: 1px;
    background: #fff;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    position: absolute;
    top: -3px;
    right: 0;
}
.captcha {
    font-size: 0.866rem;
    margin-top: 20px;
	padding-top:10px;
    line-height: 1.2;
    color: #999;
    text-align: right;
	border-top: 1px solid #ededed;
}

.clear::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.ft_form .form_btn {
    width: 150px;
    margin: 35px auto 0;
}

.ft_form .form_btn::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.ft_form .form_btn>p, .ft_form .form_btn input {
    width: 65px;
    background: #d60514;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    font-size: 14px;
    letter-spacing: -0.5px;
    cursor: pointer;
    border: 0;
}

.ft_form .form_btn>.submit {
    float: left;
    padding: 8px 0;
    border-radius: 0;
}

.ft_form .form_btn>.cancel {
    float: right;
}

.ft_form .form_btn>p:hover, .ft_form .form_btn input:hover {
    background: #b00512;
}

.agreement_intro>.agm_cont_wrap {
    display: block;
    position: static;
    padding-top: 0;
}

.agreement_intro .agm_cont>div {
    height: auto;
    overflow: auto;
    overflow-y: auto;
}

.agm_cont_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 1110px;
    background: #fff;
    display: none;
	border: 1px solid #ccc;
}

.agm_close {
    width: 47px;
    background: #505050;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.agm_close>span {
    display: block;
    width: 28px;
    height: 1px;
    background: #fff;
    margin: 23px auto;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
}

.agm_close>span::after {
    display: block;
    content: '';
    width: 28px;
    height: 1px;
    background: #fff;
    transform: rotate(-81deg);
    -webkit-transform: rotate(-81deg);
    -moz-transform: rotate(-81deg);
}

.agm_cont>p {
    text-align: center;
    font-size: 28px;
    line-height: 45px;
    letter-spacing: -0.25px;
    color: #282828;
    margin-bottom: 47px;
}

.agm_cont>div {
    background: #f9f9f9;
    height: 640px;
    padding: 50px 30px;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid #f1f1f1;
    border-right: 0;
}

.agm_cont>div>p {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.25px;
    font-weight: 500;
    color: #3b3b3b;
    padding-bottom: 13px;
    border-bottom: 3px solid #d60615;
    margin-bottom: 19px;
}

.agm_cont>div>div {
    margin-bottom: 29px;
}

.agm_cont>div>div>.tit {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.25px;
    color: #d60514;
    margin-bottom: 19px;
}

.agm_cont>div>div>.tit.bold {
    font-weight: 500;
}

.agm_cont>div>div>.cont {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
    /*color: #3b3b3b;
    font-weight: 300;*/
    word-break: keep-all;
}

.agm_cont>div>div>ul {
    margin-top: 15px;
}

.agm_cont>div>div>ul>li {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
    color: #3b3b3b;
    font-weight: 400;
}

.agm_cont>div>div>ul>li>ul>li {
    padding-left: 21px;
    margin-bottom: 5px;
}

.agm_cont>div>div>ul .dash>li::before {
    display: inline-block;
    content: '';
    width: 3px;
    height: 1px;
    background: #3b3b3b;
    margin: -2px 5px 0 0;
    vertical-align: middle;
}

.agm_cont>div>div>ul .dotted>li::before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #3b3b3b;
    margin: -2px 5px 0 0;
    vertical-align: middle;
}

.agm_ver{width:165px; height:36px !important; padding-left:10px; border:1px solid #ddd;}


/*170523 ara*/

.section_wrap>.section02 {
    background: url('/wp-content/uploads/2017/05/story_top_bg.jpg') no-repeat;
    background-size: 100% 75%;
}

.section_wrap>.section03 {
    padding: 0;
    margin-top: 100px;
}

.section_wrap>.section04 {
    background: url('/layouts/default/image/story_bottom_bg.jpg') no-repeat;
    padding: 74px 122px;
    max-height: 557px;
    background-size: cover;
}

.story .st_tit {
    padding: 107px 0 88px;
    text-align: center;
}

.story .st_tit p {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: -0.25px;
    color: #fff;
}

.story .st_tit p:nth-child(2) {
    font-size: 43px;
}

.story .st_tit p:nth-child(3) {
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 0;
    color: #f1f1f1;
}

.story .st_top {
    width: 1052px;
    margin: 0 auto;
    -webkit-box-shadow: 7px 7px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 7px 7px 25px rgba(0, 0, 0, 0.1);
}

.story .st_top::after {
    content: '';
    display: block;
    clear: both;
}

.story .st_top>div {
    float: left;
}

.story .st_top>div:first-child, .story .st_top>div:nth-child(3) {
    width: 406px;
    height: 225px;
    padding: 64px 60px;
    background: #fafafa;
}

.story .st_top>div:nth-child(2) {
    width: 526px;
}

.story .st_top div p {
    font-size: 41px;
    font-weight: 300;
    line-height: 46px;
    color: #3a3a3a;
}

.story .st_top table {
    margin-top: 30px;
}

.foot table tbody tr {
    vertical-align: top;
}

.story .st_top table tbody tr td, .foot table tbody tr td {
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.3px;
    color: #5e5e5e;
}

.story .st_top table tbody tr td:nth-child(2), .foot table tbody tr td:nth-child(2) {
    text-align: left;
    font-weight: 300;
    padding-left: 15px;
}

.story .st_top>div ul::after {
    content: '';
    display: block;
    clear: both;
}

.story .st_top>div ul li {
    float: left;
}

.story .st_top>div>ul li:nth-child(4) p {
    width: 263px;
    font-size: 15px;
    font-weight: 200;
    line-height: 26px;
    color: #fafafa;
    background: #b71924;
    text-align: center;
    padding: 44px 0;
}

.st_cont .foot {
    position: relative;
}

.foot .foot_r {
    position: absolute;
    right: 0;
}

.foot .foot_l {
    position: absolute;
    left: 0;
}

.foot06 .foot_r {
    top: 140px;
}

.foot08 .foot_l {
    top: -230px;
}

.foot09 .foot_r {
    top: -140px;
    right: 70px;
}

.foot11 .foot_l {
    top: 180px;
}

.foot13 .foot_r {
    top: -300px;
}

.foot14 .foot_l {
    top: 180px;
}

.foot15 .foot_r {
    top: -580px;
    right: 86px;
}

.foot16 .foot_r {
    top: -210px;
}

.foot06 {
    height: 615px;
    position: relative;
}

.foot08 {
    height: 327px;
    position: relative;
}

.foot09 {
    height: 85px;
    position: relative;
}

.foot11 {
    height: 717px;
    position: relative;
}

.foot13 {
    height: 203px;
    position: relative;
}

.foot14 {
    height: 875px;
    position: relative;
}

.foot15 {
    height: 0;
    position: relative;
}

.foot16 {
    height: 600px;
    position: relative;
}

.foot>div>div {
    margin-top: -10px;
}

.foot .foot_r>div {
    position: relative;
    right: -200px;
    opacity: 0;
    transition: 1s ease-out all;
}

.foot .foot_l>div {
    position: relative;
    left: -200px;
    opacity: 0;
    transition: 1s ease-out all;
}

.foot .foot_r.activation>div {
    opacity: 1;
    right: 0;
}

.foot .foot_l.activation>div {
    opacity: 1;
    left: 0;
}

.foot>div>div p:nth-child(3)::after {
    opacity: 0;
}

.foot>div.activation>div p:nth-child(3)::after {
    animation: bg_showit 1s linear forwards;
    animation-delay: 1s;
}

@keyframes bg_showit {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.foot>div>div p:first-child {
    font-size: 32px;
    font-weight: 300;
    line-height: 46px;
    color: #3a3a3a;
    position: relative;
}

.foot_r>div p:first-child::after {
    content: '';
    display: block;
    width: 56px;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    top: 21px;
    left: -87px;
}

.foot_l>div p:first-child::after {
    content: '';
    display: block;
    width: 56px;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    top: 21px;
    right: -90px;
}

.foot>div>div p:nth-child(3) {
    margin-top: 40px;
}

.foot_r .year_icon {
    position: absolute;
    left: -111px;
    z-index: 9;
    height: 20px;
    width: 20px;
    border: 2px solid #eb4047;
    background: #fff;
    border-radius: 50%;
    display: none;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_all;
    animation-name: foot_all;
}

.foot_r .year_icon span, .foot_l .year_icon span {
    position: absolute;
    left: 7px;
    top: 7px;
    z-index: 99;
    height: 6px;
    width: 6px;
    background: #eb4047;
    border-radius: 50%;
}

.foot_l .year_icon {
    position: absolute;
    right: -114px;
    z-index: 9;
    height: 20px;
    width: 20px;
    border: 2px solid #eb4047;
    background: #fff;
    border-radius: 50%;
    display: none;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_all;
    animation-name: foot_all;
}

@-webkit-keyframes foot_all {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes foot_all {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.foot06::before {
    content: '';
    display: block;
    width: 3px;
    height: 153px;
    background: #f3f3f3;
    position: absolute;
    left: 50%;
}

.foot06 .active {
    display: none;
    width: 3px;
    height: 153px;
    background: #eb4047;
    position: absolute;
    left: 50%;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_line06;
    animation-name: foot_line06;
}

@-webkit-keyframes foot_line06 {
    0% {
        height: 0;
    }
    100% {
        height: 153px;
    }
}

@keyframes foot_line06 {
    0% {
        height: 0;
    }
    100% {
        height: 153px;
    }
}

.foot08::before {
    content: '';
    display: block;
    width: 3px;
    height: 250px;
    background: #f3f3f3;
    position: absolute;
    left: 50%;
    top: -465px;
}

.foot08 .active {
    content: '';
    display: none;
    width: 3px;
    height: 250px;
    background: #eb4047;
    position: absolute;
    left: 50%;
    top: -465px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_line08;
    animation-name: foot_line08;
}

@-webkit-keyframes foot_line08 {
    0% {
        height: 0;
    }
    100% {
        height: 250px;
    }
}

@keyframes foot_line08 {
    0% {
        height: 0;
    }
    100% {
        height: 250px;
    }
}

.foot09::before {
    content: '';
    display: block;
    width: 3px;
    height: 420px;
    background: #f3f3f3;
    position: absolute;
    left: 50%;
    top: -546px;
}

.foot09 .active {
    content: '';
    display: none;
    width: 3px;
    height: 420px;
    background: #eb4047;
    position: absolute;
    left: 50%;
    top: -546px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_line09;
    animation-name: foot_line09;
}

@-webkit-keyframes foot_line09 {
    0% {
        height: 0;
    }
    100% {
        height: 420px;
    }
}

@keyframes foot_line09 {
    0% {
        height: 0;
    }
    100% {
        height: 420px;
    }
}

.foot11::before {
    content: '';
    display: block;
    width: 3px;
    height: 408px;
    background: #f3f3f3;
    position: absolute;
    left: 50%;
    top: -215px;
}

.foot11 .active {
    content: '';
    display: none;
    width: 3px;
    height: 408px;
    background: #eb4047;
    position: absolute;
    left: 50%;
    top: -215px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_line11;
    animation-name: foot_line11;
}

@-webkit-keyframes foot_line11 {
    0% {
        height: 0;
    }
    100% {
        height: 408px;
    }
}

@keyframes foot_line11 {
    0% {
        height: 0;
    }
    100% {
        height: 408px;
    }
}

.foot13::before {
    content: '';
    display: block;
    width: 3px;
    height: 238px;
    background: #f3f3f3;
    position: absolute;
    left: 50%;
    top: -523px;
}

.foot13 .active {
    content: '';
    display: none;
    width: 3px;
    height: 238px;
    background: #eb4047;
    position: absolute;
    left: 50%;
    top: -523px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_line13;
    animation-name: foot_line13;
}

@-webkit-keyframes foot_line13 {
    0% {
        height: 0;
    }
    100% {
        height: 238px;
    }
}

@keyframes foot_line13 {
    0% {
        height: 0;
    }
    100% {
        height: 238px;
    }
}

.foot14::before {
    content: '';
    display: block;
    width: 3px;
    height: 685px;
    background: #f3f3f3;
    position: absolute;
    left: 50%;
    top: -493px;
}

.foot14 .active {
    content: '';
    display: none;
    width: 3px;
    height: 685px;
    background: #eb4047;
    position: absolute;
    left: 50%;
    top: -493px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_line14;
    animation-name: foot_line14;
}

@-webkit-keyframes foot_line14 {
    0% {
        height: 0;
    }
    100% {
        height: 685px;
    }
}

@keyframes foot_line14 {
    0% {
        height: 0;
    }
    100% {
        height: 685px;
    }
}

.foot15::before {
    content: '';
    display: block;
    width: 3px;
    height: 115px;
    background: #f3f3f3;
    position: absolute;
    left: 50%;
    top: -685px;
}

.foot15 .active {
    content: '';
    display: none;
    width: 3px;
    height: 115px;
    background: #eb4047;
    position: absolute;
    left: 50%;
    top: -685px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_line15;
    animation-name: foot_line15;
}

@-webkit-keyframes foot_line15 {
    0% {
        height: 0;
    }
    100% {
        height: 115px;
    }
}

@keyframes foot_line15 {
    0% {
        height: 0;
    }
    100% {
        height: 115px;
    }
}

.foot16::before {
    content: '';
    display: block;
    width: 3px;
    height: 1200px;
    background: #f3f3f3;
    position: absolute;
    left: 50%;
    top: -568px;
    z-index: -1;
}

.foot16 .active {
    content: '';
    display: none;
    width: 3px;
    height: 1200px;
    background: #eb4047;
    position: absolute;
    left: 50%;
    top: -568px;
    z-index: -1;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: foot_line16;
    animation-name: foot_line16;
}

@-webkit-keyframes foot_line16 {
    0% {
        height: 0;
    }
    100% {
        height: 1200px;
    }
}

@keyframes foot_line16 {
    0% {
        height: 0;
    }
    100% {
        height: 1200px;
    }
}

.year20 {
    border: 15px solid rgba(230, 227, 207, 0.1);
    text-align: center;
    padding: 70px 120px;
}

.year20>p {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}

.year20>p:nth-child(2) {
    font-size: 19px;
    font-weight: 300;
    line-height: 40px;
}

.year20>div {
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    color: #fff;
    padding: 5px 0;
    border-top: 1px solid #808283;
    border-bottom: 1px solid #808283;
    margin-top: 30px;
    word-break: keep-all;
}

.foot>div>div p:nth-child(3) {
    position: relative;
}

.foot06>div>div p:nth-child(3)::after {
    content: '';
    display: block;
    width: 235px;
    height: 213px;
    background: url('/wp-content/uploads/2017/05/year_bg01.png') no-repeat;
    position: absolute;
    bottom: -100px;
    right: -125px;
    z-index: -1;
}

.foot08>div>div p:nth-child(3)::after {
    content: '';
    display: block;
    width: 322px;
    height: 233px;
    background: url('/wp-content/uploads/2017/05/year_bg02.png') no-repeat;
    position: absolute;
    bottom: -100px;
    left: -125px;
    z-index: -1;
}

.foot11>div>div p:nth-child(3)::after {
    content: '';
    display: block;
    width: 624px;
    height: 271px;
    background: url('/wp-content/uploads/2017/05/year_bg03.png') no-repeat;
    position: absolute;
    bottom: -100px;
    left: -125px;
    z-index: -1;
}

.foot13>div>div p:nth-child(3)::after {
    content: '';
    display: block;
    width: 442px;
    height: 224px;
    background: url('/wp-content/uploads/2017/05/year_bg04.png') no-repeat;
    position: absolute;
    bottom: -100px;
    right: -200px;
    z-index: -1;
}

.foot14>div>div p:nth-child(3)::after {
    content: '';
    display: block;
    width: 259px;
    height: 261px;
    background: url('/wp-content/uploads/2017/05/year_bg05.png') no-repeat;
    position: absolute;
    bottom: -100px;
    left: -125px;
    z-index: -1;
}

.foot16>div>div p:nth-child(3)::after {
    content: '';
    display: block;
    width: 274px;
    height: 295px;
    background: url('/wp-content/uploads/2017/05/year_bg06.png') no-repeat;
    position: absolute;
    bottom: -100px;
    right: -125px;
    z-index: -1;
}


/*story end*/


/*.global .infra {
    background: url('/wp-content/uploads/2017/05/global_bg.jpg') no-repeat;
    background-size: cover;
    padding: 26px 28px;
    ;
}

.global .infra div {
    padding: 53px 47px;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.global .infra div p {
    font-size: 27px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #fff;
}

.global .infra div p:nth-child(2) {
    font-size: 15px;
    font-weight: 200;
    line-height: 25px;
    letter-spacing: 0;
    margin-top: 37px;
}

.glo_map {
    margin-top: 80px;
}

.global .global_tit {
    font-size: 23px;
    font-weight: 300;
    color: #444;
    text-align: center;
    margin-bottom: 70px;
    position: relative;
}

.global .global_tit::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #c7c7c7;
    position: absolute;
    top: 65px;
    left: 50%;
}

.global .global_tit span {
    font-weight: 500;
    color: #c9252a;
}

.glo_map>div {
    border: 1px solid #ececec;
}

.glo_map>div>p {
    border-top: 2px solid #cb525b;
    padding: 20px 56px 20px 25px;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #888;
    position: relative;
}

.glo_map>div>p:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #6c271e;
    position: absolute;
    top: 29px;
    left: 13px;
}

.corperation>ul {
    margin-top: 40px;
}

.corperation>ul>li {
    display: inline-block;
    vertical-align: top;
    background: #f8f8f8;
    margin-right: 40px;
    padding: 50px 30px;
    height: 236px;
}

.corperation>ul>li:last-child {
    margin-right: 0;
}

.corperation>ul>li p {
    font-size: 21px;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}

.corperation>ul>li>ul li {
    margin-bottom: 20px;
}
*/


/*global end*/

.shopping ul::after {
    content: '';
    display: block;
    clear: both;
}

.shopping ul li {
    float: left;
}

.shopping ul li:first-child {
	width:30%;
}


.shopping ul li:first-child>div:first-child {
    text-align: center;
    background: #d60514;
}

.shopping ul li:first-child>div:nth-child(2) {
    background: url('/wp-content/uploads/2017/05/shop03_bg.jpg') no-repeat center center;
    background-size: cover;
    width: 341px;
    height: 266px;
    padding: 39px 0;
}

.shopping ul li:first-child>div p {
    font-size: 15px;
    font-weight: 300;
    line-height: 33px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 38px;
}

.shopping ul li:first-child>div p:nth-child(2) {
    font-size: 30px;
}

.shopping ul li:first-child>div p:nth-child(3) {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-top: 15px;
    transition: .3s ease all;
    -moz-transition: .3s ease all;
    -webkit-transition: .3s ease all;
}

.shopping ul li:first-child>div p:nth-child(3) a {
    display: block;
    padding: 0 12px;
    color: #fff;
    transition: .3s ease all;
    -moz-transition: .3s ease all;
    -webkit-transition: .3s ease all;
}

.shopping ul li:first-child>div p:nth-child(3):hover {
    border: 1px solid #fff;
    background: #fff;
}

.shopping ul li:first-child>div p:nth-child(3) a:hover {
    color: #333;
}

.shopping ul li:nth-child(2)>div>div {
    width: 769px;
    background: #f4f4f4;
    padding: 31px 0;
    position: relative;
}

.shopping ul li:nth-child(2)>div>div::after {
    content: '';
    display: block;
    width: 91px;
    height: 73px;
    background: url('/wp-content/uploads/2017/05/shop04_bg.png');
    position: absolute;
    top: 0;
    right: 0;
}

.shopping ul li:nth-child(2)>div>div p {
    font-size: 20px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: -0.25px;
    color: #333;
    padding: 0 35px;
}

.shopping ul li:nth-child(2)>div>div p:nth-child(2) {
    position: relative;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    color: #707070;
    margin-top: 15px;
    z-index: 9;
    word-break: keep-all;
}

.sh_again {
    text-align: center;
}

.sh_again ul::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.sh_again ul li {
    float: left;
    margin: 0 13px 13px 0;
    position: relative;
    cursor: pointer;
    width: 262px;
    height: 184px;
}

.sh_again ul li .sh_sum {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

.sh_again ul li:hover .sh_sum {
    opacity: 1;
}

.sh_again ul li .sh_sum p:first-child {
    position: absolute;
    top: 40%;
    left: 50%;
}

.sh_again ul li .sh_sum p:nth-child(2) {
    width: 90%;
    margin: 0 10px;
    font-size: 13px;
    font-weight: 300;
    color: #fbfbfb;
    text-align: left;
    padding: 5px 0;
    border-top: 1px solid #a8a8a8;
    position: absolute;
    top: 80%;
}

.sh_again ul li .sh_sum p:nth-child(2) a {
    color: #fbfbfb;
}

.sh_sum_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    padding: 0 !important;
}

.sh_sum_modal>.modal_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.sh_sum_modal>.modal_cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1064px;
    padding: 20px;
    height: 667px;
    background: #fff;
    margin: auto;
}

.sh_sum_modal>.modal_cont>div {
    border: 3px solid #d60514;
    padding: 15px 20px;
    position: relative;
}

.sh_sum_modal>.modal_cont>div>.title {
    font-size: 24px;
    text-align: center;
    letter-spacing: -0.25px;
    color: #333333;
    margin-bottom: 15px;
}

.sh_sum_modal>.modal_cont>div>.close_btn {
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 2em;
    color: #d60514;
    cursor: pointer;
}

.sh_again ul li:nth-child(4n) {
    margin-right: 0;
}

.sh_again .more_btn02 {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    color: #d60514;
    cursor: pointer;
    text-transform: uppercase;
    border: 1px solid #d60514;
    padding: 10px 30px;
    transition: .3s ease all;
    -moz-transition: .3s ease all;
    -webkit-transition: .3s ease all;
    margin-top: 70px;
}

.sh_again .more_btn02:hover {
    border: 1px solid #d60514;
    background: #d60514;
    color: #fff;
}


/*shop end*/

.ne_med ul li {
    width: calc(33.3% - 27px);
    display: inline-block;
    vertical-align: top;
    margin: 0 37px 37px 0;
}

.ne_med ul li:nth-child(3n) {
    margin-right: 0;
}

.ne_med ul li>div {
    background: #fbfbfb;
    border: 1px solid #e2e2e2;
    border-top: none;
    padding: 30px 10px;
    position: relative;
}

.ne_med ul li>div::after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fbfbfb;
    position: absolute;
    top: -15px;
    left: 155px;
}

.ne_med ul li>div p {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.25px;
}

.ne_med ul li>div p a {
    color: #444;
}

.ne_med ul li>div p:nth-child(2) {
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    color: #747474;
    padding: 15px 0;
    word-break: keep-all;
}

.ne_med ul li>div p:nth-child(3) {
    font-size: 13px;
    font-weight: 500;
    line-height: 23px;
    color: #717377;
}

.ne_med_view table {
    width: 100%;
    background: #f5f5f5;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    margin-bottom: 40px;
}

.ne_med_view table ul li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    padding-right: 5px;
}

.ne_med_view table ul li>a {
    font-size: 14px;
    color: #c8c8c8;
}

.ne_med_view table ul li:last-child {
    padding-right: 0;
}

.ne_med_view table ul li:last-child::after {
    content: none;
}

.ne_med_view table ul li::after {
    content: '';
    display: block;
    width: 1px;
    height: 13px;
    background: #dfdfdf;
    position: absolute;
    top: 4px;
    right: -5px;
}

.ne_med_view table tbody tr td {
    padding: 15px 0;
}

.ne_med_view table tbody tr td:first-child {
    font-size: 14px;
    font-weight: 200;
    letter-spacing: -0.25px;
    color: #656565;
}

.ne_med_view table tbody tr td:nth-child(2) {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.25px;
    color: #444;
}

.ne_med_view table.pass_tbl tbody tr td:nth-child(2) {
	font-size: inherit;
    font-weight: unset;
    letter-spacing: 0;
    color: #444;
}

.ne_med_view table.supporters tbody tr td {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.25px;
    color: #222;
}

.ne_med_view>div {
    background: #fbfbfb;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 60px 50px;
    text-align: center;
    margin-bottom: 50px;
}

.ne_med_view>div img {
    margin-bottom: 40px;
    height: auto;
}

.ne_med_view>div .view_tex {
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -0.25px;
    color: #636363;
    text-align: left;
    margin-bottom: 30px;
    word-break: keep-all;
}

.ne_med_view>div .view_txt {
    background: #f5f5f5;
    text-align: left;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.3px;
}

.ne_med_view>div .view_txt a {
    color: #777;
}

.page_num02 {
    width: 114px;
    margin: 0 auto;
}

.page_num02::after {
    content: '';
    display: block;
    clear: both;
}

.page_num02 p {
    float: left;
    cursor: pointer;
}

.page_num02 p:nth-child(2) {
    color: #fff;
    background: #d60514;
    padding: 9px 14px;
}

.page_num02 p:first-child, .page_num02 p:nth-child(3) {
    color: #d60514;
    padding: 8px 15px;
    border: 1px solid #dfdfdf;
}


/*news_media end*/

.notice table {
    width: 100%;
    border-top: 2px solid #cacaca;
    border-bottom: 2px solid #cacaca;
    text-align: center;
}

.notice table thead {
    background: #f7f7f7;
}

.notice table thead tr th {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.1px;
    color: #444;
}

.notice table thead tr th:nth-child(2) {
    width: 70%;
}

.notice table tbody tr td {
    font-size: 15px;
    font-weight: 300;
    color: #333;
    padding: 15px 20px;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-left: none;
}

.notice table tbody tr td:nth-child(2) {
    text-align: left;
}

.notice table tbody tr td:nth-child(2) a {
    color: #333;
}

.notice table tbody tr td:last-child {
    border-right: none;
}


/*notice end*/

.emp_img01_mo{display:none}

.employ>ul {
	font-size: 0;
	margin-left: -0.5%;
	margin-right: -0.5%;
}

.employ>ul>li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: calc( 0.5% );
	margin-right: calc( 0.5% );
}

.employ>ul>li:first-child {
    height: 510px;
    background: url('/wp-content/uploads/2017/05/talent01.jpg') no-repeat left bottom;
    background-size: cover;
    padding: 36px 0 0 45px;
}

.employ>ul>li:first-child p {
    font-size: 39px;
    font-weight: 300;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
}

.employ>ul>li:first-child p span {
    font-weight: 500;
}

.employ>ul>li>ul {
	margin-left: -1%;
	margin-right: -1%;
}

.employ>ul>li>ul>li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    height: 250px;
    padding: 25px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: calc( 1% );
	margin-right: calc( 1% );
	margin-bottom: 10px;
}

.employ>ul>li>ul>li:first-child {
    background: url('/wp-content/uploads/2017/05/talent02.jpg');
}

.employ>ul>li>ul>li:nth-child(2) {
    background: url('/wp-content/uploads/2017/05/talent03.jpg');
}

.employ>ul>li>ul>li:nth-child(3) {
    background: url('/wp-content/uploads/2017/05/talent04.jpg');
}

.employ>ul>li>ul>li:nth-child(4) {
    background: url('/wp-content/uploads/2017/05/talent05.jpg');
}

.employ>ul>li>ul>li p {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.25px;
    color: #fff;
    margin-bottom: 5px;
    word-break: keep-all;
}

.employ>ul>li>ul>li p:nth-child(2) {
    font-size: 15px;
    font-weight: 200;
    line-height: 24px;
}

.employ>ul>li>ul>li:first-child p:nth-child(2) {
    color: #9eb1bc;
}

.employ>ul>li>ul>li:nth-child(2) p:nth-child(2) {
    color: #f9adb0;
}

.employ>ul>li>ul>li:nth-child(3) p:nth-child(2) {
    color: #aeaeae;
}

.employ>ul>li>ul>li:nth-child(4) p:nth-child(2) {
    color: #8e8e8e;
}

.em_system table {
    width: 100%;
}

.em_system table tbody tr td:first-child {
    width: 329px;
}

.em_system table tbody tr:first-child td:first-child {
    border-top: 3px solid #d60514;
}

.em_system table tbody tr:first-child td:nth-child(2) {
    border-top: 3px solid #e2e2e2;
    background: url('/wp-content/uploads/2017/05/per_sys01_bg.png') no-repeat;
    background-position: right;
}

.em_system table tbody tr:nth-child(2) td:nth-child(2) {
    background: url('/wp-content/uploads/2017/05/per_sys02_bg.png') no-repeat;
    background-position: right;
}

.em_system table tbody tr:nth-child(3) td:nth-child(2) {
    background: url('/wp-content/uploads/2017/05/per_sys03_bg.png') no-repeat;
    background-position: right;
}

.em_system table tbody tr td {
    padding: 40px 0;
    border-bottom: 1px solid #eeeeee;
}

.em_system table tbody tr:last-child {
    border-bottom: 3px solid #e2e2e2;
}

.em_system table tbody tr td p {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.25px;
    color: #545454;
}

.em_system table tbody tr td:nth-child(2) {
    padding-left: 30px;
}

.em_system table tbody tr td ul li {
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
    color: #8a8a8a;
    padding-left: 15px;
    position: relative;
    word-break: keep-all;
}

.em_system table tbody tr td ul li::before {
    content: '';
    display: block;
    width: 7px;
    height: 1px;
    background: #8a8a8a;
    position: absolute;
    top: 12px;
    left: 0;
}

.em_wel {
    background: #f9f9f9;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 70px 0;
    text-align: center;
}

.em_wel ul li {
    width: 256px;
    height: 256px;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    text-align: center;
    margin-right: 85px;
    position: relative;
}

.em_wel ul li::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url('/wp-content/uploads/2017/05/em_plus.png');
    position: absolute;
    top: 115px;
    right: -55px;
}

.em_wel ul li:first-child {
    background: #c42f34;
}

.em_wel ul li:nth-child(2) {
    background: #415b6a;
}

.em_wel ul li:nth-child(3) {
    background: #858585;
    margin-right: 0;
}

.em_wel ul li:nth-child(3)::after {
    content: none;
}

.em_wel ul li p:first-child {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
    margin: 50px 0 22px;
}

.em_wel ul li p:nth-child(2) {
    font-size: 15px;
    font-weight: 200;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #fff;
}

.em_pro>ul>li {
    float: left;
    width: 544px;
    vertical-align: top;
}

.em_pro>ul>li:first-child {
    width: 475px;
    height: 327px;
    background: url('/wp-content/uploads/2017/05/per_pro.jpg') no-repeat;
    padding: 40px;
}

.em_pro>ul>li:first-child p {
    font-size: 37px;
    font-weight: 300;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

.em_pro>ul>li:first-child p:nth-child(2) {
    padding: 210px 40px 0 0;
    text-align: right;
    font-size: 15px;
    font-weight: 200;
    position: relative;
}

.em_pro>ul>li:first-child p:nth-child(2)::after {
    content: '';
    display: block;
    width: 44px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 20px;
    right: -15px;
}

.em_pro>ul>li:first-child p:nth-child(2)::before {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    position: absolute;
    bottom: 24px;
    right: -15px;
}

.em_pro>ul>li:first-child p:nth-child(2) a {
    color: #fff;
}

.em_pro>ul>li:first-child p span {
    font-weight: 500;
}

.em_pro ul::after {
    content: '';
    display: block;
    clear: both;
}

.em_pro>ul>li>ul>li {
    float: left;
    vertical-align: top;
    width: 223px;
    height: 152px;
    padding: 25px 24px;
    border: 1px solid #ebebeb;
    border-left: none;
}

.em_pro>ul>li>ul>li:nth-child(3), .em_pro>ul>li>ul>li:nth-child(4) {
    float: right;
}

.em_pro>ul>li>ul>li:first-child, .em_pro>ul>li>ul>li:nth-child(2) {
    border-bottom: none;
}

.em_pro>ul>li>ul>li:first-child, .em_pro>ul>li>ul>li:nth-child(3) {
    background: #f9f9f9;
}

.em_pro>ul>li>ul>li p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.25px;
    color: #444;
    margin-bottom: 5px;
    text-align: center;
    word-break: keep-all;
}

.em_pro>ul>li>ul>li p:nth-child(2) {
    font-size: 15px;
    font-weight: 200;
    line-height: 24px;
    color: #8c8c8c;
}

.em_pro>ul>li>ul>li:first-child {
    position: relative;
}

.em_pro>ul>li>ul>li:first-child::after {
    content: '';
    display: block;
    width: 18px;
    height: 34px;
    background: url('/wp-content/uploads/2017/05/pro_li01.png');
    position: absolute;
    top: 85px;
    right: -18px;
}

.em_pro>ul>li>ul>li:nth-child(2) {
    position: relative;
}

.em_pro>ul>li>ul>li:nth-child(2)::after {
    content: '';
    display: block;
    width: 32px;
    height: 17px;
    background: url('/wp-content/uploads/2017/05/pro_li02.png');
    position: absolute;
    bottom: -17px;
    left: 115px;
    z-index: 9;
}

.em_pro>ul>li>ul>li:nth-child(3) {
    position: relative;
}

.em_pro>ul>li>ul>li:nth-child(3)::after {
    content: '';
    display: block;
    width: 17px;
    height: 32px;
    background: url('/wp-content/uploads/2017/05/pro_li03.png');
    position: absolute;
    bottom: 85px;
    left: -17px;
}

.receipt {
    font-size: 15px;
    font-weight: 400;
    color: #d62828;
    padding: 10px;
    text-align: right;
}

.sub_bg03 {
    background: url('/wp-content/uploads/2017/05/sub_header_bg03.jpg') no-repeat center center;
    background-size: cover;
}


/*employ end*/

.cupon_li {
    text-align: center;
    padding: 100px 0;
    border-bottom: 1px solid #c6c6c6;
}

.cupon_li02 {
    text-align: center;
    padding: 100px 0;
}

.cupon_tit {
    font-size: 23px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.25px;
    color: #c9252a;
}

.cupon_tex {
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.25px;
    color: #5b5b5b;
    margin-bottom: 70px;
    position: relative;
    word-break: keep-all;
}

.cupon_li .cupon_tex::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #c7c7c7;
    position: absolute;
    top: 60px;
    left: 49%;
}

.cupon_li ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 80px;
}

.cupon_li ul li:last-child {
    margin-right: 0;
}

.cupon_li ul li>p {
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.cupon_li ul li div>p {
    font-size: 26px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #2b3245;
}

.cupon_li ul li div>p span {
    font-weight: 500;
}

.cupon_li ul li div>p:first-child {
    position: relative;
    margin: 27px 0 37px;
}

.cupon_li ul li div>p:first-child::after {
    content: '';
    display: block;
    width: 111px;
    height: 9px;
    background: #ff9691;
    position: absolute;
    top: 20px;
    left: 75px;
    z-index: -1;
}

.cupon_li ul li div>p:nth-child(2) {
    font-size: 15px;
    font-weight: 300;
    color: #555;
}

.cupon_li ul li div>p:nth-child(2) span {
    color: #ec2d25;
    font-weight: 300;
}

.cupon_li ul li .step {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.25px;
    background: #fc4f3f;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 5px 30px;
    margin-bottom: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cupon_li02 ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 200px;
    position: relative;
}

.cupon_li02 ul li::after {
    content: '';
    display: block;
    width: 1px;
    height: 199px;
    background: #e8e8e8;
    position: absolute;
    top: 0;
    right: -105px;
}

.cupon_li02 ul li:last-child::after {
    content: none;
}

.cupon_li02 ul li:last-child {
    margin-right: 0;
}

.cupon_li02 ul li p {
    font-size: 26px;
    font-weight: 300;
    letter-spacing: -0.25px;
    color: #2b3245;
    margin-bottom: 40px;
}

.cupon_li02 ul li p span {
    font-weight: 500;
}

.sub_bg04 {
    background: url('/wp-content/uploads/2017/05/sub_header_bg04.jpg') no-repeat center center;
    background-size: cover;
}


/*cupon end*/

.business .bus_pro {
    background: url('/wp-content/uploads/2017/05/business_bg01.jpg') no-repeat;
    background-size: cover;
    padding: 70px 54px;
}

.business .bus_pro>p {
    font-size: 21px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: #444;
    text-align: center;
    word-break: keep-all;
}

.business .bus_pro>p span {
    font-weight: 700;
}

.business .bus_pro>p:nth-child(2) {
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    color: #8e8e8e;
    padding-top: 18px;
}

.business .bus_pro ul {
    margin-top: 55px;
    text-align: center;
}

.business .bus_pro ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 266px;
    height: 266px;
    border-radius: 50%;
    margin: 0 0 0 -24px;
}

.business .bus_pro ul li:first-child {
    margin-left: 0;
}

.business .bus_pro ul li>p:first-child {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 47px 0 5px;
    border-bottom: 2px solid #fff;
}

.business .bus_pro ul li>p:nth-child(2) {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    padding: 20px 0 10px;
}

.business .bus_pro ul li>p:nth-child(3) {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -0.25px;
}

.business .bus_pro ul li:first-child, .business .bus_pro ul li:nth-child(4) {
    background: rgba(180, 18, 23, 0.8);
}

.business .bus_pro ul li:nth-child(2) {
    background: rgba(49, 74, 89, 0.8);
}

.business .bus_pro ul li:nth-child(3) {
    background: rgba(130, 130, 130, 0.8);
}

.business .bus_pro ul li:first-child>p:nth-child(3), .business .bus_pro ul li:nth-child(4)>p:nth-child(3) {
    color: #f79ea1;
}

.business .bus_pro ul li:nth-child(2)>p:nth-child(3) {
    color: #ccd2d6;
}

.business .bus_pro ul li:nth-child(3)>p:nth-child(3) {
    color: #ddd;
}

.business .bus_sys {
    background: url('/wp-content/uploads/2017/05/business_bg02.jpg') no-repeat;
    padding: 22px 28px;
    margin-top: 80px;
}

.business .bus_sys div {
    padding: 54px 27px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    word-break: keep-all;
}

.business .bus_sys div p {
    font-size: 27px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #fff;
}

.business .bus_sys div p:nth-child(2) {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    padding-top: 25px;
}

.business .bus_li { font-size:0; }

.business .bus_li ul {
    margin-top: 50px;
    text-align: center;
	margin-right:-37px;
}

.business .bus_li ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: calc(25% - 37px);
    margin-right: 37px;
}


.business .bus_li ul li>p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #fff;
    margin-bottom: 20px;
    padding: 10px 0;
}

.business .bus_li ul li:nth-child(even)>p {
    background: #415b6a;
}

.business .bus_li ul li:nth-child(odd)>p {
    background: #bd3035;
}

.business .bus_li ul li>div>div {
    background: #fbfbfb;
    border: 1px solid #e5e5e5;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: #888;
    height: 115px;
    padding: 25px 10px;
    word-break: keep-all;
}

.sub_bg05 {
    background: url('/layouts/default/image/sub_header_bg05.jpg') no-repeat center center;
    background-size: cover;
}


/*business end*/

.filebox {
    width: 85%;
}

.filebox .file_box2 {
	margin-top:10px;
	display:none;
}

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.filebox label {
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    background-color: #d60514;
    cursor: pointer;
    border: 1px solid #d60514;
    margin-left: -5px;
	position:relative;
}

.filebox label:hover {
    background: #b00512;
}

.filebox .upload-name {
	width:
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.filebox>p {
    width: 100% !important;
    font-size: 13px !important;
	margin-top:10px;
    font-weight: 200;
    line-height: 1.5;
    color: #4e4e4e !important;
    position: relative;
}

/* .filebox>p::after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: url('/wp-content/uploads/2017/05/warn.png');
    position: absolute;
    top: 2px;
    left: 10px;
} */
.filebox .plus_btn, .filebox .minus_btn {
	width: 30px;
	height:30px;
	border: 1px solid #ccc;
	margin-left:10px;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	border-radius: 5px;
	position:relative;
}

.filebox .plus_btn:before {
	content:"";
	width: 2px;
	height: 15px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color:#aaa;
}
.filebox .plus_btn:after, .filebox .minus_btn:after {
	content:"";
	width: 15px;
	height: 2px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color:#aaa;
}

.mmenu, .mmenu_list {
    display: none;
}

.mobile, .tablet {
    display: none;
}

.tablet img {
	width:100%;
}


/*070530*/

.section_wrap>.global {
    background: url('/layouts/default/image/global_bg.jpg?v=2') no-repeat;
    max-height: 1213px;
    background-size: cover;
}

.global {
    padding: 100px 0 20px;
    text-align: center;
}

.global .global_brand .tip {
    color: #fff;
    text-align: right;
    border: 0;
    padding: 0;
}

.global .global_tit {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.global .global_tex {
    font-size: 20px;
    font-weight: 200;
    line-height: 34px;
    letter-spacing: -0.25px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.global .global_tex span {
    font-weight: 400;
}

.global .global_brand {
    width: 1110px;
    margin: 0 auto;
}

.global .global_brand>p {
    border: 5px solid rgba(181, 181, 181, 0.3);
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -0.3px;
    color: #adb3b9;
    padding: 20px 40px;
    margin: 33px 0 20px;
    word-break: keep-all;
}

.global_brand .scroll {
    display: inline-block;
}

.global_brand .scroll>p {
    font-size: 10px;
    font-weight: 300;
    letter-spacing: -0.3px;
    color: #feffff;
    text-transform: uppercase;
}

.global_brand .scroll>p:first-child {
    position: relative;
}

.global_brand .scroll>p:first-child::after {
    content: '';
    display: none;
    background: url('../images/scroll_bg.png');
    width: 1px;
    height: 68px;
    position: absolute;
    top: -90px;
    left: 16px;
}

.st_gall>div:first-child {
    border: 1px solid #ececec;
    border-top: 2px solid #cb525b;
    padding: 25px 34px;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #888;
    word-break: keep-all;
}

.glo_slider {
    position: relative;
}

.glo_slider_thumb {
    margin-top: 15px;
	font-size: 0;
	margin-left: -1%;
	margin-right: -1%;
}

.glo_slider_thumb a {
	display: inline-block;
    width: 23%;
	margin-left: calc( 1% );
	margin-right: calc( 1% );
}

.glo_slider .bx-wrapper .bx-caption span {
    background: rgba(0, 0, 0, 0.8);
}

.glo_slider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 45%;
    margin-top: -16px;
    text-indent: -9999px;
    z-index: 9999;
    width: 45px;
    height: 80px;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    background-position: 0 0 !important;
}

.glo_slider .bx-wrapper .bx-next {
    background: url('../images/direct02.png') no-repeat;
    right: 0;
}

.glo_slider .bx-wrapper .bx-prev {
    background: url('../images/direct01.png') no-repeat;
    left: 0;
}

.glo_slider_thumb a img {
    opacity: 0.5;
	width: 100%;
}

.glo_slider_thumb .active img {
    opacity: 1;
}


/*더본 글로벌 */

.svg_map {
    position: relative;
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
}

.svg_map svg {
    width: 100%;
    height: 517px;
}

.svg_map .dot circle {
    opacity: 0;
    transition: 2.3s ease all;
}

.svg_map.showit .dot circle {
    opacity: 1;
}

.svg_map .line {
    stroke-dasharray: 600;
    /*
    stroke-dashoffset: 600;
	*/
}

.svg_map.showit .line {
    animation: offset 2s linear forwards;
}

@keyframes offset {
    from {
        stroke-dashoffset: 600;
    }
    to {
        stroke-dashoffset: 0;
    }
}


/*sitemap*/

.site_map>div>ul>li {
    margin-bottom: 49px;
}

.site_map ul>li::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
}

.site_map ul>li>.depth1 {
    float: left;
    width: 280px;
}

.site_map ul>li>.depth1 {
    border-top: 5px solid #6c271e;
    text-align: center;
    padding-top: 19px;
    font-size: 30px;
    color: #6c271e;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.site_map ul>li>.depth2 {
    float: right;
    width: 780px;
    border-top: 1px solid #e3e3e3;
    padding-top: 13px;
}

.site_map ul>li>.depth2>li {
    border-bottom: 1px dotted #e3e3e3;
    padding: 0 10px;
}

.site_map ul>li>.depth2>li>a {
    font-size: 15px;
    color: #6c271e;
    letter-spacing: -0.3px;
    line-height: 54px;
}

.m_global {
    display: none;
}

.br400 { display: none; }


/*custom sound form end*/

@media screen and (min-width: 501px) {
.hk_intro .menu_list>div.item::after{width:36%; max-width:375px;}
}

@media screen and (max-width: 1110px) {
    .header {
        width: 100%;
    }
    .sub_header {
        margin-top: -15px;
				position:relative;
    }
    .header>.gnb {
        display: none;
    }
    .header>h1 {
        padding: 0 30px;
    }
    .mmenu {
        display: block;
        position: fixed;
        top: 20px;
        right: 15px;
        font-size: 22px;
        color: #fff;
        z-index: 999;
    }
    .mmenu a {
        padding: 6px 13px;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 5px;
        cursor: pointer;
        display: block;
        color: #fff;
    }
    .mn_content>ul>li {
        width: 50%;
    }
    .mn_content>ul>li:first-child {
        border-bottom: 1px solid rgba(31, 50, 86, 0.5);
    }
    .mn_content>ul>li:nth-child(2) {
        border-bottom: 1px solid rgba(130, 3, 3, 0.5);
    }
    .tabMenu>.cols_04, .tabMenu>.cols_03, .tabMenu>.cols_02 {
        width: 100%;
    }
    .tabMenu>.cols_02>li {
        width: 50%;
    }
    .tabMenu>.cols_01 {
        width: 100%;
    }
    .tabMenu>.cols_03>li {
        width: 33.3%;
    }
    .tabMenu>.cols_04>li {
        width: 25%;
    }
    .to_top {
        right: 5%;
    }
    .section_wrap>.section02 {
        max-height: none;
    }
    .section_wrap>.section, .footer {
        width: 95%;
    }
    .story .st_top {
        width: 100%;
    }
    .story .st_top>div>ul {
        width: 70%;
        margin: 0 auto;
    }
    .story .st_top>div {
        float: none;
    }
    .story .st_top>div:first-child {
        width: 100%;
        height: 100%;
        padding: 60px 0;
    }
    .story .st_top div p {
        text-align: center;
    }
    .story .st_top table {
        margin: 30px auto 0;
    }
    .story .st_top>div:nth-child(2) {
        width: 100%;
    }
    .story .st_top>div ul li {
        width: 33.33%;
    }
    .story .st_top>div>ul li:nth-child(4) p {
        width: 100%;
        padding: 16.5% 0;
    }
    .foot>div>div p:nth-child(3)::after {
        right: 0;
        left: 0;
    }
    .foot_r .year_icon, .foot_r>div p:first-child::after {
        left: -82px;
    }
    .foot_l .year_icon, .foot_l>div p:first-child::after {
        right: -85px;
    }
    .section_wrap>.section04 {
        padding: 74px 50px;
    }
    .year20 {
        padding: 70px 60px;
    }
    .year .carrer_l .icon {
        right: -40px;
    }
    .year .carrer_r .icon {
        left: -37px;
    }
    .shopping ul li:nth-child(2) img {
        width: 100%;
    }
    .shopping ul li:first-child::after {
        content: '';
        display: block;
        clear: both;
    }
    .shopping ul li:first-child {
        width: 100%;
    }
    .shopping ul li:first-child>div:first-child {
        float: left;
        width: 50%;
    }
    .shopping ul li:first-child>div:nth-child(2) {
        float: left;
        width: 50%;
        height: 196px;
    }
    .shopping ul li:nth-child(2)>div>div {
        width: 100%;
    }
    .sh_again ul {
        text-align: left;
    }
    .sh_again ul li {
        margin: 0 2% 4%;
        width: 22%;
        height: auto;
    }
    .sh_again ul li:nth-child(4n) {
        margin-right: 2%;
    }
    .sh_again ul li .sh_sum p:first-child {
        text-align: center;
    }
    .br_list>ul>li {
        margin: 0 33px 75px 0;
    }
    .br_list02>ul>li {
        width: 31%;
    }
    .ft_intro {
        width: 93%;
    }
    .ft_step>ul>li::after {
        display: none;
    }
    .ft_step>ul>li {
        width: 23.2%;
        margin: 0 2% 30px 0;
    }
    .ft_step>ul>li:nth-child(4)::after, .ft_step>ul>li:nth-child(8)::after {
        top: 252px;
    }
    .ft_step>ul>li:nth-child(n+5):nth-child(-n+8) {
        margin: 0 0 30px 2%;
    }
    .ft_step>ul>li:nth-child(n+1):nth-child(-n+3)::after, .ft_step>ul>li:nth-child(9)::after {
        right: -22px;
    }
    .ft_step>ul>li:nth-child(n+5):nth-child(-n+7)::after {
        left: -22px;
    }
    .brand_step>ul>li {
        width: 33%;
    }
    .business .bus_pro ul li {
        margin: 0 0 0 -43px;
    }

	.business .bus_li ul { margin-right:-2%; }

    .business .bus_li ul li {
        margin-right: 2%;
        width: 23%;
    }
    .business .bus_sys {
        background-size: cover;
    }
    .employ>ul>li:first-child {
        width: 40%;
        padding: 36px 0 0 3%;
    }
    .em_pro>ul>li:first-child {
        width: 40%;
    }
    .employ>ul>li {
        width: 56%;
    }
    .em_pro>ul>li:first-child {
        width: 32%;
        background-size: cover;
        padding: 23px 5%;
        height: auto;
    }
    .em_pro>ul>li {
        width: 58%;
    }
    .em_pro>ul>li:first-child p:nth-child(2) {
        padding: 162px 40px 0 0;
    }
    .em_pro>ul>li>ul>li {
        width: 40%;
        padding: 25px 4.8%;
    }
    .em_pro>ul>li>ul>li p br {
        display: none;
    }
    .store_info>.search_wrap .st_search {
        margin-top: 10px;
    }
    .store_map .map_head>ul>li:nth-child(4), .store_map .map_body>div>ul>li:nth-child(4) {
        width: 31.5%;
    }
    .store_info .brand_ch>p {
        margin: 0 26px 10px 0;
    }
    .store_info .brand_ch>ul {
        width: 100%;
    }
    .store_info .brand_ch>ul>li {
        width: 14%;
        margin: 0 2% 2% 0;
    }
    .store_info .brand_ch>ul>li img {
        width: 100%;
    }
    .ne_med_view>div {
        padding: 60px 30px;
    }
    .ne_med ul li {
        width: calc(33.3% - 10px);
        margin: 0 10px 37px 0;
    }
    .ne_med ul li>div::after {
        left: 45%;
    }
    .map_info .store_img>p {
        width: 100%;
    }
    .ms_wrap {
        margin-top: 0;
    }
    #content_wrap {
        padding-top: 90px;
    }
    .ms_wrap .bx-wrapper .bx-pager, .ms_wrap .bx-wrapper .bx-controls-auto {
        top: 69%;
        left: 36%;
    }
    .mst_wrap>.txt_slider {
        width: 95%;
        padding-top: 35px;
    }
    .quick>div {
        width: 95%;
    }
    .section_wrap>.section03 {
        margin-top: 0;
    }
    .agm_cont_wrap {
        width: 100%;
        padding: 0;
    }
    .br_about .intro_txt {
        width: 45%;
    }
    .br_about .thumbnail>.th_border {
        width: 100%;
        height: 100%;
    }
    .menu_list .menu_info {
        width: 60%;
    }
    .menu_list .thumbnail {
        width: 36%;
        margin-right: 3%;
    }
    .menu_info>.name>p:first-child {
        font-size: 24px;
    }
    .menu_info>.price {
        font-size: 23px;
        margin-top: 20px;
    }
    #global_theborn {
        width: 100%;
        height: auto;
    }
    .global {
        padding: 100px 20px 20px;
    }
    .global .global_brand {
        width: 100%;
    }
    .glo_slider_thumb img {
        width: 23.5%;
    }
    .slider_btn {
        top: 180px;
        left: 2.5%;
    }
    .ms_wrap .bx-wrapper .bx-pager, .ms_wrap .bx-wrapper .bx-controls-auto {
        top: 190px;
        left: 2.5%;
    }
    .txt_slider>div .tit {
        font-size: 26px;
        line-height: 40px;
    }
    .txt_slider>div .tit>span {
        font-size: 34px;
    }
    .site_map ul>li>.depth1 {
        width: 29%;
    }
    .site_map ul>li>.depth2 {
        width: 66%;
    }
    .sh_sum_modal>.modal_cont {
        width: 88%;
        padding: 3%;
    }
    .sh_sum_modal>.modal_cont iframe {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .foot_r .year_icon, .foot_r>div p:first-child::after {
        left: -42px;
    }
    .foot_l .year_icon, .foot_l>div p:first-child::after {
        right: -44px;
    }
    .foot>div p:first-child::after {
        content: none;
    }
    .ceo_intro>.intro_l, .ceo_intro>.intro_r {
        padding: 0;
    }
    .year {
        height: auto;
    }
    .year .year_box {
        margin: 0;
    }
		.year>div>ul {
    		margin: 0 10px 0;
    }
		.year>div .data{
				margin-right:10px
		}
    .year .carrer_l, .year .carrer_r {
        left: 100px;
        margin: 20px 0;
    }
    .year .carrer_l::before, .year .carrer_r::before {
        display: none;
        content: '';
        border: 15px solid transparent;
        border-color: transparent #e3e3e3 transparent transparent;
        position: absolute;
        right: auto;
        left: -30px;
    }
    .year_07 .carrer_l::before {
        top: 100px;
    }
    .year_07>.carrer_l:nth-child(2) .icon {
        top: 109px;
    }
    .year_01>.carrer_r:nth-child(2)::before {
        top: 100px;
    }
    .year_01>.carrer_r:nth-child(2) .icon {
        top: 110px;
    }
    .year_01>.carrer_l:nth-child(3)::before {
        top: 300px;
    }
    .year_01>.carrer_l:nth-child(3) .icon {
        top: 310px;
    }
    .year_01>.carrer_r:nth-child(4)::before {
        top: 660px;
    }
    .year_01>.carrer_r:nth-child(4) .icon {
        top: 670px;
    }
    .year_02>.carrer_l:nth-child(2)::before {
        top: 100px;
    }
    .year_02>.carrer_l:nth-child(2) .icon {
        top: 110px;
    }
    .year_02>.carrer_r:nth-child(3)::before {
        top: 480px;
    }
    .year_02>.carrer_r:nth-child(3) .icon {
        top: 490px;
    }
    .year_02>.carrer_l:nth-child(4)::before {
        top: 840px;
    }
    .year_02>.carrer_l:nth-child(4) .icon {
        top: 850px;
    }
    .year_02>.carrer_r:nth-child(5)::before {
        top: 1210px;
    }
    .year_02>.carrer_r:nth-child(5) .icon {
        top: 1220px;
    }
    .year_03>.carrer_l:nth-child(2)::before {
        top: 110px;
    }
    .year_03>.carrer_l:nth-child(2) .icon {
        top: 120px;
    }
    .year_03>.carrer_r:nth-child(3)::before {
        top: 470px;
    }
    .year_03>.carrer_r:nth-child(3) .icon {
        top: 480px;
    }
    .year_03>.carrer_r:nth-child(4)::before {
        top: 600px;
    }
    .year_03>.carrer_r:nth-child(4) .icon {
        top: 610px;
    }
    .year_03>.carrer_l:nth-child(5)::before {
        top: 950px;
    }
    .year_03>.carrer_l:nth-child(5) .icon {
        top: 960px;
    }
    .year_04>.carrer_l:nth-child(2)::before {
        top: 115px;
    }
    .year_04>.carrer_l:nth-child(2) .icon {
        top: 125px;
    }
    .year_04>.carrer_r:nth-child(3)::before {
        top: 480px;
    }
    .year_04>.carrer_r:nth-child(3) .icon {
        top: 490px;
    }
    .year_05>.carrer_l:nth-child(2)::before {
        top: 100px;
    }
    .year_05>.carrer_l:nth-child(2) .icon {
        top: 110px;
    }
    .year_05>.carrer_r:nth-child(3)::before {
        top: 230px;
    }
    .year_05>.carrer_r:nth-child(3) .icon {
        top: 240px;
    }
    .year_05>.carrer_r:nth-child(4)::before {
        top: 355px;
    }
    .year_05>.carrer_r:nth-child(4) .icon {
        top: 365px;
    }
    .year_06>.carrer_l:nth-child(2)::before {
        top: 115px;
    }
    .year_06>.carrer_l:nth-child(2) .icon {
        top: 125px;
    }
    .year_06>.carrer_r:nth-child(3)::before {
        top: 240px;
    }
    .year_06>.carrer_r:nth-child(3) .icon {
        top: 250px;
    }
    .year .carrer_r, .year .carrer_l {
        position:absolute;
				top:40px;
				left:0;
				z-index:10;
    }
		.carrer_cont > .year > div:last-child{ top:40px;}
    .year .year_box::after {
        top: 25px;
        left: -36px;
    }
    .year .active {
        top: 25px;
        left: -36px;
    }
    .year_07 .year_box::after {
        height: 191px;
    }
    .year_01 .year_box::after {
        height: 995px;
    }
    .year_02 .year_box::after {
        height: 1540px;
    }
    .year_03 .year_box::after {
        height: 1040px;
    }
    .year_04 .year_box::after {
        height: 581px;
    }
    .year_05 .year_box::after {
        height: 448px;
    }
    .year_06 .year_box::after {
        height: 230px;
    }
    .year_07 .active {
        height: 191px;
    }
    @-webkit-keyframes year07 {
        0% {
            height: 0;
        }
        100% {
            height: 191px;
        }
    }
    @keyframes year07 {
        0% {
            height: 0;
        }
        100% {
            height: 191px;
        }
    }
    .year_01 .active {
        height: 995px;
    }
    @-webkit-keyframes year01 {
        0% {
            height: 0;
        }
        100% {
            height: 995px;
        }
    }
    @keyframes year01 {
        0% {
            height: 0;
        }
        100% {
            height: 995px;
        }
    }
    .year_02 .active {
        height: 1540px;
    }
    @-webkit-keyframes year02 {
        0% {
            height: 0;
        }
        100% {
            height: 1540px;
        }
    }
    @keyframes year02 {
        0% {
            height: 0;
        }
        100% {
            height: 1540px;
        }
    }
    .year_03 .active {
        height: 1040px;
    }
    @-webkit-keyframes year03 {
        0% {
            height: 0;
        }
        100% {
            height: 1040px;
        }
    }
    @keyframes year03 {
        0% {
            height: 0;
        }
        100% {
            height: 1040px;
        }
    }
    .year_04 .active {
        height: 581px;
    }
    @-webkit-keyframes year04 {
        0% {
            height: 0;
        }
        100% {
            height: 581px;
        }
    }
    @keyframes year04 {
        0% {
            height: 0;
        }
        100% {
            height: 581px;
        }
    }
    .year_05 .active {
        height: 448px;
    }
    @-webkit-keyframes year05 {
        0% {
            height: 0;
        }
        100% {
            height: 448px;
        }
    }
    @keyframes year05 {
        0% {
            height: 0;
        }
        100% {
            height: 448px;
        }
    }
    .year_06 .active {
        height: 230px;
    }
    @-webkit-keyframes year06 {
        0% {
            height: 0;
        }
        100% {
            height: 230px;
        }
    }
    @keyframes year06 {
        0% {
            height: 0;
        }
        100% {
            height: 230px;
        }
    }
    .carrer_cont {
        width: 80%;
        margin: 67px auto;
    }
    .year .carrer_l .icon, .year .carrer_r .icon {
        top: 15px;
        left: -40px;
    }
    .section_wrap>.section04 {
        padding: 25px;
    }
    .year20 {
        padding: 50px 20px;
    }
    .store_map .map_head>ul>li:last-child {
        display: none;
    }
    .store_map .map_body>div>ul>li:nth-child(5), .store_map .map_body>div>ul>li:nth-child(6) {
        display: none;
    }
    .store_map .map_head>ul>li:nth-child(4), .store_map .map_body>div>ul>li:nth-child(4) {
        width: 54.8%;
        border-right: none;
    }
    .ft_step>ul>li::after {
        content: none;
    }
    .ft_step>ul>li {
        width: 23%;
    }
    .business .bus_pro {
        padding: 70px 15px;
        text-align: center;
    }
    .business .bus_pro ul li {
        margin: 56px 0 0 -44px;
    }
    .business .bus_li ul {
        text-align: center;
    }
    .ne_med ul li:nth-child(2) {
        margin-right: 0;
    }
    .br_list>ul>li:nth-child(4n) {
        margin-right: 33px;
    }
    .br_list>ul>li:nth-child(n+9):nth-child(-n+12) {
        margin-bottom: 50px;
    }
    .br_list>ul>li {
        width: 29%;
    }
    .br_list .logo, .br_list02 .logo {
        width: 100%;
    }
    .story .st_top>div>ul li:nth-child(4) p {
        padding: 15.2% 0;
    }
    .sh_again ul li {
        width: 21%;
    }
}

@media screen and (max-width: 1023px) {
    .footer {
        text-align: center;
    }
    .footer>h1 {
        float: none;
        margin-right: 0;
    }
    .footer>div {
        float: none;
    }
    .footer>div>ul>li {
        float: none;
        display: inline-block;
        vertical-align: text-bottom;
    }
    /*.footer>div>p:nth-child(2) br {
        display: none;
    }*/
    .footer>div>p:nth-child(2) .txt {
        display: inline-block;
    }
    .footer>.brand-site {
        float: none;
        text-align: left;
    }
    .footer>.brand-site>.select_box {
        margin: 0 auto;
    }
    .footer>.brand-site>.br_site_list {
        right: 0;
        width: 87%;
        height: auto;
        padding: 36px 6% 34px;
    }
    .footer>.brand-site>.br_site_list>ul>li {
        width: 22%;
        margin: 19px 4% 0 0;
    }
    .footer>.brand-site>.br_site_list::after {
        right: 45%;
    }
}

@media screen and (max-width: 895px) {
    .br_list02>ul>li {
        width: 45%;
    }
}

@media screen and (max-width: 850px) {
	.quick .news p:last-child a {
        line-height: 20px;
        white-space: nowrap;
        width: 25vw;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: top;
    }
	.quick .quick_m ul>li:nth-child(2)::after, .quick .quick_m ul>li:nth-child(2)::before, .quick .quick_m ul>li:nth-child(4)::after {
        margin: -1px 7px 0;
    }
}

@media screen and (max-width: 800px) {
    .web, .mobile {
        display: none;
    }
    .tablet {
        display: block;
    }
    .sub_header>div p:last-child {
        padding: 0 20px;
        font-size: 15px;
        line-height: 22px;
    }
    .mst_wrap>.txt_slider {
        width: 90%;
    }
    .mn_content>ul>li>div span {
        display: none;
    }
    .slider_btn {
        top: 200px;
        left: 5.5%;
    }
    .ms_wrap .bx-wrapper .bx-pager, .ms_wrap .bx-wrapper .bx-controls-auto {
        top: 210px;
        left: 5.5%;
    }
    .foot {
        height: auto;
    }
    .foot::before, .foot::after, .foot .active {
        left: -24px;
        top: 18px;
        z-index: -1;
    }
    .foot06::before, .foot06::after, .foot06 .active {
        height: 525px;
    }
    @-webkit-keyframes foot_line06 {
        0% {
            height: 0;
        }
        100% {
            height: 525px;
        }
    }
    @keyframes foot_line06 {
        0% {
            height: 0;
        }
        100% {
            height: 525px;
        }
    }
    .foot08::before, .foot08::after, .foot08 .active {
        height: 605px;
    }
    @-webkit-keyframes foot_line08 {
        0% {
            height: 0;
        }
        100% {
            height: 605px;
        }
    }
    @keyframes foot_line08 {
        0% {
            height: 0;
        }
        100% {
            height: 605px;
        }
    }
    .foot09::before, .foot09::after, .foot09 .active {
        height: 280px;
    }
    @-webkit-keyframes foot_line09 {
        0% {
            height: 0;
        }
        100% {
            height: 280px;
        }
    }
    @keyframes foot_line09 {
        0% {
            height: 0;
        }
        100% {
            height: 280px;
        }
    }
    .foot11::before, .foot11::after, .foot11 .active {
        height: 763px;
    }
    @-webkit-keyframes foot_line11 {
        0% {
            height: 0;
        }
        100% {
            height: 763px;
        }
    }
    @keyframes foot_line11 {
        0% {
            height: 0;
        }
        100% {
            height: 763px;
        }
    }
    .foot13::before, .foot13::after, .foot13 .active {
        height: 552px;
    }
    @-webkit-keyframes foot_line13 {
        0% {
            height: 0;
        }
        100% {
            height: 552px;
        }
    }
    @keyframes foot_line13 {
        0% {
            height: 0;
        }
        100% {
            height: 552px;
        }
    }
    .foot14::before, .foot14::after, .foot14 .active {
        height: 740px;
    }
    @-webkit-keyframes foot_line14 {
        0% {
            height: 0;
        }
        100% {
            height: 740px;
        }
    }
    @keyframes foot_line14 {
        0% {
            height: 0;
        }
        100% {
            height: 740px;
        }
    }
    .foot15::before, .foot15::after, .foot15 .active {
        height: 290px;
    }
    @-webkit-keyframes foot_line15 {
        0% {
            height: 0;
        }
        100% {
            height: 290px;
        }
    }
    @keyframes foot_line15 {
        0% {
            height: 0;
        }
        100% {
            height: 290px;
        }
    }
    .foot16::before, .foot16::after, .foot16 .active {
        height: 730px;
    }
    @-webkit-keyframes foot_line16 {
        0% {
            height: 0;
        }
        100% {
            height: 730px;
        }
    }
    @keyframes foot_line16 {
        0% {
            height: 0;
        }
        100% {
            height: 730px;
        }
    }
    .foot .foot_l, .foot .foot_r {
        position: static;
        margin: 50px 0;
    }
    .foot>div p:first-child::after {
        content: none;
    }
    .foot>div>div p:nth-child(3)::after {
        left: 0;
        width: 100%;
    }
    .foot_r .year_icon, .foot_l .year_icon {
        left: -35px;
        right: auto;
        top: 12px;
    }
    .section_wrap>.section .st_cont {
        width: 80%;
        margin: 0 auto;
    }
    .story .st_top>div>ul li:nth-child(4) p {
        padding: 9.9% 0;
    }
    .ceo_intro>.intro_r .thumbnail {
        float: right;
    }
    .ceo_intro>.intro_l .intro_txt, .ceo_intro>.intro_r .intro_txt {
        width: 100%;
        float: none;
    }
    .ceo_intro>.intro_l .thumbnail, .ceo_intro>.intro_r .thumbnail {
        float: right;
    }
    .ceo_intro>.intro_l {
        padding: 0;
        margin: 0 0 72px;
    }
    .ceo_intro>.intro_l br, .ceo_intro>.intro_r br {
        display: none;
    }
    .ceo_intro>.intro_r {
        padding: 0;
    }
    .shopping ul li:first-child>div:first-child {
        width: 100%;
    }
    .shopping ul li:first-child>div:nth-child(2) {
        width: 100%;
        height: 100%;
    }
    .sh_again ul {
        width: 100%;
        text-align: center;
    }
    .br_list .logo {
        width: 100%;
    }
    .br_list>ul>li {
        width: 47%;
        margin: 0 3% 36px 0;
    }
    .br_list>ul>li:nth-child(2n) {
        margin-right: 0;
    }
    .br_list>ul>li:nth-child(n+9):nth-child(-n+12) {
        margin-bottom: 50px;
    }
    .br_list>.test_br>li:nth-child(even) {
        margin-right: 0;
    }
    .map_info .info_txt>div {
        float: none;
        text-align: center;
        width: 100%;
    }
    .map_info .store_img>p {
        width: 100%;
    }
    .map_info .info_txt>table {
        float: none;
        width: 80%;
        margin: 30px auto 0;
    }
    .map_info .map {
        width: 80%;
        margin: 30px auto 0;
    }
    .store_info .brand_ch>ul>li {
        width: 21%;
    }
    .store_info .brand_ch>ul>li:nth-child(6n) {
        margin: 0 2% 2% 0;
    }
    .store_info .brand_ch>ul>li:nth-child(4n) {
        margin-right: 0;
    }
    .store_map .map_head>ul>li:nth-child(4), .store_map .map_body>div>ul>li:nth-child(4) {
        width: 39.8%;
    }
    .ft_intro {
        width: 90%;
        padding: 5%;
    }
    .business .bus_pro {
        background-size: cover;
    }
    .business .bus_pro ul li {
        margin: 55px 20px 0 0;
    }
    .business .bus_pro ul li:nth-child(2) {
        margin-right: 0;
    }
    .business .bus_sys {
        padding: 22px 28px;
        background-size: cover
    }
    .business .bus_sys div {
        padding: 38px 27px;
    }
    .calendar>table>thead th {
        height: 25px;
        padding: 20px 0;
    }
    .calendar>table>thead th>p {
        font-size: 16px;
    }
    .calendar>table>tbody td {
        padding: 10px;
        height: 70px;
    }
    .calendar>table>tbody td>div>div {
        width: 100%;
        display: block;
    }
    .calendar .wp-post-image {
        width: 100%;
        height: 100%;
    }
    .ft_form .form_input>div:nth-child(n+9) input {
        width: 450px;
    }
    .ft_form .form_input textarea, .ft_form .form_input>div:nth-child(8) input {
        width: 450px;
    }
	.ft_form .form_input>div .filebox {
		width: 480px;
	}

	.ft_form .form_input>div:nth-child(n+9) input.upload-name {
		width:330px;
	}
    .ft_intro>div {
        padding: 20px;
        word-break: keep-all;
    }
    .ft_intro>div br {
        display: none;
    }
    .employ>ul {
        text-align: center;
    }
    .employ>ul>li:first-child {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
        padding: 36px 0;
    }
    .employ>ul>li:first-child p {
        font-size: 30px;
        line-height: 38px;
    }
    .employ>ul>li {
        width: 100%;
    }
    .em_wel ul li::after {
        display: none;
    }
    .em_wel ul li {
        margin-right: 0;
    }
    .em_pro>ul>li:first-child {
        width: 90%;
    }
    .em_pro>ul>li {
        width: 100%;
    }
    .em_pro>ul {
        width: 100%;
    }
    .em_pro>ul>li>ul>li:nth-child(2)::after {
        left: 47%;
    }
    .em_pro>ul>li>ul>li:nth-child(2), .em_pro>ul>li>ul>li:nth-child(4) {
        border-right: none;
    }
    .cupon_li ul li {
        margin: 0 40px 40px 0;
    }
    .cupon_li ul li:nth-child(2) {
        margin-right: 0;
    }
    .cupon_li02 ul li {
        margin-right: 110px;
    }
    .cupon_li02 ul li::after {
        right: -60px;
    }
    .receipt {
        text-align: left;
    }
    .filebox {
        margin-top: 20px;
    }
    .section_wrap>.section03 {
        margin-top: 0;
    }
    .footer>div {
        margin-top: 20px;
    }
    .br_about>div .intro_txt {
        float: none !important;
        width: 100%;
        padding-top: 0;
        margin-left: 0 !important;
				text-align: center;
    }
    .br_about>div .thumbnail {
        float: none !important;
        width: 77.4%;
        margin-top: 30px;
        margin: 50px auto 0;
    }
    .hk_intro .br_about .thumbnail>.th_border {
        left: 10px;
				display: none;
    }

.hk_intro .menu_title{margin-left:15px; margin-bottom:-32px; font-size:0;}
.hk_intro .menu_title dt{margin-right:30px; font-size:24px;}
.hk_intro .menu_title dt:after{height:18px; top:10px; right:-17px;}
.hk_intro .menu_title dd{font-size:18px;}
.baikboy_menu_tt img{width:800px;}
.insang_menu_tt img{width:900px;}

    .gallery #bx-pager>a {
        width: 31.5%;
    }
    .quick .news p:last-child>span {
        display: inline-block;
        margin-top: 2px;
    }
    .ft_step>ul>li {
        width: 48%;
        margin: 0 2% 30px 0 !important;
    }
    .ft_step>ul>li:nth-child(n+5):nth-child(-n+8) {
        float: left;
    }
    .ft_step>ul>li:nth-child(2n) {
        margin: 0 0 30px 0 !important;
    }

	.business .bus_li ul { margin-right:-3%;}

    .business .bus_li ul li {
        width: 47%;
        margin-bottom: 20px;
		margin-right:3%;
    }
    .business .bus_li ul li img {
        width: 100%;
    }
    .br_about .intro_txt>.title {
        text-align: center;
    }
    .brand_intro .intro_txt>p {
        text-align: center;
    }
    .txt_slider>div .tit {
        font-size: 30px;
        line-height: 46px;
    }
    .txt_slider>div .tit>span {
        font-size: 40px;
    }
    .sh_again ul li {
        width: 29%;
    }
    .store_info>.search_wrap>div {
      width: 100%;
      margin: 10px 0 20px;
    }
    .st_search>div {
      width: 100%;
    }
}

@media screen and (max-width: 750px) {
	.quick .news { float: none; }
	.quick .quick_m { float: none; margin-top: 10px; }
}

@media screen and (max-width: 650px) {
	.form_input>div>div .visit_form label {
		display:block;
		margin-top:10px;
	}
	select.none-css.form_type {
		display:block;
		margin-bottom:5px;
	}
	.emp_img01_pc{display:none;}
	.emp_img01_mo{display:block;}
}

@media screen and (max-width: 500px) {
    .em_system table tbody tr td {
        display: block;
    }
    .em_system table tbody tr td:first-child {
        width: 100%;
        text-align: center;
    }
    .em_system table tbody tr td:nth-child(2) {
        padding: 20px;
    }
    .brand_step>ul>li {
        width: 49%;
    }
    .faq_wrap .faq>li>p {
        font-size: 15px;
    }
    .menu_list .menu_info {
        width: 100%;
    }
    .menu_list .thumbnail {
        width: 100%;
        margin: 0 0 15px;
    }
    .menu_list .thumbnail img {
        width: 100%;
    }
    .menu_list>div::after {
        width: 100%;
    }
    .br_list02 {
        width: 100%;
        padding: 0;
    }
    .br_list02>ul>li {
        width: 100%;
        margin: 0 0 20px;
    }
    .txt_slider>div .tit {
        font-size: 26px;
        line-height: 40px;
    }
    .txt_slider>div .tit>span {
        font-size: 36px;
    }
    .slider_btn {
        top: 183px;
        left: 5.5%;
    }
    .ms_wrap .bx-wrapper .bx-pager, .ms_wrap .bx-wrapper .bx-controls-auto {
        top: 190px;
        left: 5.5%;
    }
    .site_map ul>li>.depth1 {
        width: 100%;
        padding: 12px 0;
        font-size: 22px;
    }
    .site_map ul>li>.depth2 {
        width: 100%;
    }
    .sh_sum_modal>.modal_cont>div>.title {
        font-size: 15px;
    }
    .sh_sum_modal>.modal_cont {
        height: 365px;
    }
    .sh_sum_modal>.modal_cont iframe {
        height: 248px;
    }
    .sh_sum_modal>.modal_cont>div>.close_btn {
        font-size: 1.3em;
    }
    .sh_again ul li {
        width: 95%;
    }
    .sh_again ul li img {
        width: 100%;
    }
    .footer>.brand-site>.br_site_list>ul>li {
        width: 48%;
    }
    .footer>.brand-site>.br_site_list>.headline>p {
        float: none;
        margin-bottom: 10px;
    }
    .footer>.brand-site>.br_site_list>ul>li:nth-child(even) {
        margin-right: 0%;
    }
    .footer>.brand-site>.br_site_list>ul>li:nth-child(odd) {
        margin-right: 10px;
    }
    .footer>.brand-site>.br_site_list>.headline>a {
        float: none;
        display: inline-block;
    }

.hk_intro .menu_title{margin-left:0;}
.baikboy_menu_tt img{width:500px;}
}

@media screen and (max-width: 420px) {
    .web, .tablet {
        display: none;
    }
    .mobile {
        display: block;
    }
    .tabMenu>.cols_04, .tabMenu>.cols_03, .tabMenu>.cols_02, .tabMenu>.cols_01 {
        width: 100%;
    }
    .tabMenu>.cols_03>li {
        width: 33.3%;
    }
    .tabMenu>ul>li>a {
        font-size: 12px;
    }
    .tabMenu>ul>li a::before {
        content: none;
    }
    .story .st_top>div:nth-child(2) ul li {
        width: 100%;
        float: none;
        text-align: center;
    }
    .story .st_tit p:nth-child(3) {
        padding: 0 20px;
    }
    .story .st_top table tbody tr td {
        display: block;
        text-align: left;
    }
    .story .st_top table tbody tr td:nth-child(2) {
        padding-left: 0;
    }
    .foot09::before, .foot09::after, .foot09 .active {
        height: 380px;
    }
    @-webkit-keyframes foot_line09 {
        0% {
            height: 0;
        }
        100% {
            height: 380px;
        }
    }
    @keyframes foot_line09 {
        0% {
            height: 0;
        }
        100% {
            height: 380px;
        }
    }
    .foot14::before, .foot14::after, .foot14 .active {
        height: 805px;
    }
    @-webkit-keyframes foot_line14 {
        0% {
            height: 0;
        }
        100% {
            height: 805px;
        }
    }
    @keyframes foot_line14 {
        0% {
            height: 0;
        }
        100% {
            height: 805px;
        }
    }
    .foot15::before, .foot15::after, .foot15 .active {
        height: 370px;
    }
    @-webkit-keyframes foot_line15 {
        0% {
            height: 0;
        }
        100% {
            height: 370px;
        }
    }
    @keyframes foot_line15 {
        0% {
            height: 0;
        }
        100% {
            height: 370px;
        }
    }
    .year>div {
        width: 100%;
    }
    .carrer_cont {
        width: 90%;
        margin: 67px auto;
    }
    .year .carrer_l .icon, .year .carrer_r .icon {
        left: -20px;
    }
    .year_01>.carrer_l:nth-child(3) .icon {
        top: 400px;
    }
    .year_02>.carrer_r:nth-child(3) .icon {
        top: 415px;
    }
    .year_02>.carrer_l:nth-child(4) .icon {
        top: 675px;
    }
    .year_02>.carrer_r:nth-child(5) .icon {
        top: 965px;
    }
    .year_03>.carrer_r:nth-child(3) .icon {
        top: 400px;
    }
    .year_03>.carrer_r:nth-child(4) .icon {
        top: 550px;
    }
    .year_03>.carrer_l:nth-child(5) .icon {
        top: 805px;
    }
    .year_04>.carrer_r:nth-child(3) .icon {
        top: 420px;
    }
    .year_05>.carrer_r:nth-child(4) .icon {
        top: 390px;
    }
    .year_06>.carrer_r:nth-child(3) .icon {
        top: 310px;
    }
    .year .carrer_l::before, .year .carrer_r::before {
        display: none;
    }
    .year .year_box::after {
        left: -15px;
    }
    .year .active {
        left: -16px;
    }
    .year_07 .year_box::after {
        height: 215px;
    }
    .year_07 .active {
        height: 215px;
    }
    @-webkit-keyframes year07 {
        0% {
            height: 0;
        }
        100% {
            height: 215px;
        }
    }
    @keyframes year07 {
        0% {
            height: 0;
        }
        100% {
            height: 215px;
        }
    }
    .year_01 .year_box::after {
        height: 893px;
    }
    .year_01 .active {
        height: 893px;
    }
    @-webkit-keyframes year01 {
        0% {
            height: 0;
        }
        100% {
            height: 893px;
        }
    }
    @keyframes year01 {
        0% {
            height: 0;
        }
        100% {
            height: 893px;
        }
    }
    .year_02 .year_box::after {
        height: 1192px;
    }
    .year_02 .active {
        height: 1192px;
    }
    @-webkit-keyframes year02 {
        0% {
            height: 0;
        }
        100% {
            height: 1192px;
        }
    }
    @keyframes year02 {
        0% {
            height: 0;
        }
        100% {
            height: 1192px;
        }
    }
    .year_03.year_box::after {
        height: 890px;
    }
    .year_03 .active {
        height: 890px;
    }
    @-webkit-keyframes year03 {
        0% {
            height: 0;
        }
        100% {
            height: 890px;
        }
    }
    @keyframes year03 {
        0% {
            height: 0;
        }
        100% {
            height: 890px;
        }
    }
    .year_04 .year_box::after {
        height: 520px;
    }
    .year_04 .active {
        height: 520px;
    }
    @-webkit-keyframes year04 {
        0% {
            height: 0;
        }
        100% {
            height: 520px;
        }
    }
    @keyframes year04 {
        0% {
            height: 0;
        }
        100% {
            height: 520px;
        }
    }
    .year_05 .year_box::after {
        height: 47 2px;
    }
    .year_05 .active {
        height: 472px;
    }
    @-webkit-keyframes year05 {
        0% {
            height: 0;
        }
        100% {
            height: 472px;
        }
    }
    @keyframes year05 {
        0% {
            height: 0;
        }
        100% {
            height: 472px;
        }
    }
    .year_06 .year_box::after {
        height: 290px;
    }
    .year_06 .active {
        height: 290px;
    }
    @-webkit-keyframes year06 {
        0% {
            height: 0;
        }
        100% {
            height: 290px;
        }
    }
    @keyframes year06 {
        0% {
            height: 0;
        }
        100% {
            height: 290px;
        }
    }
    .br_list>.test_br>li:nth-child(odd) {
        margin-right: 0;
    }
    .br_list>ul>li {
        width: 97%;
    }
    .br_list .country {
        width: 100%;
        padding: 0;
    }
    .br_list02 .logo {
        width: 100%;
    }
    .br_list02 .country {
        width: 100%;
        padding: 0;
    }
    .ft_intro {
        width: 92%;
        padding: 15px;
    }
    .ft_intro>div>p:nth-child(3) {
        line-height: 26px;
        margin-bottom: 20px;
    }
    .ft_intro>div>p.tip {
        line-height: 22px;
    }
    .ft_step>ul>li {
        width: 100%;
        margin-right: 0 !important;
    }
    .brand_step>ul>li {
        width: 100%;
    }
    .business .bus_pro ul li {
        margin: 55px 0 0 0;
    }
    .ft_form .form_input input, .ft_form .form_input>div:nth-child(n+9) input, .ft_form .form_input textarea, .ft_form .form_input>div:nth-child(8) input{
        width: 85%;
        margin-top: 15px;
    }
	.ft_form .form_input>div .filebox {
		width:95%;
	}
	.ft_form .form_input>div .filebox .upload_file_box {
		width: calc(100% - 120px);
	}
	.ft_form .form_input>div:nth-child(n+9) input.upload-name {
		width: calc(100% - 32px);
		margin-top:0;
	}
	.ft_form .form_input>div:nth-child(n+9) input#ex_filename {
		margin-top:0;
	}
    .agreement {
        float: none;
    }
    .business .bus_li ul li {
        margin-right: 0;
    }
    .ne_med_view table tbody tr td {
        display: block;
        padding: 5px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    .ne_med ul li {
        margin: 0 0 37px 0;
    }
    .employ>ul>li:first-child {
        width: 100%;
        padding: 0;
    }
    .employ>ul>li:first-child p {
        padding: 30px 10px;
    }
    .employ>ul>li {
        width: 100%;
    }
    .employ>ul>li>ul>li {
        width: 100%;
        padding: 25px 0;
        margin: 0 0 20px 0;
    }
    .employ>ul>li>ul>li p {
        padding: 0 20px;
    }
    .em_pro>ul {
        width: 100%;
    }
    .em_pro>ul>li:first-child {
        width: 100%;
        padding: 40px 0;
    }
    .em_pro>ul>li:first-child p {
        padding: 0 40px !important;
    }
    .em_pro>ul>li:first-child p:nth-child(2) {
        text-align: left;
    }
    .em_pro>ul>li:first-child p:nth-child(2)::before {
        left: 214px;
    }
    .em_pro>ul>li:first-child p:nth-child(2)::after {
        left: 185px;
    }
    .em_pro>ul>li {
        width: 100%;
    }
    .em_pro>ul>li>ul>li {
        float: none;
        display: block;
        width: 100%;
        padding: 25px 0;
    }
    .em_pro>ul>li>ul>li::after {
        content: none !important;
    }
    .em_pro>ul>li>ul>li:nth-child(3) {
        border-bottom: none;
    }
    .em_pro>ul>li>ul>li:first-child, .em_pro>ul>li>ul>li:nth-child(3) {
        border-right: none;
    }
    .em_wel ul li {
        margin-bottom: 20px;
    }
    .store_map .map_head>ul>li:nth-child(4), .store_map .map_body>div>ul>li:nth-child(4) {
        display: none;
    }
    .store_map .map_head>ul>li {
        width: 33%;
    }
    .store_map .map_body>div>ul {
      display: block !important;
    }
    .store_map .map_body>div>ul>li {
        width: 33%;
        float: left !important;
    }
    .store_map .map_body>div>ul>li:nth-child(3) {
        border-right: none;
    }
    .st_search>div {
        width: 100%;
    }
    .area_search>p {
      float: none;
    }
    .area_search>ul {
      float: none;
    }
    .area_search>ul>li {
        margin-top: 10px;
        width: 48%;
        margin-right: 2%;
    }

    .area_search>ul>li:last-child {
      margin-right: 0;
    }
    .area_search .select {
      width: 100%;
    }
    .store_info .brand_ch>ul>li {
        width: 45%;
        margin-right: 5%;
    }
    .store_info .brand_ch>ul>li:nth-child(2n) {
        margin: 0 0 8% 0;
    }
    .map_info .info_txt>table, .map_info .map {
        width: 100%;
    }
    .ft_form .form_input input {
        width: 85%;
    }
    .ft_form .form_input .eval input {
        width: auto;
        margin-top: 0;
        padding: 0;
    }
	.ft_form .form_input input#search_store {
		width: 35%;
		padding: 6px 15px;
	}
	.ft_form .form_input .eval input#visit_day,
	.ft_form .form_input .eval input#visit_time {
		padding: 6px 15px;
		width:85%;
		margin-top:5px;
	}
	.store_search_popup {
		width:95%;
	}
	.ft_form .form_input .eval input#search_string {
		width: calc(100% - 112px);
		height:34px;
		line-height:34px;
		margin-top:10px;
	}
	.store_search_popup .popup_content input[type=button]{
		margin-top:10px;
	}
	select.none-css#form_visit_time {
		margin-top:10px;
	}
    .ft_form .form_input #form_email_domain {
        margin-top: 15px;
    }
    .filebox>p {
        width: 100% !important;
        margin-top: 10px;
    }
    .cupon_li ul li {
        margin: 0 0 40px 0;
    }
    .cupon_li02 ul li {
        width: 100%;
        margin: 0 0 40px 0;
    }
    .cupon_li02 ul li::after {
        content: '';
        width: 100%;
        height: 1px;
        background: #e8e8e8;
        position: absolute;
        bottom: -24px;
        right: auto;
        top: auto;
    }
    .mn_content>ul>li {
        width: 100%;
        border-bottom: none !important;
    }
    .txt_slider>div .tit {
        font-size: 22px;
        line-height: 32px;
    }
    .txt_slider>div .tit>span {
        font-size: 26px;
    }
    .txt_slider>div p {
        font-size: 14px;
        line-height: 20px;
    }
    .slider_btn {
        top: 175px;
        left: 5.5%;
    }
    .ms_wrap .bx-wrapper .bx-pager, .ms_wrap .bx-wrapper .bx-controls-auto {
        top: 183px;
        left: 5.5%;
    }
    .hk_intro>div:nth-child(2) .title {
        width: 90%;
    }
    .br_about>div .thumbnail {
        width: 92.4%;
    }
    .menu_list .thumbnail {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .menu_list .menu_info, .menu_list>div::after {
        width: 100%;
    }
    .gallery #bx-pager>a {
        margin: 12px 0 0 0;
    }
    .gallery #bx-pager {
        width: 70%;
        margin: 0 auto;
    }
    .gy_btn {
        top: 42%;
    }
    .gy_btn>p {
        width: 35px;
    }
    .foot table tbody tr td:first-child {
        width: 60px;
    }
    .foot table tbody tr td:nth-child(2) {
        word-break: keep-all;
    }
    .ne_med ul li {
        width: 100%;
        margin: 0 0 37px 0;
    }
    .ne_med ul li img {
        width: 100%;
    }
    .business .bus_li ul li {
        width: 100%;
        margin-right: 0;
    }
    .glo_slider .bx-wrapper .bx-controls-direction a {
        top: 30%;
    }
    .glo_slider .bx-wrapper .bx-next {
        right: -13px;
        background-size: 70%;
    }
    .glo_slider .bx-wrapper .bx-prev {
        background-size: 70%;
    }
    /*global_theborn*/
    #global_section {
        display: none;
    }
    .m_global {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .m_global>p {
        font-size: 14px;
        font-weight: 300;
        color: #333;
        padding: 20px 0;
    }
    .m_global .tit {
        display: inline-block;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 500;
        margin: 20px 0;
        background: #000;
    }
    .m_global .tit a {
        display: block;
        padding: 4px 10px 4px 5px;
        color: #fff;
    }
    .m_global .tit a img {
        margin-right: 10px;
				display:none;
    }
    .m_g_logo {
        vertical-align: top;
        border: 1px solid #e6e6e6;
        border-top: 3px solid #d2000f;
        margin-bottom: 15px;
    }
    .m_g_logo>ul {
        padding: 30px 0;
        text-align: center;
    }
    .m_g_logo>ul>li {
        display: inline-block;
        width: 40%;
        margin: 25px 30px 0 0;
    }
    .m_g_logo>ul>li:nth-child(2n) {
        margin-right: 0;
    }
    .m_g_logo>ul>li:first-child, .m_g_logo>ul>li:nth-child(2) {
        margin-top: 0;
    }
}

@media screen and (max-width: 400px) {
	.quick .quick_m ul>li:nth-child(2)::after { display: none; }
	.br400 { display:inline; line-height:20px; }
}
@media screen and (max-width: 350px) {
    .txt_slider>div p br {
        display: none;
    }
}

#select_brand li img {
    width: 130px;
    background: #fff;
}

.sub_bg06 {
    background: url(../images/sub_header_bg06.jpg) no-repeat center center;
    background-size: cover;
}

.sub_bg06_2 {
    background: url(../images/sub_header_bg06-02.jpg) no-repeat center center;
    background-size: cover;
}

.test_info {
  border: 1px solid #ececec;
  border-top: 2px solid #cb525b;
  padding: 30px;
}

.test_info>p {
  display: inline-block;
  vertical-align: middle;
  padding-right: 3%;
  width: 7%;
  position: relative;
}

.test_info>p::after {
  content: '';
  display: block;
  width: 3px;
  height: 50px;
  background: #f2f2f2;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.test_info .test_cont {
  display: inline-block;
  vertical-align: middle;
  padding-left: 3%;
  width: 86%;
}

.test_info .test_cont h3 {
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #333;
  margin-bottom: 10px;
}

.test_info .test_cont p {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: -0.25px;
  line-height: 24px;
  color: #888;
  word-break: keep-all;
}

@media screen and (max-width: 1000px) {
  .test_info .test_cont p br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .test_info>p {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding-right: 0;
  }
  .test_info>p::after {
    content: none;
  }
  .test_info .test_cont {
    display: block;
    width: 100%;
    padding-left: 0;
  }
}

/***************************************
창업설명회장 안내
***************************************/

.found_info li::after {
  content: '';
  display: block;
  clear: both;
}

.found_info li>div {
  float: left;
  /*height: 360px;*/
  height: 390px;
  margin-bottom: 50px;
}

.found_info li div.found_cont {
  width: 27%;
  margin-right: 3%;
  background: url(/wp-content/themes/theborn/images/bg_fd_info.jpg);
}

@media screen and (max-width: 1023px) {
  .found_info li>div {
    height: auto;
    margin-bottom: 0;
  }
  .found_info li div.found_cont {
    width: 100%;
    margin-right: 0;
  }
}

.found_info li:nth-child(even) div.found_cont {
  background: url(/wp-content/themes/theborn/images/bg_fd_info02.jpg);
}

.found_info li div.found_cont div {
  padding: 20px 25px;
  font-weight: 300;
  color: #fff;
  word-break: keep-all;
}

.found_cont p.found_area {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}

.found_cont h1 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
}

.found_cont h1 span {
  font-weight: 300;
}

.found_cont p span {
  display: block;
  font-weight: 500;
  margin-top: 10px;
}

.found_info li div.gmap {
  width: 70%;
  background: #888;
}

@media screen and (max-width: 1023px) {
  .found_info li div.gmap {
    width: 100%;
    height: 350px;
    margin-bottom: 50px;
  }
}



/* 2018-09-12 브랜드 리스트 */

.btn_wrap {
	display: none;
}

.br_list .btn_wrap {
	display: table-footer-group;
	font-size: 0;
}

.btn_wrap img {
	width: auto !important;
	max-width: 100%;
}

.btn_wrap a {
	display: inline-block !important;
	/* width: 100%; */
	width:50%;
	text-align: center;
	border-top: 1px solid #dfdfdf;
	/* border-bottom: 1px solid #dfdfdf; */
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 12px 0;
}

.btn_wrap a:first-child {
	border-right: 1px solid #dfdfdf;
}
#customer_form > div > div.agreement > div > p{text-indent: -8px;padding-left: 8px;}
/* 200616 추가 css */
@media screen and (max-width: 1024px) {
	.year .year_box {
		position:static;
	}
	.year .active,.year .year_box::after {
		height:calc(100% + 20px);
	}
	.year >.carrer_l .icon,.year >.carrer_r .icon {
		display:none;
		top: -45px  !important;
	}
	.year >.carrer_l:nth-of-type(1) .icon,.year >.carrer_r:nth-of-type(1) .icon {
		display:inline;
	}
}
.quick .quick_m a{font-size:13px;color:#666666; }
.quick .quick_m a img{vertical-align:middle;margin-top:-1px;}


/* 210616 수정 Start */
#customer_form .form select.none-css{padding:6px;}
/* 이용경로 */
#customer_form .form .form_input > div > .eval #no_visit{margin-left:15px;}
#customer_form .form .form_input > div > .eval .visit_form{margin-top:10px;}
#customer_form .form .form_input > div > .eval .visit_form span{display:inline-block;width:52px;margin-top:10px;}
#customer_form .form .form_input > div > .eval .visit_form select{margin-left:10px;}
#customer_form .form .form_input > div > .eval .visit_form > div:first-child{margin-top:10px;}
#customer_form .form .form_input > div > .eval .visit_form > div{margin-top:10px;overflow:hidden;}
#customer_form .form .form_input > div > .eval .visit_form > div label,
#customer_form .form .form_input > div > .eval .visit_form > div input,
#customer_form .form .form_input > div > .eval .visit_form > div select{float:left;}
#customer_form .form .form_input > div > .eval .visit_form > div label{margin-top:-3px;}
#customer_form .form .form_input > div > .eval .no_visit_form{margin-top:10px;}
#customer_form .form .form_input > div > .eval .no_visit_form span{display:inline-block;width:52px;}
#customer_form .form .form_input > div > .eval .no_visit_form #form_pay_time2{margin-left:5px;}
#customer_form .form .form_input > div > .eval .no_visit_form #order_day{margin-left:10px;}
#customer_form .form .form_input > div > .eval .no_visit_form > div:first-child{margin-top:15px;}
#customer_form .form .form_input > div > .eval .no_visit_form > div{margin-top:10px;}
/* 답변 알림 서비스 */
#customer_form .form .form_input > div > div > .opt_wrap{display:inline-block;}
#customer_form .form .form_input > div > div > div #no_alim,
#customer_form .form .form_input > div > div > div #sms_alim,
#customer_form .form .form_input > div > div > div #em_alim,
#customer_form .form .form_input > div > div > div #hp_alim{margin-left:15px;}
/* 이메일 */
#customer_form .form .form_input > div .email_wrap{display:inline-block;}
#customer_form .form .form_input > div .at{display:inline-block;padding:0 6px;}
#customer_form .form .form_input > div .email_wrap .m_at{display:none;padding:0 6px;}
/*약관*/
#customer_form .form .agreement .agm_cont_wrap{top:unset;bottom:120px;}
#customer_form .form .agreement > p{float:right;display:block;padding:6px 0;}
#customer_form .form .agreement > div > p.agm_close{padding-left:0;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #customer_form .form .form_input > div #form_title{width:calc(100% - 182px);}
    #customer_form .form .form_input > div #form_title #form_email{width:calc(100% - 100px);}
    #customer_form .form .form_input > div #form_title .col2_form span #order_menu{display:block;}
    #customer_form .form .form_input > div #form_title .col2_form span{display:block;}
    /* 이메일 */
    #customer_form .form .form_input > div .email_wrap:nth-of-type(1){width:25%;}
    #customer_form .form .form_input > div .email_wrap:nth-of-type(2){width:25%;}
    #customer_form .form .form_input > div .email_wrap:nth-of-type(3){width:20%;}
    #customer_form .form .form_input > div .email_wrap #form_email,
    #customer_form .form .form_input > div .email_wrap #form_email_domain,
    #customer_form .form .form_input > div .email_wrap #form_email_domain2{width:100% !important;box-sizing:border-box;}
    /* 내용 */
    #customer_form .form .form_input > div #form_content{width:calc(100% - 182px);}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    /* 메뉴 제목 */
    #customer_form .form .form_input > div p{width:70px;}
    /* 매장명 */
    #customer_form .form .form_input > div #form_store_name{width:25%;margin-top:0px;}
    #customer_form .form .form_input > div #store_search{margin-left:10px;}
    /* 이용경로 */
    #customer_form .form .form_input > div > .eval #visit + span,
    #customer_form .form .form_input > div > .eval #no_visit + span{display:inline-block;}
    #customer_form .form .form_input > div > .eval #visit,
    #customer_form .form .form_input > div > .eval #visit + span,
    #customer_form .form .form_input > div > .eval #no_visit,
    #customer_form .form .form_input > div > .eval #no_visit + span{margin-top:8px;}
    #customer_form .form .form_input > div > .eval .visit_form > div #visit_day{width:54%;}
    #customer_form .form .form_input > div > .eval .visit_form > div #pay_time{width:30%;padding:6px;}
    #customer_form .form .form_input > div > .eval .visit_form > div #order_menu{width:65%;padding:6px;}
    #customer_form .form .form_input > div > .eval .no_visit_form > div #order_day{width:65%;padding:6px;}
    #customer_form .form .form_input > div > .eval .no_visit_form > div #pay_time2{width:23%;padding:6px;}
    #customer_form .form .form_input > div > .eval .no_visit_form > div #order_menu2{width:92%;padding:6px;margin-top:8px;}
    /* 답변 알림 서비스 */
    #customer_form .form .form_input > div > div > .opt_wrap{display:block;}
    #customer_form .form .form_input > div > div > .opt_wrap:nth-of-type(2){margin-top:3px;}
    #customer_form .form .form_input > div > div > div #no_alim,
    #customer_form .form .form_input > div > div > div #sms_alim,
    #customer_form .form .form_input > div > div > div #em_alim,
    #customer_form .form .form_input > div > div > div #hp_alim{width:auto;margin-top:0;}
    #customer_form .form .form_input > div > div > div #no_alim,
    #customer_form .form .form_input > div > div > div #em_alim{margin-left:10px;}
    /* 이메일 */
    #customer_form .form .form_input > div .email_wrap{display:block;margin-top:8px;}
    #customer_form .form .form_input > div .email_wrap:nth-of-type(1){margin-top:15px;}
    #customer_form .form .form_input > div .at{display:none;}
    #customer_form .form .form_input > div .email_wrap .m_at{display:inline-block;}
    #customer_form .form .form_input > div .email_wrap #form_email,
    #customer_form .form .form_input > div .email_wrap #form_email_domain,
    #customer_form .form .form_input > div .email_wrap #form_email_domain2{margin-top:0;}
    /* 제목 */
    #customer_form .form .form_input > div #form_title{margin-top:8px;}
    /* 내용 */
    #customer_form .form .form_input > div #form_content{margin-top:8px;}
    /*약관*/
    #customer_form .form .agreement > div > p{margin-top:8px;}
    #customer_form .form .agreement > div > p.agm_close{width:26px;height:26px;padding-left:0;margin-top:0;top:10px;right:10px;}
    #customer_form .form .agreement > div > p.agm_close span{width:18px;margin:12px auto;}
    #customer_form .form .agreement > div > p.agm_close span::after{width:18px;}
}

@media screen and (max-width: 320px){#customer_form .form .agreement > p{margin-top:15px;}}
/* 210616 수정 End */






/* 220321 추가 */

table.tableNew{
    table-layout: fixed;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background-color: #fff;
}

table.tableNew tr th{
    padding: 10px 0px!important;
}

table.tableNew tr td{
    padding: 10px 0px!important;
    font-weight: 400!important;
    font-size: 14px!important;
}

table.tableNew tr th,
table.tableNew tr td{
    border: 1px solid #222;
}

/* 230118 추가 */
.inquiry_btn{position:fixed; bottom:20px; width:90%; margin-left:5%; z-index:100;}
.inquiry_btn .pc{display:none;}
.inquiry_btn .mo{display:block; max-width:180px; float:right}
.page-id-113726 .inquiry_btn{display:none;}

@media screen and (min-width: 800px){
.inquiry_btn{top:92px; right:25px; width:150px; height:150px; margin-left:0;}
.inquiry_btn .pc{display:block;}
.inquiry_btn .mo{display:none;}

.footer_wrap {padding:30px 0 45px;}

}

/* 20230308 발자취 테스트 */
.section_wrap > .section02{background:#f5f5f5;}
.section_wrap > .section02 .new_story .top li.text_box .inner{background:#FFF;}
.section_wrap > .section02 .story .st_tit{position:relative; padding:60px 0 40px;}
.section_wrap > .section02 .story .st_tit:after{content:""; position:absolute; display:block; width:1px; height:60px; left:50%; bottom:-40px; background:#bd1d1d;}
.section_wrap > .section02 .story .st_tit p{color:#000;}
.section_wrap > .section02 .story .st_tit p:nth-child(3){color:#606060;}

.carrer_cont > .line01{height:238px;}
.carrer_cont > .line01 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 195px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}
.carrer_cont > .line01 .active {
    display: none;
    content: '';
    width: 3px;
    height:195px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: line01;
    animation-name: line01;
}
.carrer_cont > .line03{height:314px;}
.carrer_cont > .line03 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 271px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}
.carrer_cont > .line03 .active {
    display: none;
    content: '';
    width: 3px;
    height:271px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: line03;
    animation-name: line03;
}
.carrer_cont > .line04{height:272px;}
.carrer_cont > .line04 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 229px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}
.carrer_cont > .line04 .active {
    display: none;
    content: '';
    width: 3px;
    height:229px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: line04;
    animation-name: line04;
}
.carrer_cont > .line06{height:422px;}
.carrer_cont > .line06 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 379px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}
.carrer_cont > .line06 .active {
    display: none;
    content: '';
    width: 3px;
    height:379px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: line06;
    animation-name: line06;
}
.carrer_cont > .line07{height:452px;}
.carrer_cont > .line07 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 409px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}
.carrer_cont > .line07 .active {
    display: none;
    content: '';
    width: 3px;
    height:409px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: line07;
    animation-name: line07;
}
.carrer_cont > .line08{height:482px;}
.carrer_cont > .line08 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 439px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}
.carrer_cont > .line08 .active {
    display: none;
    content: '';
    width: 3px;
    height:439px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: line08;
    animation-name: line08;
}
.carrer_cont > .line12{height:602px;}
.carrer_cont > .line12 .year_box::after {
    display: block;
    content: '';
    width: 3px;
    height: 559px;
    background: #f3f3f3;
    position: absolute;
    top: 43px;
    left: 57px;
}
.carrer_cont > .line12 .active {
    display: none;
    content: '';
    width: 3px;
    height:559px;
    background: #df2d34;
    position: absolute;
    top: 43px;
    left: 57px;
    z-index: 9;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: line12;
    animation-name: line12;
}
.carrer_cont > div:last-child .year_box::after{height:80px;}
.carrer_cont > div:last-child .active{height:80px;}
.carrer_cont > .year > div > ul > li{line-height:30px;}
/*.carrer_cont > .year > div:last-child{top:80px;}*/

@media screen and (min-width: 1200px){
.section_wrap > .section02{position:relative; background:none;}
.section_wrap > .section02:after{content:""; position:absolute; display:block; top:0; left:0; width:100%; height:800px; background:#f5f5f5; z-index:-1;}
.section_wrap > .section02 .story .st_tit{padding:100px 0 60px;}
.section_wrap > .section02 .story .st_tit:after{display:none;}
.section_wrap > .section02 .new_story .top{width:1110px;}

}

/* 인생설렁탕 메뉴 수정 230824 */
.hk_intro .insang_menu .menu_info>.name{border-bottom:none;}
.hk_intro .insang_menu .menu_info>.name>.catagory{display:none;}
.insang_menu>div.item{padding:50px 0 20px; border-bottom:1px solid #e2e2e2;}
.insang_menu>div.item:after{padding-bottom:0; display:none;}
.insang_menu .thumbnail{margin:0 0 20px 0;}
.insang_menu .menu_info .name > p:first-child{font-size:20px;}

/* 막이오름 메뉴 수정 240119 */
.hk_intro .mac_menu .menu_info>.name{border-bottom:none; padding-bottom:0; margin-bottom:0;}
.hk_intro .mac_menu .menu_info>.name>.catagory{display:none;}
.mac_menu .menu_info>.price{display:none;}
#mac{margin-top:30px;}
.mac_menu_tt{display:block !important; overflow:hidden;}
.mac_menu_tt img{width:650px; max-width:none;}
.mac_menu>div.item{padding:35px 0 30px; border-bottom:1px solid #e2e2e2;}
.mac_menu #menu_5, .mac_menu #menu_11, .mac_menu #menu_16, .mac_menu #menu_31{border-bottom:none;}
.mac_menu>div.item:after{padding-bottom:0; display:none;}
.mac_menu .thumbnail{margin:0 0 15px 0;}
.mac_menu .menu_info{text-align:center;}
.mac_menu .menu_info .name > p{float:none !important; font-size:20px;}
#mac.side_menu{padding-top:0;}
#mac.side_menu .mac_menu_tt{margin-bottom:35px;}

@media screen and (min-width: 501px) {
.insang_menu{font-size:0;}
.insang_menu .insang_menu_tt{padding-top:40px; border-top:1px solid #e2e2e2;}
.insang_menu>.insang_menu_tt:first-child{padding-top:0; border-top:none;}
.insang_menu .thumbnail{width:100%;}
.insang_menu>div.item{display:inline-block; width:48%; padding:50px 0 0; margin-bottom:-30px; border-bottom:none;}
.insang_menu>div.item:nth-child(even){margin-right:4%;}
.insang_menu>div.item:nth-child(15), .insang_menu>div.item:nth-child(17){margin-right:4%;}
.insang_menu>div.item:nth-child(16), .insang_menu>div.item:nth-child(18){margin-right:0;}
.insang_menu .menu_info{width:100%;}
.insang_menu .menu_info>.name{padding-bottom:0;}

.mac_menu_tt{margin-top:50px;}
.mac_menu{font-size:0;}
.mac_menu .thumbnail{width:100%;}
.mac_menu>div.item{display:inline-block; width:48%; padding:50px 0 0; margin-bottom:-3px; border-bottom:none;}
.mac_menu>div.item:nth-child(even){margin-right:4%;}
.mac_menu #menu_12, .mac_menu #menu_17, .mac_menu #menu_19, .mac_menu #menu_21, .mac_menu #menu_23, .mac_menu #menu_25, .mac_menu #menu_27, .mac_menu #menu_29, .mac_menu #menu_31, .mac_menu #menu_33, .mac_menu #menu_35, .mac_menu #menu_37{margin-right:4%;}
.mac_menu #menu_18, .mac_menu #menu_20, .mac_menu #menu_22, .mac_menu #menu_24, .mac_menu #menu_26, .mac_menu #menu_28, .mac_menu #menu_30, .mac_menu #menu_32, .mac_menu #menu_34, .mac_menu #menu_36, .mac_menu #menu_38{margin-right:0;}
.mac_menu .menu_info{width:100%;}
.mac_menu .menu_info>.name{padding-bottom:0;}

.jesun_menu{font-size:0;}
.jesun_menu .item{display:inline-block; width:49%; margin-right:2%; vertical-align:top;}
.jesun_menu #menu_2, .jesun_menu #menu_4, .jesun_menu #menu_7, .jesun_menu #menu_9, .jesun_menu #menu_11{margin-right:0;}
.jesun_menu .thumbnail{width:100%; margin-right:0;}
.jesun_menu .menu_info{width:100%;}
}

@media screen and (min-width: 800px) {
.insang_menu>div.item{width:32%; margin-right:2%;}
.insang_menu>div.item:nth-child(even){margin-right:2%;}
.insang_menu>div.item:nth-child(4), .insang_menu>div.item:nth-child(8), .insang_menu>div.item:nth-child(11), .insang_menu>div.item:nth-child(16), .insang_menu>div.item:nth-child(19){margin-right:0;}
.insang_menu>div.item:nth-child(15), .insang_menu>div.item:nth-child(16){margin-right:2%;}
.insang_menu>div.item:nth-child(17){margin-right:0;}
.insang_menu .menu_info{padding-left:15px; box-sizing:border-box;}

#mac{margin-top:60px;}
.mac_menu_tt{margin-top:100px;}
.mac_menu_tt img{width:1110px;}
.mac_menu>div.item{width:32%; margin-right:2%;}
.mac_menu>div.item:nth-child(even){margin-right:2%;}
.mac_menu #menu_12, .mac_menu #menu_14, .mac_menu #menu_17, .mac_menu #menu_19, .mac_menu #menu_21, .mac_menu #menu_23, .mac_menu #menu_25, .mac_menu #menu_27, .mac_menu #menu_29{margin-right:2%;}
.mac_menu #menu_13, .mac_menu #menu_15, .mac_menu #menu_18, .mac_menu #menu_20, .mac_menu #menu_22, .mac_menu #menu_24, .mac_menu #menu_26, .mac_menu #menu_28, .mac_menu #menu_30, .mac_menu #menu_31, .mac_menu #menu_32, .mac_menu #menu_34, .mac_menu #menu_35, .mac_menu #menu_37{margin-right:2%;}
.mac_menu #menu_3, .mac_menu #menu_8, .mac_menu #menu_11, .mac_menu #menu_15, .mac_menu #menu_18, .mac_menu #menu_21, .mac_menu #menu_24, .mac_menu #menu_27, .mac_menu #menu_30, .mac_menu #menu_33, .mac_menu #menu_36{margin-right:0;}

.jesun_menu{text-align:center;}
.jesun_menu .item{width:340px; margin-right:45px;}
.jesun_menu .jesun_menu_txt{margin-top:80px;}
.jesun_menu .jesun_menu_txt p{font-size:36px;}
.jesun_menu .jesun_menu_txt:after{height:80px; margin:30px auto 0;}
.jesun_menu .jesun_menu_set{width:100%; margin-left:0; margin-top:-40px; margin-bottom:80px; padding:60px 0;}
.jesun_menu .jesun_menu_tt{margin-bottom:40px; font-size:28px;}
.jesun_menu .jesun_menu_tt.line{padding-top:65px; margin-top:55px;}
.jesun_menu .menu_info>.name{margin-bottom:10px;}
.jesun_menu .menu_info>.name>p:first-child{font-size:20px;}
.jesun_menu #menu_5{margin-right:385px;}
}

@media screen and (min-width: 1110px) {
.jesun_menu #menu_5, .jesun_menu #menu_8{margin-right:0;}
.jesun_menu #menu_4, .jesun_menu #menu_6, .jesun_menu #menu_7, .jesun_menu #menu_9 {margin-right:45px;}
}