a,div,img,button,area,input,select,audio {outline: none;}

.color_back {background: #4491CB;}
.wrap .btn_primary {color: #fff;border: 1px solid #4491CB;border-radius: 2px;background: #4491CB;}
.wrap .btn_primary:hover {text-decoration: none;border: 1px solid #4491CB;background: #4491CB;}
#wrap {position: relative;overflow: hidden;}
.container {text-align: center; }
.left-menu {display: none;margin: 30px 0 80px 0;}
.content {margin-top: 70px;}
.cp-left-menu .container {max-width: 1260px; margin: 40px auto 0;}
.cp-left-menu .left-menu {display: block;float: left;width: 16%;}
.cp-left-menu .content {float: right;width: 79%;}
.col-full {position: relative;max-width: 1260px;margin: 0 auto;text-align: left; }
.skip_navigation {position: relative;}
.skip_navigation a {position: absolute;display: block;top: -10000px;left: 0;padding: 10px 0;text-align: center;font-size: 15px;line-height: 15px;color: #fff;background: #000; }

.skip_navigation a:focus {position: static;top: 0;}
.header {  }

.header .subbg{display: none;position: absolute;top: 118px;left: 0;z-index: 5500;width: 100%;height: 290px;background-color: #fff;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;-webkit-box-sizing: border-box;box-sizing: border-box;}

.header .gnb {position: relative;height: 40px;}
.header .gnb .left {position: absolute;top: 0;left: 10px; display: flex;}
.header .gnb .left li.line { width: 1px; height:18px; background: #d0d0d0;}

.header .gnb .flags {padding-top: 8px;}
.header .gnb .flags li {display: inline-block;margin-left: 10px;}
.header .gnb .flags li img {border-radius: 100%;border: 1px solid #efefef;}




.header .gnb .top_notice_wrap {position: absolute;top: 12px;left: 160px;width: 500px;}
.header .gnb .top_notice_wrap .txtslide_wrap {position: relative;height: 19px;overflow: hidden;}
.header .gnb .top_notice_wrap .txtslide {position: absolute;top: 0;left: 0;}
.header .gnb .top_notice_wrap .txtslide a {display: block;height: 15px;padding: 0 0 0 5px;font-size: 15px;line-height: 15px;}
.header .gnb .right {z-index: 3; position: absolute;top: 0;right: 10px;}
.header .gnb .right li {float: left;}
.header .gnb .right li a {display: block;padding: 0 3px;font-size: 12px; line-height: 40px; color: #787878;}

.header .gnb .right li.line {width: 1px;height: 12px;margin: 14px 4px 0;background: #d0d0d0;}

.header .gnb .right li.userjoin_box {
 position: relative;
 }

.header .gnb .right li.userjoin_box .point_icon {position: absolute;top: 36px;left: -32px;width: 80px;padding: 7px 8px;font-size: 12px;text-align: center; line-height: 8px;color: #fff;background: #ff8bd1;border-radius: 6px;}
.header .gnb .right li.userjoin_box .point_icon .triangle {position: absolute;top: -12px;left: 44px;display: inline-block;width: 0;height: 0;border-style: solid;border-width: 6px;border-color: transparent transparent #ff8bd1 transparent;}

.header .gnb .link-icons-shopping {/* position: absolute; top: 40px;right: 0; padding: 10px 0;*/}
.header .gnb .link-icons-shopping li {display: inline-block; margin-left: 8px;}
.header .gnb .link-icons-shopping li img{width: 24px;}
.header .gnb .link-icons-shopping li .icon {position: absolute;top:5px;right:-6px;display: inline-block;width: 16px;height: 16px;font-size: 12px; line-height: 15px;text-align:center;color: #fff;background: #ff0000;border-radius: 100%;}




.header .logo-wrap {position: relative; z-index: 2;height: 118px;border-top: 1px solid #efefef;padding-bottom: 10px;}
.header .logo-wrap .search-bar {display: flex; justify-content: center; align-items: center; margin: 20px 0;  /* position: absolute; top: 15px; right: 10px; */}
.header .logo-wrap .search-bar .search-bar-inside {position: relative;width: 280px;}
.header .logo-wrap .search-bar .search-bar-inside input[type=text] {width: 100%;height: 32px;padding-left: 12px;margin-right: 5px;border-radius: 14px;}
.header .logo-wrap .search-bar .search-bar-inside .mark {position: absolute;top: 6px;right: 42px;}
.header .logo-wrap .search-bar .search-bar-inside .mark span:nth-child(1) {display: block;position: absolute;z-index: 2;top: 0;left: 0;width: 12px;height: 12px;border-radius: 10px;border: 2px solid #ababab;background: #fff;}
.header  .logo-wrap .search-bar .search-bar-inside .mark span:nth-child(2) {display: block;position: absolute;z-index: 1;top: 10px;left: 14px;width: 4px;height: 12px;border-radius: 6px;background: #ababab;transform: rotate(135deg);-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);}

.header .logo-wrap .subm {margin-top: 8px;}
.header .logo-wrap .subm .subm-btn {display: inline-block; height: 13px; padding: 5px 15px;color: #fff; border-radius: 5px;}
.header .logo-wrap .subm .child1 {background: #ff6600;}
.header .logo-wrap .subm .child2 {position: relative; padding-right: 22px; background: #fdb44b; cursor: pointer;}
.header .logo-wrap .subm .child3 {position: relative; padding-right: 22px;background: #ce2525;cursor: pointer;}
.header .logo-wrap .subm .subm-btn .arrow {position: absolute; top: 9px;right: 9px;width: 0;height: 0;border-style: solid;border-width: 4px;border-left-color: transparent;border-right-color: transparent;border-bottom: none;border-top-color: #fff;}
.header .logo-wrap .subm .subm-btn .sub_layer {position: absolute; z-index: 3000; display: none;width: 230px; top: 23px;left: 0;background: #fff;border: 1px solid #efefef; color: #333;}
.header .logo-wrap .subm .subm-btn:hover .sub_layer {display: block;}
.header .logo-wrap .subm .subm-btn .sub_layer a {display: block;padding: 10px 10px;border-bottom: 1px solid #efefef;}
.header .logo-wrap .subm .subm-btn .sub_layer a:last-child {border-bottom: none;}
.header .logo-wrap .subm .subm-btn .sub_layer a:hover {background: #5e5757; color: #fff;}

.header .logo-wrap .logo-box {float: left; position: relative; padding-right: 22px; cursor: pointer;}

.header .logo-wrap .logo-box a {display: block; overflow: visible;}
.header .logo-wrap .logo-box .arrow {overflow: visible; z-index: 90000; position: absolute; top: 6px; right: 9px; width: 0;height: 0; border-style: solid; border-width: 4px; border-left-color: transparent;border-right-color: transparent;border-bottom: none; border-top-color: #333;}
.header .logo-wrap .logo-box .sub_layer {position: absolute; z-index: 3000; display: none;width: 100px;top: 0px;right: -100px;background: #fff;border: 1px solid #ccc; text-align: center;}
.header .logo-wrap .logo-box:hover .sub_layer {display: block;}
.header .logo-wrap .logo-box .sub_layer a {display: block; border-bottom: 1px solid #efefef;}
.header .logo-wrap .logo-box .logo-sub { padding: 10px; }
.header .logo-wrap .logo-box .sub_layer a:last-child {border-bottom: none;}
.header .logo-wrap .logo-box .sub_layer a:hover {background: #5e5757; color: #fff;}

.header .logo-wrap .sns {margin-top: 8px;text-align: center;}
.header .logo-wrap .sns li {display: inline-block;margin: 0 4px;}
.header .logo-wrap .sns li img {width: 20px;}
.header .logo-wrap .link-icons {position: absolute;top: 40px;right: 0;}
.header .logo-wrap .link-icons li {display: inline-block;margin-left: 34px;}
.header .logo-wrap .link-icons li .icon {position: absolute;top: -3px;right: -6px;display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;background: #E02623;border-radius: 100%;}


.header .review-bar { width: 300px; height: 100px; overflow: hidden; }
.header .review-bar h6.review-h6 { width: 100%; height: 20px; border-radius: 5px; background-color: #fdb44b; font-size: 14px; font-weight: 400; color: #fff; line-height: 19px; text-align: center; }
.header .review-bar .row a { display: flex; }
.header .review-bar .row a > div { padding: 0 5px 5px 0; display: flex; align-items: center; }
.header .review-bar .row a > div:nth-child(n+2):nth-child(-n+3):after { content: '|'; padding-left: 5px; }
.header .review-bar .row a img { width: 50px; height: 35px; }


/* .header  .log */



.header .navi_wrap {
    display: block;
 border-top: 1px solid #efefef;
 border-bottom: 1px solid #efefef;
 }

.header .navi_wrap .col-full-inside {position: relative;min-height: 64px;}
.header .navi_wrap .col-full-inside::before{content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%;background-color: #efefef;}
.header .navi_wrap .col-full-inside::after{content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%;background-color: #efefef;}

.header .navi_wrap .navi_box_outer {position: relative;padding-left: 70px;}
.header .navi_wrap .nav_show_btn {position: absolute; top: 22px;left: 20px;}
.header .navi_wrap .nav_show_btn ul li {width: 20px;height: 3px;margin-top: 3px;font-size: 0;line-height: 0;border-radius: 8px;background: #333 !important;}

.header .navi_wrap .navi_box {position: relative;}
.header .navi_wrap .navi_box .navi {overflow: hidden;}
.header .navi_wrap .navi_box .s1_box {display: inline-block;}
.header .navi_wrap .navi_box .s1 a {display: block;position: relative;height: 16px;padding: 24px 60px;text-align: center;font-size: 16px;line-height: 16px;font-weight: 500;}
.header .navi_wrap .navi_box .s1 a:hover {color: #F73D40;}
.header .navi_wrap .navi_box .s1 a .child-btn-container {display: none;}
.header .navi_wrap .navi_box .s2_wrap {display: none;}

.header .navi_wrap .navi-layer {display: none;position: absolute;z-index: 2;top:64px;left:70px;width: 880px;background: #fff;}
.header .navi_wrap .navi-layer .navi {display: flex; justify-content: space-between; overflow: hidden;border: 1px solid #ddd;}
.header .navi_wrap .navi-layer .navi a {font-size: 16px; font-weight: 500; text-align: center; }
.header .navi_wrap .navi-layer .navi .s1 {display: block; padding: 12px 58.43px 15px 58.43px; background: #f4f4f4;}
.header .navi_wrap .navi-layer .navi a:hover {text-decoration: underline;}
.header .navi_wrap .navi-layer .navi .s1_box {display: block;float: left;}
.header .navi_wrap .navi-layer .navi .s2_box {display: block;padding: 10px 0;}
.header .navi_wrap .navi-layer .navi .s2_box a {font-size: 14px; font-weight: 400; line-height: 1.8rem; text-align: center;color: #666;}
.header .navi_wrap .navi-layer .navi .s2_box a:hover {color: #333;font-weight: bold;}
.header .navi_wrap .navi-layer .navi .s.s2{text-align: center;}
o-wrap .search-bar .search-bar-inside a {display: inline-block;margin-left: 8px;}


.header .mobile-nav-main {
 display: none;
 }

.left-menu .navi {
 position: relative;
 }

.left-menu .navi .s_wrap {
 display: none;
 }

.left-menu .navi .s_wrap.act_wrap {
 display: block;
 }

.left-menu .navi .s {
 position: relative;
 }

.left-menu .navi .s a {
 display: block;
 text-align: left;
 color: #333338;
 }

.left-menu .navi .s1 a {
 padding: 0 0 12px 10px;
 margin-bottom: 8px;
 font-size: 18px;
 font-weight: bold;
 text-align: left;
 color: #000 !important;
 border-bottom: 3px solid #454548;
 background: none !important;
 }

.left-menu .navi .s2 a {
 padding: 12px 0 10px 10px;
 font-weight: bold;
 border-top: 1px solid #eee;
 }

.left-menu .navi .s2:nth-child(1) a {
 border-top: none;
 }

.left-menu .navi .s3_box {
 padding: 0 0 6px 0;
 }

.left-menu .navi .s3 a {
 padding: 8px 0 8px 10px;
 color: #767676;
 }

.left-menu .navi .s3 a:hover {
 font-weight: bold;
 }

.left-menu .navi .s4 a {
 padding: 8px 0 8px 18px;
 color: #767676;
 }

.left-menu .navi .s4 a:hover {
 font-weight: bold;
 }

.left-menu .navi .show_child {
 display: block;
 position: absolute;
 top: 1px;
 right: 0;
 width: 40px;
 height: 15px;
 padding: 10px 0;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 cursor: pointer;
 }

.left-menu .navi .show_child:hover {
 background: #f0f0f0;
 }

.left-menu .navi .s1 .show_child {
 display: none;
 }

.content_left_end_box {
 position: absolute;
 z-index: 20;
 top: 0;
 left: -160px;
 width: 140px;
 }

.content_left_end_box .slick-dots {
 position: absolute;
 z-index: 10;
 left: 0;
 bottom: 5px;
 width: 100%;
 text-align: center;
 }

.content_left_end_box .slick-dots li {
 display: inline-block;
 }

.content_left_end_box .slick-dots li button {
 display: inline-block;
 width: 8px;
 height: 8px;
 margin: 0 2px;
 padding: 0;
 font-size: 0;
 color: transparent;
 cursor: pointer;
 border: none;
 background: #ccc;
 border-radius: 100%;
 }

.content_left_end_box .slick-dots li.slick-active button {
 background: #F73D40;
 }

.content_left_end_box .item-slide2 {
 margin-top: 15px;
 }

.content_left_end_box .images {
 margin-top: 15px;
 }

.content_left_end_box .images img {
 margin-bottom: 10px;
 }

.content_right_section {position: fixed;z-index: 1003;top: 0;right: 0;width: 120px;height: 100%;background: #2DB301;}
.content_right_section .box {width: 100%;}
.content_right_section .box a.title {display: block;padding: 14px 0;text-align: left;font-size: 11px;line-height: 14px;color: #fff;letter-spacing: -1px;}
.content_right_section .box .img {display: inline-block;width: 24px;padding: 0 3px 0 5px;text-align: center;}
.content_right_section .recent_wrap {padding: 0 10px 12px 10px;}
.content_right_section .recent_wrap .title {display: block;padding: 3px 0;font-size: 12px;}
.content_right_section .recent_wrap .btn_box {position: relative;padding-top: 5px;}
.content_right_section .recent_wrap .btn_left {position: absolute;top: 6px;left: 3px;width: 0;height: 0;border-width: 7px;cursor: pointer;border-style: solid;border-color: transparent #fff transparent transparent;}
.content_right_section .recent_wrap .btn_right {position: absolute;top: 6px;right: 3px;width: 0;height: 0;border-width: 7px;cursor: pointer;border-style: solid;border-color: transparent transparent transparent #fff;}
.content_right_section .recent_wrap .page_box {display: inline-block;width: 32px;text-align: center;color: #fff;}
.content_right_section .recent_wrap .recent {display: none;position: relative;}
.content_right_section .recent_wrap .recent span.hover {display: none;position: absolute;z-index: 2;top: 0px;right: 0px;width: 15px;padding: 2px 0;text-align: center;font-size: 10px;color: #fff;cursor: pointer;background: #000;}
.content_right_section .recent_wrap .recent span.act {display: block;}
.content_right_section .recent_wrap .recent a div.hover {display: none;position: absolute;overflow: hidden;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;font-size: 12px;line-height: 19px;color: #fff;background: #000;}
.content_right_section .recent_wrap .recent a div.act {display: block;}
.content_right_section .recent_wrap .recent a img {display: block;width: 100%;}
.content_right_section .recent_wrap .recent_act {display: block;margin-bottom: 7px;}
.content_right_section .btn_top {position: absolute;bottom: 0;right: 0;width: 100%;padding: 20px 0 20px 0;cursor: pointer;text-align: center;background: #2DB300;}
.content_right_section .btn_top:hover {background: #2DB300;}
.content_right_section .btn_top .arrow {display: inline-block;border-width: 6px;border-style: solid;border-color: transparent transparent #fff transparent;}
.content_right_section .btn_top .line {display: inline-block;width: 50%;height: 1px;background: #fff;}
.content_right_section .btn_top .txt {padding: 8px 0;font-family: arial;font-weight: bold;color: #fff;}
.content_right_section .open_btn {position: absolute;width: 20px;height: 70px;top: 50%;margin-top: -35px;left: -20px;background: #2DB300;border-radius: 5px 0 0 5px;cursor: pointer;}
.content_right_section .open_btn .reduce_arrow {display: none;position: absolute;top: 28px;left: 1px;border-width: 6px;border-style: solid;border-color: transparent #fff transparent transparent;}
.content_right_section .open_btn .expand_arrow {position: absolute;top: 28px;left: 9px;border-width: 6px;border-style: solid;border-color: transparent transparent transparent #fff;}
.content_right_section.reduce .reduce {display: block;}
.content_right_section.reduce .expand {display: none;}
.content_right_section.reduce {width: 45px;}
.content_right_section.reduce .box .img {width: 45px;padding: 0;}

.content_left_end_box {
 position: absolute;
 z-index: 20;
 top: 0;
 left: -160px;
 width: 140px;
 }

.content_right_end_box {
 position: absolute;
 z-index: 20;
 top: 0;
 right: -120px;
 width: 110px;
 }

.content.no_margin {  margin: 0; }


.my-title h1{font-weight: 700;}
.my-title p{font-size: 20px; line-height: 1.6rem;}

.my-contents h2{margin: 160px 0 20px;}
.my-contents ul.ad{width: 1200px; margin: 0 auto; border-bottom: 1px solid #999; border-top: 1px solid #999;}
.my-contents ul.ad li{display: block; width: 100%; height: 40px; padding: 5px 0; border-bottom: 1px solid #ccc;}
.my-contents ul.ad li:last-child{border-bottom: none;}
.my-contents ul.ad li a{font-size: 18px; text-align: left; line-height: 40px;}
.my-contents ul.ad li a:hover{font-weight: 600;}






















.footer {
 margin-top: 150px;
 }

.footer .navi {
 border-top: 1px solid #dfdfdf;
 border-bottom: 1px solid #dfdfdf;
 }

.footer .navi ul {
 overflow: hidden;
 }

.footer .navi ul li {
 float: left;
 }

.footer .navi ul li a {
 display: block;
 height: 13px;
 padding: 16px 69px;
 color: #727171;
 font-weight: bold;
 }

.footer .navi ul li:first-child a {
 padding-left: 0;
 }

.footer .navi ul li a:hover {
 color: #333;
 }

.footer .navi ul li:last-child a {
 padding-right: 0;
 }

.footer .txt-wrap {
 position: relative;
 padding: 40px 0;
 color: #666666;
 line-height: 22px;
 }

.footer .txt-wrap .r1 { 
 font-size: 18px;
 font-weight: 600;
 }

 .footer .txt-wrap .r1 img { position: relative; bottom: 3px; width: 100px; margin-right: 10px; }

.common-nav-tabs {
 overflow: hidden;
 }

.common-nav-tabs .box {
 float: left;
 }

.common-nav-tabs .box .tab {
 display: block;
 padding: 15px 0;
 text-align: center;
 font-size: 16px;
 border-bottom: 1px solid #707070;
 }

.common-nav-tabs .box.active .tab {
 padding-bottom: 14px;
 border-bottom: 3px solid #00AAB0;
 }

.form_bottom_btn {
 padding: 30px 0;
 text-align: center;
 }

.form_bottom_btn .btn {
 padding: 10px 18px;
 font-size: 13px;
 line-height: 13px;
 }

.form_bottom_btn .btn:hover {
 background: none;
 }

.form_bottom_btn .btn.btn_primary {
 background: #4491CB;
 }

.form_bottom_btn .btn.btn_primary:hover {
 border: 1px solid #4491CB;
 background: #4491CB;
 }

.list_no_data {
 padding: 30px 0;
 text-align: center;
 color: #767676;
 }

.list_bottom_btn {
 position: relative;
 min-height: 27px;
 margin-top: 10px;
 text-align: right;
 }

.list_bottom_btn .btn {
 padding: 6px 16px;
 }

.tablenav.top {
 position: relative;
 margin-bottom: 20px;
 font-size: 16px;
 overflow: hidden;
 }

.tablenav.top a {
 font-size: 16px;
 }

.tablenav.top .right-box {
 float: right;
 }

.tablenav.top .right-box .link-btn {
 display: inline-block;
 padding: 8px 18px;
 font-size: 15px;
 font-weight: 700;
 color: #00AAB0;
 border: 1px solid #bbbbbb;
 border-radius: 5px;
 }

.tablenav.top .right-box .link-btn.primary {
 color: #4491CB;
 border-color: #fff;
 background: #fff;
 }

.tablenav.bottom {
 position: relative;
 margin-top: 24px;
 font-size: 16px;
 }

.tablenav.bottom a {
 font-size: 16px;
 }

.tablenav.bottom .left-box .txt-btn {
 font-size: 16px;
 color: #fff;
 cursor: pointer;
 }

.tablenav.bottom .left-box label.txt-btn {
 display: inline-block;
 vertical-align: top;
 }

.tablenav.bottom .left-box button.txt-btn {
 display: inline-block;
 vertical-align: top;
 padding: 0;
 margin: 0;
 font-size: 16px;
 line-height: 16px;
 color: #fff;
 border: none;
 background: none;
 cursor: pointer;
 }

.tablenav.bottom .right-box {
 position: absolute;
 top: -6px;
 right: 0;
 }

.tablenav.bottom .right-box .link-btn {
 display: inline-block;
 padding: 8px 18px;
 font-size: 15px;
 font-weight: 700;
 color: #00AAB0;
 border: 1px solid #bbbbbb;
 border-radius: 5px;
 }

.tablenav.bottom .right-box .link-btn.primary {
 color: #4491CB;
 border-color: #fff;
 background: #fff;
 }

.page-title {
 margin: 60px 0 50px 0;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 }

.page-title .sub-title {
 padding-top: 12px;
 text-align: center;
 font-size: 13px;
 font-weight: normal;
 color: #808080;
 }

.txt_title {
 position: relative;
 padding: 11px 1px;
 font-size: 15px;
 line-height: 15px;
 color: #272727;
 font-weight: bold;
 text-align: left;
 }

.txt_title .right_box {
 position: absolute;
 top: 11px;
 right: 0;
 }

@media screen and (max-width:1259px) {
 .header .navi_wrap .navi_box .s1 a {
 padding: 32px 8px 42px 8px;
 }
 .header .navi_wrap .navi_box_outer .navi-layer, .header .navi_wrap .navi_box .navi {
 display: none;
 }
 .left-menu {
 margin: 0;
 }
 .cp-left-menu .left-menu {
 display: none;
 float: none;
 width: 100%;
 background: #fff;
 }
 .cp-left-menu .content {
 float: none;
 width: 100%;
 margin: 0;
 }
 .col-full {
 max-width: 100%;
 margin: 0;
 }
 .header {
 position: relative;
 padding: 0;
 }
 .header .nav-main {
 margin-top: 54px;
 }
 .header .navi_wrap .col-full-inside {
 min-height: none; display: none;
 }
 .header .navi_wrap .navi_box_outer {
 position: relative;
 z-index: 101;
 top: 0;
 left: 0;
 width: auto;
 }
 .header .navi_wrap {
 position: relative;
 height: 49px; display: none;
 }
 .header .navi_wrap .navi_box_outer {
 float: none;
 width: 100%;
 white-space: nowrap;
 overflow: hidden;
 overflow-x: scroll;
 }
 .header .navi_wrap .navi_box_outer::-webkit-scrollbar {
 display: none;
 }
 .header .navi_wrap .navi_box .navi {
 overflow: auto;
 }
 .header .navi_wrap .navi_box .s1_box {
 float: none;
 display: inline-block;
 width: auto !important;
 }
 .header .navi_wrap .navi_box .s1 a {
 height: 15px;
 font-size: 15px;
 padding: 17px 13px;
 }
 .header .navi_wrap .navi-layer {
 display: none;
 }
 .header .mobile-nav-main {
 display: block;
 position: fixed;
 z-index: 1001;
 top: 0;
 width: 100%;
 height: 54px;
 background: #fff;
 border-bottom: 1px solid #f4f4f4;
 }
 .header .mobile-nav-main .col-full {
 position: relative;
 text-align: center;
 }
 .header .mobile-nav-main .nav-left {
 float: left;
 width: 25%;
 height: 43px;
 text-align: left;
 }
 .header .mobile-nav-main .nav-show-btn div.box_wrap {
 text-align: center;
 }
 .header .mobile-nav-main .nav-show-btn div.box {
 display: inline-block;
 margin-top: 9px;
 }
 .header .mobile-nav-main .nav-show-btn ul {
 display: inline-block;
 margin-top: 6px;
 }
 .header .mobile-nav-main .nav-show-btn ul li {
 display: block;
 width: 19px;
 height: 3px;
 margin-top: 4px;
 border-radius: 8px;
 background: #ababab;
 }
 .header .mobile-nav-main .nav-center {
 float: left;
 width: 50%;
 height: 54px;
 line-height: 54px;
 margin: 0;
 text-align: center;
 font-weight: bold;
 }
 .header .mobile-nav-main .nav-center img {
 max-height: 25px;
 vertical-align: middle;
 }
 .header .mobile-nav-main .nav-right {
 position: relative;
 float: right;
 width: 25%;
 text-align: right;
 }
 .header .mobile-nav-main .open-search-btn { }
 .header .mobile-nav-main .open-search-btn div.box_wrap {
 text-align: center;
 }
 .header .mobile-nav-main .open-search-btn div.box {
 display: inline-block;
 position: relative;
 width: 30px;
 height: 30px;
 margin-top: 15px;
 }
 .header .mobile-nav-main .open-search-btn span:nth-child(1) {
 display: block;
 position: absolute;
 z-index: 2;
 top: 0;
 left: 0;
 width: 16px;
 height: 16px;
 border-radius: 10px;
 border: 2px solid #ababab;
 background: #fff;
 }
 .header .mobile-nav-main .open-search-btn span:nth-child(2) {
 display: block;
 position: absolute;
 z-index: 1;
 top: 12px;
 left: 17px;
 width: 6px;
 height: 16px;
 border-radius: 6px;
 background: #ababab;
 transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 }
 .header .mobile-nav-main .open-search-btn-act span:nth-child(1) {
 border-color: #4491CB;
 }
 .header .mobile-nav-main .open-search-btn-act span:nth-child(2) {
 background: #4491CB;
 }
 .header .mobile-nav-main .global_search_box {
 display: none;
 position: fixed;
 z-index: 1000;
 top: 55px;
 left: 0;
 width: 100%;
 height: 100%;
 text-align: center;
 background: #1e1e1e;
 }
 .header .mobile-nav-main .global_search_box-inside {
 position: relative;
 padding: 40px 0 0 0;
 }
 .header .mobile-nav-main .global_search_box input[type=text] {
 width: 70%;
 height: 38px;
 padding: 22px 30px 22px 9px;
 font-size: 15px;
 color: #fff;
 font-weight: bold;
 border: none;
 border-bottom: 1px solid #707070;
 background: none;
 }
 .header .mobile-nav-main .global_search_box input[type=image] {
 position: absolute;
 top: 50px;
 right: 16%;
 }
 .header .mobile-nav-main .global_search_box .close-btn-box {
 padding: 30px 45px 0 0;
 text-align: right;
 }
 .header .mobile-nav-main .global_search_box .close-btn-box a {
 position: relative;
 display: inline-block;
 font-size: 15px;
 color: #fff;
 }
 .header .mobile-nav-main .global_search_box .close-btn-box a:before,
 .header .mobile-nav-main .global_search_box .close-btn-box a:after {
 content: ' ';
 position: absolute;
 top: -2px;
 right: -15px;
 height: 17px;
 width: 1px;
 background-color: #fff;
 }
 .header .mobile-nav-main .global_search_box .close-btn-box a:before {
 transform: rotate(45deg);
 }
 .header .mobile-nav-main .global_search_box .close-btn-box a:after {
 transform: rotate(-45deg);
 }
 .header .mobile-nav-main .global_search_box .mark {
 position: absolute;
 top: 52px;
 right: 22%;
 }
 .header .mobile-nav-main .global_search_box .mark span:nth-child(1) {
 display: block;
 position: absolute;
 z-index: 2;
 top: 0;
 left: 0;
 width: 12px;
 height: 12px;
 border-radius: 10px;
 border: 2px solid #ababab;
 }
 .header .mobile-nav-main .global_search_box .mark span:nth-child(2) {
 display: block;
 position: absolute;
 z-index: 1;
 top: 11px;
 left: 15px;
 width: 4px;
 height: 12px;
 border-radius: 6px;
 background: #ababab;
 transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 }
 .header .mobile_nav_layer {
 position: fixed;
 z-index: 1002;
 top: 0;
 left: -100%;
 width: 100%;
 height: 100%;
 text-align: left;
 font-size: 15px;
 overflow-y: scroll;
 background: #292929;
 }
 .header .mobile_nav_layer a {
 font-size: 15px;
 color: #fff;
 }
 .header .mobile_nav_layer .border-top {
 border-top: 1px solid #707070;
 }
 .header .mobile_nav_layer .inner_box {
 position: relative;
 z-index: 2;
 padding: 20px 20px 5px 20px;
 }
 .header .mobile_nav_layer .control_box {
 text-align: right;
 }
 .header .mobile_nav_layer .control_box a {
 display: inline-block;
 margin-left: 15px;
 }
 .header .mobile_nav_layer .member-info {
 margin: 20px 0 0 0;
 text-align: right;
 }
 .header .mobile_nav_layer .member-info a {
 display: inline-block;
 margin-left: 15px;
 font-size: 15px;
 line-height: 25px;
 }
 .header .mobile_nav_layer .member-info a img {
 height: 25px;
 vertical-align: top;
 }
 .header .mobile_nav_layer .navi {
 margin-top: 15px;
 }
 .header .mobile_nav_layer .navi .s {
 position: relative;
 }
 .header .mobile_nav_layer .navi .s a {
 display: block;
 text-align: left;
 }
 .header .mobile_nav_layer .navi .s.active a {
 color: #00AAB0 !important;
 }
 .header .mobile_nav_layer .navi .s_wrap {
 display: none;
 }
 .header .mobile_nav_layer .navi .s2_box {
 padding: 5px 0;
 }
 .header .mobile_nav_layer .navi .child-btn-container {
 display: inline-block;
 position: absolute;
 z-index: 2;
 top: 0;
 right: 0;
 width: 60px;
 height: 100%;
 cursor: pointer;
 }
 .header .mobile_nav_layer .navi .child-btn {
 position: absolute;
 z-index: 2;
 top: 16px;
 right: 20px;
 border: solid #787878;
 border-width: 0 2px 2px 0;
 display: inline-block;
 padding: 4px;
 }
 .header .mobile_nav_layer .navi .child-btn.up {
 transform: rotate(-135deg);
 -webkit-transform: rotate(-135deg);
 }
 .header .mobile_nav_layer .navi .child-btn.down {
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 }
 .header .mobile_nav_layer .navi .s1 { }
 .header .mobile_nav_layer .navi .s1 a {
 height: 18px;
 line-height: 18px;
 padding: 14px 50px 14px 0;
 font-size: 18px;
 }
 .header .mobile_nav_layer .navi .s2 a {
 height: 14px;
 padding: 10px 50px 10px 9px;
 font-size: 14px;
 }
 .header .mobile_nav_layer .sub-navi {
 margin-top: 15px;
 border-top: 1px solid #707070;
 }
 .header .mobile_nav_layer .sub-navi a {
 display: block;
 padding: 21px 0;
 line-height: 15px;
 border-bottom: 1px solid #707070;
 }
 .header .mobile_nav_layer .sub-navi a div {
 margin-top: 5px;
 font-size: 13px;
 color: #a1a1a1;
 }
 .header .mobile_nav_layer .sub-navi a:nth-child(1) strong {
 color: #00AAB0;
 }
 .header .mobile_nav_layer .sub-navi a:nth-child(2) strong {
 color: #4491CB;
 }
 .header .mobile_nav_layer .bot-links {
 padding: 20px 0 40px 0;
 text-align: center;
 }
 .header .mobile_nav_layer .bot-links a {
 position: relative;
 display: inline-block;
 padding: 15px 8px;
 }
 .header .mobile_nav_layer .bot-links a:after {
 content: '';
 position: absolute;
 top: 19px;
 right: -4px;
 width: 1px;
 height: 13px;
 background: #bbb;
 }
 .header .mobile_nav_layer .bot-links a:last-child:after {
 display: none;
 }
 .left-menu .navi {
 margin-bottom: 1em !important;
 }
 .left-menu .navi dt {
 position: relative;
 }
 .left-menu .navi dt a {
 display: block;
 height: 14px;
 padding: 15px 50px 15px 15px !important;
 text-align: left;
 font-size: 14px !important;
 border-bottom: 1px solid #e6e6e6 !important;
 }
 .left-menu .navi dt .show_child {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 width: 50px;
 height: 21px;
 padding: 11px 0 12px 0;
 text-align: center;
 font-size: 21px;
 color: #4491CB;
 font-weight: bold;
 border-right: 1px solid #e6e6e6;
 border-left: 1px solid #e6e6e6;
 background: #f6f6f6;
 }
 .left-menu .navi dd {
 display: none;
 }
 .left-menu .navi .s1 {
 display: none;
 }
 .left-menu .navi .s1 a {
 color: #454545;
 background: none;
 }
 .left-menu .navi .s2_box {
 border: none;
 }
 .left-menu .navi .s2 a {
 background: #fff;
 border: none;
 }
 .left-menu .navi .s3 a {
 padding-left: 2em !important;
 background: #f8f8f8;
 }
 .left-menu .navi .s3_box a:hover,
 .left-menu .navi .s3_box .act a {
 color: #454545;
 background: #f8f8f8;
 }
 .left-menu .navi .mark {
 display: none;
 }
 .footer {
 padding: .5em 0 55px 0;
 border-top: 1px solid #ececec;
 background: #fff;
 }
 .footer .navi_section {
 padding: 0;
 margin: .5em;
 background: #000;
 }
 .footer .navi_section ul.navi {
 float: none;
 width: 100%;
 padding: 0;
 }
 .footer .navi_section ul.navi li {
 float: left;
 width: 50%;
 }
 .footer .navi_section ul.navi li a {
 display: block;
 position: relative;
 padding: 1.2em 1em !important;
 color: #f2f2f2;
 font-weight: normal;
 border-top: 1px solid #999;
 }
 .footer .navi_section ul.navi li a:after {
 position: absolute;
 top: 1.1em;
 right: 1.5em;
 content: '>';
 font-size: 1em;
 color: #ccc;
 font-weight: bold;
 }
 .footer .navi_section ul.navi li:nth-child(odd) a {
 border-right: 1px solid #999;
 }
 .footer .navi_section ul.navi li:nth-child(1) a,
 .footer .navi_section ul.navi li:nth-child(2) a {
 border-top: none;
 }
 .footer .navi_section .btn_top_box {
 display: none;
 }
 .footer .txt_section {
 padding: 40px 0;
 color: #fefefe;
 line-height: 22px;
 background: #16130c;
 overflow: hidden;
 }
 }

@media screen and (max-width:767px) {
 .content {
 margin: 0 0 30px 0;
 }
 .page-title {
 margin: 20px 8px 35px 8px;
 }
 }