@charset "utf-8";
/* CSS Document */


.on_pc {
    display: block;
}
.on_mobile {
    display: none;
}



body {width: 100%; overflow-y: auto;  }
body, html { 
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 100%;
}
html {}

img {max-width: 100%;}
#wrap{z-index: 1; position: relative;top: 0px; left: 0px; 

 
}
#wrap > div {position: relative;top: 0px; left: 0px; z-index: 800}
#wrap > div.header_all_wrap {
    z-index: 990;padding-top: 70px;
}
#wrap > div.line_all_wrap {
    z-index: 970
}
#wrap > div.tab_menu_all_wrap {
    z-index: 950
}
#wrap > div.section_all_wrap {
    z-index: 850
}

a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: none;
}
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    left: 10px;
    overflow: hidden;
    width: 38px;
    height: 36px;
    border: none;
    text-indent: -999999px;
    background: url(../images/totop.png); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;z-index: 99999;
    background-repeat: no-repeat;
    background-position: center center;

}
#toTop:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}


.mobile_menu_btn {
    display: none;
    width: 40px;
    position: absolute;
    top: 13px;
    left: 13px;
    padding: 0 3px;
    cursor: pointer;
}
.mobile_menu_btn span {
width: 100%;
    display: block;
    height: 3px;
    background-color: #e23d3c;
    margin: 10px 0;
}

.file_index .mobile_menu_btn span {
    background-color: #fff;
}


.header_all_wrap {
    width: 100%;
     background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}


.header_wrap {
    width: 100%; 
}
.header {
    width: 100%;
    padding: 0 385px 0 235px;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: #fff;
    max-width: 1080px;
    margin: 0 auto;
}
.header:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.top_logo_wrap {
    height: 70px; line-height: 70px;width: 200px;
    padding:17px 0 0 25px;
    position: absolute;top: 0px; left: 0px;
}
.top_logo {
    display: block; float: left; height: 35px;
}
.top_logo img {
    vertical-align: top; min-height: 35px; width: auto;
}

.top_logo .index_logo {
    display: none;
}
.top_logo .sub_logo {
    display: inline-block;
}

.file_index .top_logo .index_logo {
    display: inline-block;
}
.file_index .top_logo .sub_logo {
    display: none;
}


.top_nav_wrap {
    width: 100%;
    position: relative;top: 0px; left: 0px; min-height:70px;
}
.top_menu_link_wrap {
    position: absolute;top: 0px; right: 0px;
}

.top_nav {
    padding-top: 10px;
}
.top_nav .sub_menu_wrap {
    display: none;
    width: 100%!important;
    padding: 5px 0 15px;
}

.top_nav .sub_menu  {
    padding: 5px 0
}

.top_nav .sub_menu_a {
    display: block; text-align: center;
    font-size: 14px; color: #888;
}
.top_nav .sub_menu_a b {
    display: block; font-size: 0px;
}
.sub_menu_a b {
    font-weight: normal;
}
.top_nav:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.top_nav .menu {
    float: left; width: 20%; 
}

.top_nav .menu_a {
    display: block; height: 50px; line-height: 50px; text-align: center;
    font-size: 17px; color: #666
}


.top_nav .menu.active .menu_a {
    color: #e23d3c!important
}

.top_menu_link_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.top_menu_link {
 padding-top: 27px; display: block; float: left;
}
.top_menu_link:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.top_menu_link_box  {
    float: left;  padding: 0 10px;
}
.top_menu_link_box:first-child {
}
.top_menu_link_box a {
    display: block; height: 17px; line-height: 17px; text-align: center;
    font-size: 15px;  color:#999
}
.top_service_info_wrap {
    float: left;
    padding-top: 16px;
}
.top_service_info  {
    float: left; margin: 0 5px;
    position: relative;top: 0px; left: 0px;
}
.top_service_info a {
    display: inline-block;
    height: 38px; line-height: 38px;
    border: 2px solid #e23d3c;
    border-radius: 100px;
    font-size: 15px; color: #e23d3c;
    padding: 0 10px;
}
.top_service_info span {
    position: absolute;
    top: -14px;
    left: 50%;
    background-color: #e23d3c;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: -30px;
    display: none;
}

.top_service_info span:after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #e23d3c;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
}



#wrap > div.m_menu_all_wrap {
    position: fixed;
    width: 0px;
    z-index: 1000;
    background-color: #f7f7f7;
    left: 0px;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
}

.m_menu_wrap {
    position: absolute;
    width: 100%;
    overflow: auto;
    top: 0px;
    left: 0px;
    bottom: 0px;
}
.m_menu_top_info_wrap {
    width: 100%;
    background-color: #222;
    padding: 10px 0
}
.m_menu_top_info {
    width: 100%;
    padding: 0 50px;
    position: relative;top: 0px; left: 0px;
}
.m_menu_top_info_left:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.m_menu_top_close {
    width:35px; height: 35px;
    background-image: url(../images/common/m_menu_top_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 72%;
    position: absolute;top: 50%; right:15px;
    margin-top: -18px;
    cursor: pointer;
}

.m_menu_top_info_left_logo {
    width:35px; height: 35px;
    background-image: url(../images/common/move_bar_tel_logo.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 72%;
    position: absolute;top: 50%; left:15px;
    margin-top: -18px; 
}

.m_menu_top_info_left_txt {
    height: 40px; line-height: 40px;
    color: #fff; font-family: 'no300';
    font-size: 15px;
}

.m_menu_top_info_left_txt a {
    font-size:18px; border-bottom: 1px solid #fff;
    color: #fff;
}

.m_menu_top_info_left_txt b {
    font-size:18px; 
    color: #fff;font-family: 'no400';
    font-weight: normal;
}

.m_menu_top_info_left_txt span {
    padding-left: 5px;
}
.m_link_wrap {
    width: 100%;
    background-color: #222;
    border-top: 1px solid #444;
}
.m_link_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.m_link_box {
    float: left; width: 33.3%;
    border-left: 1px solid #444;
    padding: 5px 0
}
.m_link_box_img {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 19px;
}
.m_link_box_label {
    height: 20px; line-height: 20px;
    font-size: 14px; color: #fff;
    text-align: center;
}

.m_link_box_login .m_link_box_img {
    background-image: url(../images/common/m_link_box_login.png);
}
.m_link_box_signup .m_link_box_img {
    background-image: url(../images/common/m_link_box_signup.png);
}
.m_link_box_down .m_link_box_img {
    background-image: url(../images/common/m_link_box_down.png);
}
.m_link_box_logout .m_link_box_img {
    background-image: url(../images/common/m_link_box_logout.png);
}
.m_link_box_mypage .m_link_box_img {
    background-image: url(../images/common/m_link_box_mypage.png);
}

.m_menu_box_wrap {
    width: 100%;
    padding-bottom: 80px;
}

.m_menu_box {
    width: 100%;
}

.m_menu_box .menu {
    width: 100%;
}
.m_menu_box .menu_a {
    display: block; height: 55px; line-height: 55px;
    padding-left: 15px;
    font-size: 18px; color: #333;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    position: relative;top: 0px; left: 0px;
}
.m_menu_box .menu_a:before {
     content: '\f105';
    color: #ccc;
    font-size: 26px;
    display: block;
    position: absolute;
    right: 22px;
    top: 0px;
    text-align: center;
    vertical-align: middle;
    font-family: 'FontAwesome';
}

.m_menu_box .void_link:before {
     content: '\f107';
}

.m_menu_box .void_link.menu_on:before {
     content: '\f106';
}


.m_menu_box .sub_menu_a {
    display: block; height: 40px; line-height: 40px;
    padding-left: 35px;
    font-size: 15px; color: #333;
    border-bottom: 1px solid #ddd;
    background-color: #f7f7f7;
    position: relative;top: 0px; left: 0px;
}




.m_menu_box .sub_menu_a:before {
    content: '';
    display: block;
    position: absolute;top: 50%; left: 18px;
    width: 8px; height: 2px; margin-top: -1px;
    background-color: #666;
}



.m_menu_box .sub_menu_wrap {
    display: none;
}
#wrap > div.all_bg {
  background-color: #000;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: none;
  z-index: 999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: pointer;
}

.pc #wrap > div.all_bg {
    display: none!important;
}

.pc #wrap > div.m_menu_all_wrap {
    width: 0px!important
}

.mobile.m_on {
    overflow: hidden;
}



.file_index .top_service_info a {
    color: #fff;
    border-color: #fff;
}
.file_index .top_service_info span {
    background-color: #222;
}
.file_index .top_service_info span:after {
    border-top: 5px solid #222;
}

.main_visual_bg canvas {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;
}
.main_visual_bg {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px; 
}

.main_visual_wrap {
     background-color: #e23d3c; height: 470px;
     position: relative;top: 0px; left: 0px;
     padding-top: 110px;
}
.file_index #wrap > div.header_all_wrap {
    padding-top: 0px;
}
.file_index .header {
    background-color: transparent;
}

.file_index .top_nav .menu_a {
    color: #fff;
}
.file_index .header_title_all_wrap {
    display: none;
}

.p_menu_05 .header_title_all_wrap {
    display: none;
}

.file_index .header_wrap {
    padding-top:0px;
    background-color: transparent;
}
.file_index .top_menu_link_box a {
    color: #fff;
}

.header_title_all_wrap {
    width: 100%; height: 180px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../images/sub/page_bg_01.jpg);
}

.header_title_box {
    text-align: center;color: #fff;
    padding: 32px 0 0 0
}
.header_title_box .header_desc {
    font-size: 18px; font-family: 'na300';
    letter-spacing: -1px;
    line-height: 1.6;
}
.header_title_box .header_title {
    font-size: 45px; font-family: 'na300';
    letter-spacing: -2px;
    padding-bottom: 15px;
}


.header_wrap {
    position: absolute;top: 0px; left: 0px; width: 100%;
    background-color: #fff;
}


#wrap.open .header_wrap{
background-color: #fff;
 -moz-box-shadow: 0px 0px 9px 0px rgba(255, 0, 0, 0.3);
 -webkit-box-shadow: 0px 0px 9px 0px rgba(255, 0, 0, 0.3);
 box-shadow: 0px 0px 9px 0px rgba(255, 0, 0, 0.3);
  border-bottom: 1px solid #e23d3c
}

#wrap.open .header_wrap .top_logo .index_logo{
display: none;
}

#wrap.open .header_wrap .top_logo .sub_logo{
display: inline-block;
}
#wrap.open .top_nav .menu_a{
color: #666;
}
#wrap.open .top_menu_link_box a{
color: #999;
}

#wrap.open .top_service_info a {
    color: #e23d3c;
    border-color: #e23d3c;
}
#wrap.open .top_service_info span {
    background-color: #e23d3c;
}
#wrap.open .top_service_info span:after {
    border-top: 5px solid #e23d3c;
}


#wrap.scroll .header_wrap{
background-color: #fff; position: fixed;
 -moz-box-shadow: 0px 0px 9px 0px rgba(255, 0, 0, 0.3);
 -webkit-box-shadow: 0px 0px 9px 0px rgba(255, 0, 0, 0.3);
 box-shadow: 0px 0px 9px 0px rgba(255, 0, 0, 0.3);
 border-bottom: 1px solid #e23d3c
}

#wrap.scroll .header_wrap .top_logo .index_logo{
display: none;
}

#wrap.scroll .header_wrap .top_logo .sub_logo{
display: inline-block;
}
#wrap.scroll .top_nav .menu_a{
color: #666;
}
#wrap.scroll .top_menu_link_box a{
color: #999;
}

#wrap.scroll .top_service_info a {
    color: #e23d3c;
    border-color: #e23d3c;
}
#wrap.scroll .top_service_info span {
    background-color: #e23d3c;
}
#wrap.scroll .top_service_info span:after {
    border-top: 5px solid #e23d3c;
}




.line_all_wrap {
    width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
}
.line_wrap {
    width: 100%;
    max-width:1080px; margin: 0 auto;
    position: relative;top: 0px; left: 0px;
}
.line_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.line_nav_wrap {
    float: left;
}
.line_notice_all_wrap {
    float: right;
}
.line_nav_home {
    float: left;
}
.line_nav_home a {
    display: block; height: 48px; width: 50px; border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-image: url(../images/common/line_nav_home.png);
    background-repeat: no-repeat;
    background-position: center center; 
    text-indent: -9999px;
}
.line_nav {
    float: left;
}
.line_nav_box {
    float: left; position: relative;top: 0px; left: 0px;
    background-color: #fff;
}
.line_nav_target {

}
.line_nav_target .menu {
    display: none;
}
.line_nav_target .menu.active {
    display: block;
}
.line_nav_box_01 .line_nav_target .sub_menu_wrap {
    display: none;
}
.line_nav_menu {
   background-color: #fff;
}

.line_nav_target .menu_a {
    display: block; padding: 0 0px 0 25px; height: 48px; line-height: 48px;
    width: 175px;font-size: 15px;
    background-repeat: no-repeat;
    background-position: 150px center;
    background-image: url(../images/common/line_nav_target.png);
}
.line_nav_target {
    border-right: 1px solid #ddd;
}
.line_nav_box_01 .line_nav_menu {
    border-left: 1px solid #ddd; border-right: 1px solid #ddd;
    margin-left: -1px; left: 0px; right: 0px;  position: absolute;top: 100%;
    border-top: 1px solid #ddd; display: none;
}
.line_nav_box_01 .line_nav_menu .sub_menu_wrap {
    display: none;
}

.line_nav_box_01 .line_nav_menu .menu_a {
    display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;
    padding-left: 25px;
}
.line_nav_box_01 .line_nav_menu .menu_a:hover {
    background-color: #f7f7f7;
}
.line_nav_box_01:hover .line_nav_menu {
    display: block;
}

.line_nav_box_02 .line_nav_target .menu_a {
    display: none; 
}
.line_nav_box_02 .line_nav_target .sub_menu {
    display: none;
}
.line_nav_box_02 .line_nav_target .sub_menu.active {
    display: block;
}

.line_nav_box_02 .line_nav_target .sub_menu_a {
    display: block; padding: 0 0px 0 25px; height: 48px; line-height: 48px;
    width: 175px;font-size: 15px;
    background-repeat: no-repeat;
    background-position: 150px center;
    background-image: url(../images/common/line_nav_target.png);
}

.line_nav_box_02 .line_nav_menu {
    border-left: 1px solid #ddd; border-right: 1px solid #ddd;
    margin-left: -1px; left: 0px; right: 0px;  position: absolute;top: 100%;
    border-top: 1px solid #ddd; display: none;
}
.line_nav_box_02 .line_nav_menu .menu {
    display: none;
}
.line_nav_box_02:hover .line_nav_menu {
    display: block;
}
.line_nav_box_02 .line_nav_menu .menu.active {
    display: block;
}

.line_nav_box_02 .line_nav_menu .menu_a {
    display: none;
}
.line_nav_box_02 .line_nav_menu .sub_menu_a {
    display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;
    padding-left: 25px;font-size: 15px;
}
.line_nav_box_02 .line_nav_menu .sub_menu_a:hover {
    background-color: #f7f7f7;
}
.p_menu_03 .line_nav_box_02 {
    display: none;
}

.tab_menu_all_wrap {
    width: 100%; border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.tab_menu_wrap {
    width: 100%; max-width: 1080px; margin: 0 auto;
}
.tab_menu_wrap .menu {
    display: none;
}
.tab_menu_wrap .menu.active {
    display: block;
}
.tab_menu_wrap .menu_a {
    display: none;
}
.tab_menu_wrap .sub_menu_wrap {
    display: block; width: 100%; text-align: center;
    font-size: 0px;
}
.tab_menu_wrap .sub_menu_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.tab_menu_wrap .sub_menu {
    display: inline-block;
}
.tab_menu_wrap .sub_menu:first-child .sub_menu_a {
    border-left: 1px solid #ddd;
}
.tab_menu_wrap .sub_menu_a {
    display: block; height: 50px; width: 180px;
    position: relative;top: 0px; left: 0px;
    word-break: break-all; overflow: hidden;
     background-color: #fff;
     border-right: 1px solid #ddd;

}
.tab_menu_wrap .sub_menu_a:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.tab_menu_wrap .sub_menu_a span {
     vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    line-height: 1.2; color: #1e1f28;
}

.tab_menu_wrap .sub_menu.active .sub_menu_a {
    position: relative;top: 0px; left: 0px;
}
.tab_menu_wrap .sub_menu.active .sub_menu_a:after {
   content: '';
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    height: 3px;
    margin-top: -3px;
    background-color: #e83837;
}
.tab_menu_wrap .sub_menu.active .sub_menu_a span {
    color: #e83837;
}
.main_visual {
    width: 100%; position: relative;top: 0px; left: 0px;
}
.main_visual .slider1 {
    position: relative;top: 0px; left: 50%; width:1080px; margin-left: -540px;
}

.slider1 .bx-wrapper .bx-controls-direction a {
    width: 30px; height: 50px;
}

.slider1 .bx-wrapper .bx-prev {
    left: -100px;
    background : none;
    background-image: url(../images/common/arr_left.png);
    background-repeat: no-repeat;
    background-position: 0;
}

.slider1 .bx-wrapper .bx-next {
    right: -100px;
    background : none;
    background-image: url(../images/common/arr_right.png);
    background-repeat: no-repeat;
    background-position: 0;
}

.main_slider_wrap {
    width: 100%; position: relative;top: 0px; left: 0px;
}
.main_slider_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_slider_right {
    position: absolute;top: 0px; right: 0px;
    width: 49%;
}
.main_slider_left {
    float: left; max-width: 50%;
}
.main_slider_video {
    background-color: #000;
}

.main_slider_video_desc {
    text-align: right;
    padding: 5px 0; font-size: 15px; color: #fff;
}

.slider1 .bx-wrapper .bx-loading {
    display: none;
}
.slider1 .bxslider1 li {
    position: relative!important;
}

.main_slider_txt_01 {
    font-size: 26px; color: #fff;
    font-family: 'na200';
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; 
}
.main_slider_txt_02 {
    font-size: 46px; color: #fff;
    font-family: 'na400';
    line-height: 1.2;
    padding: 10px 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; 
}
.main_slider_txt_03 {
    font-size: 18px; color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; font-family: 'no200';
}
.main_slider_txt_04 {
    padding: 15px 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; 
}
.main_slider_txt_04 a {
     padding: 10px 30px;
     display: inline-block;border-radius: 200px; border: 1px solid #fff;
     color: #fff; font-size: 18px;
}
.main_slider_txt_04 a:hover {
    background-color: #fff; color: #e83837
}



.pt_img_02 .main_slider_txt_02 {
    font-size: 36px;
}

.pt_img_03 .main_slider_txt_02 {
    font-size: 36px;
}
.pt_img_04 .main_slider_txt_02 {
    font-size: 36px;
}
.main_board_box_left:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.board_more_btn {
    float: right;
    display: inline-block;
    background-color: #e23d3c;
    color: #fff!important;
    padding: 4px 10px;
    border-radius: 5px;
    margin-right: 20px;
    font-size: 12px;
    margin-top: 10px;
}






.slider_pager {
    width: 100%; border-bottom: 1px solid #ddd;
}
.slider_pager .bx-pager {
    width: 100%; max-width: 1080px; margin: 0 auto;
}
.slider_pager .bx-pager:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.slider_pager .bx-pager a {
    display: block;float: left; width: 25%; height: 50px;
    position: relative;top: 0px; left: 0px;
    word-break: break-all; overflow: hidden;
    border-right: 1px solid #ddd; text-align: center;
    color: #666;
}
.slider_pager .bx-pager a:first-child {
    border-left: 1px solid #ddd;
}

.slider_pager .bx-pager a:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.slider_pager .bx-pager a span {
     vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    line-height: 1.2; 
    font-family: 'no400';
}
.slider_pager .bx-pager a.active2 {
    color: #e23d3c;
    background-color: #fff
}



.page_top_label_all_wrap {
    width: 100%; position: relative;top: 0px; left: 0px;
    font-family: 'na300';
    padding: 40px 0 10px;
}
.page_top_label_wrap {
    width: 100%; max-width: 1080px; margin: 0 auto;
}
.page_top_label_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.page_top_label {
    display: inline-block;
    font-size: 36px; padding-right: 15px;letter-spacing: -1px;
    color: #333
}
.page_top_desc {
    display: inline-block;
    font-size: 16px; letter-spacing: -1px;
    font-family: 'no300';
}

.page_label_wrap {
    width: 100%; position: relative;top: 0px; left: 0px;
    text-align: center;
    font-family: 'na300';
}
.page_label {
    font-size: 34px; color: #333; letter-spacing: -1px;
    padding-bottom: 10px;
}
.page_label span {
    color: #e83837;
}
.page_desc {
    font-size:18px; color: #888;
    font-family: 'no300';
}
.page_desc b {
font-family: 'no400'; font-weight: normal;
color: #333;
}

.page_desc span {
    color: #e83837;
}

.p_icon_wrap {
    width: 100%;
}
.p_icon {
    width: 100%; max-width: 1080px; margin: 0 auto; text-align: center;
    padding: 20px 0

}

.p_icon_box  {
    display: inline-block; margin: 5px;
    padding: 5px 25px;
}
.p_icon_box_img {
    width:115px; height: 115px; border: 1px solid #ddd; border-radius: 120px;
    background-repeat: no-repeat;
    background-position: center center; margin: 0 auto;
}
.p_icon_box_txt {
    padding-top: 15px; font-size: 15px; color: #333;
}

.p_icon_youtube .p_icon_box_img {
    background-image: url(../images/main/p_icon_youtube.png);
}
.p_icon_facebook .p_icon_box_img {
    background-image: url(../images/main/p_icon_facebook.png);
}
.p_icon_insta .p_icon_box_img {
    background-image: url(../images/main/p_icon_insta.png);
}
.p_icon_kakao .p_icon_box_img {
    background-image: url(../images/main/p_icon_kakao.png);
}
.p_icon_naver .p_icon_box_img {
    background-image: url(../images/main/p_icon_naver.png);
}
.p_icon_china .p_icon_box_img {
    background-image: url(../images/sub/p_icon_china.png);
}
.p_icon_hard .p_icon_box_img {
    background-image: url(../images/sub/p_icon_hard.png);
}
.p_icon_engine .p_icon_box_img {
    background-image: url(../images/sub/p_icon_engine.png);
}
.p_icon_firewall .p_icon_box_img {
    background-image: url(../images/sub/p_icon_firewall.png);
}
.p_icon_time .p_icon_box_img {
    background-image: url(../images/sub/p_icon_time.png);
}
.normal_btn_wrap {
    display: block;width: 100%; position: relative;top: 0px; left: 0px;
    padding: 10px 0; text-align: center;
}

.normal_btn_wrap .normal_btn {
    display: inline-block;
    border-radius: 200px;
    border: 1px solid #e23d3c;
    color: #e23d3c;
    font-size: 18px;
    background-color: #fff;
    width: 180px; height: 45px; line-height: 45px;
    text-align: center;
}
.normal_btn_wrap .normal_btn:hover {
    background-color: #e23d3c;
    color: #fff;
}

.file_index .section_01 {
  padding: 30px 0;background-color: #fbfbfb;
}

.file_index .section_02 {
  padding: 0px 0 20px
}

.file_index .tab_menu_all_wrap {
    display: none;
}




.radio_chk_st_wrap {position: relative;top: 0px; left: 0px;
padding: 2px 0
} 
.radio_chk_st_wrap input {
        position: absolute;
    width: 25px;
    height: 25px;
    padding: 0;
    overflow: hidden;
     clip: rect(0,0,0,0); 
    border: 0;
    background: #fff;
    margin: 0px;
} 
.radio_chk_st_wrap input + label { 
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    vertical-align: middle;
    color: #666; height: 25px;
} 
.radio_chk_st_wrap input + label span {
    font-size: 16px; line-height: 25px;
}
.radio_chk_st_wrap input + label:active:before, 
.radio_chk_st_wrap input:checked + label:active:before,
.radio_chk_st_wrap input:checked + label:before {
    content: '\f111';
    color: #e23d3c;
    font-size: 16px;
    display: block;
    border: 1px solid #e23d3c;
    padding-left: 0px;
}

.radio_chk_st_wrap input+ label:hover,
.radio_chk_st_wrap input:checked + label {
    color: #000
}
.radio_chk_st_wrap input + label:before {
   content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 100px;
    vertical-align: middle;
    font-family: 'FontAwesome';
}
.main_price_box_option .radio_chk_st_wrap {
    display: inline-block;
    padding: 0 5px;
}

.main_price_box_option:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main_price_box_wrap {
    width: 100%; margin: 0 auto; position: relative;top: 0px; left: 0px;
    max-width: 1080px;
    padding: 30px 0 20px;
}

.main_price_box_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main_price_box {
    float: left; width: 25%;
    padding: 30px 8px 10px;
}
.main_price_box_in {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px;
}

.main_price_box_top {
    text-align: center;
    position: relative;top: 0px; left: 0px;
    padding: 15px 0;
}
.main_price_box_top_desc {
    font-size: 18px;
    color: #333;
}
.main_price_box_top_cost {
    color: #333; font-family: 'na300'; letter-spacing: -1px;
}
.main_price_box_top_cost b {
    font-size: 36px; font-weight: normal;
}
.main_price_box_top_cost span {
    font-size: 26px;
}
.main_price_box_top_label {
    position: absolute;top: -35px; left: 50%;
    width:90px; margin-left: -45px;
    background-color: #999;
    color: #fff;
    border-radius: 100px;
    height: 30px; line-height: 30px;
    display: none;
}
.main_price_box_top_label:after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #999;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
}
.main_price_box_option {
    padding: 20px 0;
    border-top: 1px solid #ddd;
    text-align: center;
}

.main_price_box_point {
    padding:3px 3px 3px 23px;
    position: relative;top: 0px; left: 0px;
}
.main_price_box_point:before {
    content: '\f00c';
    color: #ccc;
    font-size: 13px;
    display: block;
    font-family: 'FontAwesome';
    position: absolute;top: 5px; left: 0px;
}

.main_price_box_info {
   padding: 10px 0 ;float: left; width: 100%;
}
.main_price_box_info_right_txt {
    text-align: right;font-size: 15px; color: #888;
    padding: 0 10px;
}

.main_price_box.active .main_price_box_in {
 -moz-box-shadow: 0px 0px 6px 0px rgba(148, 148, 148, 0.3);
 -webkit-box-shadow: 0px 0px 6px 0px rgba(148, 148, 148, 0.3);
 box-shadow: 0px 0px 6px 0px rgba(148, 148, 148, 0.3);
 border-color: #e23d3c
}

.main_price_box.active .main_price_box_top_label {
    background-color: #e23d3c
}
.main_price_box.active .main_price_box_top_label:after {
    border-top: 8px solid #e23d3c;
}
.main_price_box.active .main_price_box_point:before {
    color: #e23d3c;
}
.main_price_box.active .main_price_box_top_cost {
    color: #e23d3c
}


.file_index .section_03 {
    background-color: #fff;
    padding: 30px 0;
}

.main_board_all_wrap {
    width: 100%;
}
.main_board_wrap {
    width: 100%; max-width: 1080px; margin: 0 auto;
    padding: 20px 0
}
.main_board_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_board_box {
    width: 50%; padding: 10px;
    float: left;
}
.main_board_box_in {
    width: 100%;
    padding-top: 45px;
}
.main_board_box_in:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_board_box_left {
}
.main_board_box_right {
    
}
.main_board_box_label {
    font-size: 26px;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 10px;
    display: inline-block;
}
.main_board_box_desc {
    font-size: 14px;
    color: #666;
    display: inline-block;
}
.main_board_box_more {
    display: block;padding-top: 10px;
    text-align: center;
}
.main_board_box_btn {
    display: inline-block; 
    border: 1px solid #e23d3c;
    border-radius: 100px;
    text-align: center;
    background-color: #e23d3c;
    color: #fff!important;
    padding: 0 10px;
    width: 200px; text-align: center;
    height: 40px; line-height: 40px;
}
.main_board_box_btn:hover {
    background-color: #e23d3c;
    color: #fff;
    border-color: #e23d3c
}
.main_board_line_wrap {
    width: 100%;
}
.main_board_line {
    width: 100%;
    padding: 10px 5px 10px 15px;
    border-bottom: 1px solid #ededed;

}
.main_board_line:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main_board_line_in {
    padding-right: 40px;
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    max-width: 100%;
}
.main_board_line_in:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_board_line a {
  white-space: nowrap;
    text-overflow: ellipsis; 
    overflow: hidden;
    word-wrap: normal;
    display: block;
    float: left;
    max-width: 100%;
    color: #666; font-size: 14px; 
}
.main_board_line span {
    display: block;
    font-size: 13px;
    color: #e23d3c;
    position: absolute;top: 0px; right: 0px;
    font-family: '돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important;
    font-weight: bold;
}


.footer_all_wrap {
    width: 100%;
    background-color: #222
}
.footer_wrap {
    width: 100%;
}
.footer {
    width: 100%; 
    max-width: 1080px;
    padding: 15px 0 20px; margin: 0 auto;
}
.footer_info {
    font-size: 14px; color: #666;
    text-align: center; line-height: 1.8;letter-spacing: -1px;
}

.span_bar {
    display: inline-block;
    height: 12px; width: 1px; background-color: #666;
    margin: 0 5px;
}
.span_bar.span_bar_05 {
    display: block;
    height: 0px; width: 100%; background-color: transparent;
    margin: 0px;
}
.footer_copy {
    text-align: center;
    padding: 20px 0;
    font-size: 16px; color: #999
}

.long_box_all_wrap {
    width: 100%;
    background-color: #fafafc
}
.long_box_wrap {
    width: 100%; position: relative;top: 0px; left: 0px;
    z-index: 200
}
.long_box_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.long_box_left {
    float: left; width: 50%;
}
.long_box_right {
    float: right; width: 50%;
}
.tab_box_all_Wrap {
    float: left; width: 100%;
    padding: 30px 
}
.tab_box_nav {
    width: 100%;
}
.tab_box_nav:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.tab_box_nav a {
    display: block;
    float: left; height: 45px; line-height: 45px;
    width: 175px; text-align: center;
    border: 1px solid #eee;
    background-color: #fff;
    color: #aaa;
    position: relative;top: 0px; left: 0px;
    z-index: 1; margin-left: -1px;
    font-size: 14px;
}
.tab_box_nav a.active {
    z-index: 2;border-color: #e83837; color: #e83837;
}
.tab_box_con_wrap {
    padding-top: 30px;
}
.tab_label_eng {
    color: #999;
    font-size: 18px;
}
.tab_label_kor {
    color: #333;
    font-size: 26px;
    padding: 5px 0 10px;
    letter-spacing: -1px;
}
.tab_txt {
color: #333;
font-size: 18px;
line-height: 1.6;
letter-spacing: -1px;
}
.tab_txt2 {
color: #999;
font-size: 16px;
line-height: 1.6;
letter-spacing: -1px;
padding-top: 15px;
}
.p_menu_01 .section_02 .long_box_left {
    position: absolute;top: 0px; left: 0px; width: 50%;
    bottom: 0px; overflow: hidden;
}
.p_menu_01 .section_02 .long_box_left_img {
    position: absolute;top: 0px; left: 0px; right: 0px;
    bottom: 0px;
    background-image: url(../images/sub/china_flag.jpg);
    background-size: cover;
    background-position: right top;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transform: scale(1);
}
.p_menu_01 .section_02:hover .long_box_left_img {
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    transition: all 5s ease;
    transform: scale(1.2);
}
.p_menu_01 .section_03 {
padding: 30px 0
}


.long_box_txt_wrap {
    padding: 40px 0
}
.long_box_txt_wrap {
    float: right;
    width: 100%; max-width: 540px;
}

.p_menu_01 .section_04 .long_box_right {
    position: absolute;top: 0px; right: 0px; width: 50%;
    bottom: 0px; overflow: hidden;
    z-index: 190
}
.p_menu_01 .section_04 .long_box_right_img {
    position: absolute;top: 0px; left: 0px; right: 0px;
    bottom: 0px;
    background-image: url(../images/sub/server.jpg);
    background-size: cover;
    background-position: right top;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transform: scale(1);
}
.p_menu_01 .section_04:hover .long_box_right_img {
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    transition: all 5s ease;
    transform: scale(1.2);
}

.p_menu_01 .section_04 .long_box_add_img_wrap {
    position: absolute;top: 50%; left: 50%;
    margin-top: -90px; margin-left: -103px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 200;
        width: 225px;
}

.p_menu_01 .section_04:hover .long_box_add_img_wrap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    margin-left: -50px;
}


.p_menu_01 .section_05 {
    padding: 30px 0
}


.point_table_wrap {
    padding: 30px 0;
    width: 100%;
}
.point_table {
 width: 100%; max-width: 1080px; margin: 0 auto;
}
.point_table table {
    border: 1px solid #ddd;
    border-top: 2px solid #222;
}
.point_table th {
    border: 1px solid #eee;
    padding: 10px;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
}
.point_table td {
    border: 1px solid #eee;
    padding: 10px;
    font-size: 16px; line-height: 1.3;
    text-align: center;
    color: #666;
}

.point_table td span {
    color: #999;
    font-size: 14px;
}
.point_table .td_02 {
    background-color: #fafafc
}
.point_table th.td_02 {
    color: #e83837
}



.sub_video_all_wrap {
    width: 100%;
    padding: 30px 0;
}
.sub_video_wrap {
    width: 100%; max-width: 1080px; margin: 0 auto;
}
.sub_video_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sub_video_box_wrap {
    float: left; width: 50%;
    padding: 30px 15px;
}

.sub_video_box_top {
    width: 100%; position: relative;top: 0px; left: 0px;
    padding-left: 90px;
    min-height: 80px; padding-bottom: 10px;font-family: 'na300';
}
.sub_video_box_icon {
    position:absolute;top: 0px; left: 0px; width: 66px; height: 66px;
}
.sub_video_box_desc {
    font-size:18px; letter-spacing: -1px;
    color: #999;
}
.sub_video_box_label {
    font-size:26px; letter-spacing: -1px;
    color: #333;
}

.page_banner_wrap {
    width: 100%;
}

.page_banner {
    width: 100%; max-width: 1080px; margin: 0 auto;
}
.page_banner img {
    max-width: 100%; width: 100%;
}


.file_price .section_02 {
    padding-bottom: 10px;
}

.file_price .section_03 {
    padding: 30px 0;
    background-color: #fafafc
}


.sub_temp_wrap {
    width: 100%; padding: 60px 0 100px;
}
.sub_temp {
    width: 100%; max-width: 750px; margin: 0 auto;
    height: 400px; background-color: #000;
}

.board_all_wrap {
    width: 100%; padding-bottom: 100px;
}
.board_wrap {
    width: 100%; max-width: 1080px; margin: 0 auto;
}
.board_con {
    width: 100%; position: relative;top: 0px; left: 0px;
}
.board_con .main_board_line {
    padding: 0px; border-bottom: none;
}
.board_list table {
    border-top: 2px solid #222;
}
.board_list th {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    text-align: center; font-weight: normal;
    color: #222;
    padding: 10px 5px;
    font-size: 16px;
}
.board_list td {
    border-bottom: 1px solid #ddd;
    text-align: center; font-weight: normal;
    color: #666;
    padding: 10px 5px;
    font-size: 14px;
}


.board_list tr:hover {
    background-color: #f7f7f7;
}
.td_num {
    width: 80px;
}
.td_hit {
    width: 80px;
}
.td_date {
    width: 120px;
}
.td_cost {
    width: 120px;
}
.td_pay_type {
    width: 120px;
}
.td_date_end {
    width: 160px;
}
.td_state {
    width: 80px;
}
.td_name {
    width: 80px;
}
.board_btn_all_wrap {
    width: 100%;
}
.board_btn_wrap {
    width: 100%;
    padding: 10px 0
}
.board_btn_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.board_right_btn {
    float: right;
}

.board_btn_wrap a {
    display: inline-block;
    border: 1px solid #ddd; color: #666;
    background-color: #fff;
    height: 40px; line-height: 40px; width: 100px;
    margin: 0 3px; text-align: center;
}

.board_btn_wrap a.board_btn_write {
    background-color: #e83837; color: #fff; border-color: #e83837;
}
.board_btn_wrap a.board_btn_list {
    background-color: #f7f7f7;
}
.board_btn_wrap a.board_btn_edit {
    background-color: #333; color: #fff; border-color: #333;
}
.board_page_all_wrap {
    width: 100%; position: relative;top: 0px; left: 0px;max-width: 1080px; margin: 0 auto;
}
.board_page_wrap {
    width: 100%; padding: 30px 0; text-align: center;
    font-size: 0px;
}
.board_page_wrap * {
    vertical-align: middle;
}
.board_page_wrap > div {
    display: inline-block;
}
.board_page_wrap span {
    display: inline-block;
}
.board_page_wrap b {
    display: inline-block;
    font-weight: normal;
}
.board_page_num {
    font-size: 15px;
    padding: 2px;
}
.board_page_prev_wrap {
    
}
.board_page_prev_wrap span {
    font-size: 13px;
    padding: 2px;
}
.board_page_prev_wrap a {
 display: inline-block; height: 35px; line-height: 35px;
    border: 1px solid #ddd;
    text-align: center;  color: #333; min-width: 35px; padding: 0 10px;
    background-color: #fff;
    border-radius: 3px;
}


.board_page_next_wrap {
    
}
.board_page_next_wrap span {
    font-size: 13px;
    padding: 2px;
}
.board_page_next_wrap a {
 display: inline-block; height: 35px; line-height: 35px;
    border: 1px solid #ddd;
    text-align: center;  color: #333; min-width: 35px; padding: 0 10px;
    background-color: #fff;
    border-radius: 3px;
}

.board_page_num_wrap {
    padding: 0 10px;
}

.board_page_num a {
    display: inline-block; height: 35px; line-height: 35px;
    border: 1px solid #ddd;
    text-align: center;  color: #333; min-width: 35px; padding: 0 2px;
    background-color: #fff;
    border-radius: 3px;
}

.board_page_num b {
    display: inline-block; height: 35px; line-height: 35px;
    border: 1px solid #333;
    text-align: center;  color: #fff; min-width: 35px; padding: 0 2px;
    background-color: #333;
    border-radius: 3px;
}

.board_view {
    width: 100%; 
}
.board_view_label {
    width: 100%; border-top: 2px solid #222;
    padding: 10px; border-bottom: 1px solid #ddd;
}

.board_view_label .main_board_line a {
    font-size: 18px;
}
.board_con .board_view_label {
    text-align: center;
}
.board_con .board_view_label .main_board_line {
    width: auto; display: inline-block;
}
.board_view_label .main_board_line span {
    top: 4px;
}
.board_view_info {
    background-color: #f7f7f7; border-bottom: 1px solid #ddd;
    padding: 10px
}
.board_view_info:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.board_view_info_left {
    float: left;
}
.board_view_info_right {
    float: right;
}
.board_view_info_div  {
    float: left; margin: 3px;
    font-size: 15px;
}
.board_view_info_div b {
    color: #333; padding-left: 10px;
}
.board_view_info_div span {
    color: #333; padding: 0 10px;
}
.board_view_info_div a {
    color: #666; font-size: 13px;
}
.board_view_info_div a:hover {
    color: #e83837
}
.board_view_con {
    padding: 30px 2%; width: 100%;
    min-height: 250px;
    border-bottom: 1px solid #ddd;
}

.board_write table {
    border-top: 2px solid #222;
}
.board_write th {
    background-color: #f6f6fa;
    color: #222;
    padding: 10px 5px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    width: 100px; text-align: center;
}
.board_write td {
    color: #666;
    padding: 10px 5px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.input_text_wrap input {
    width: 100%;
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input_text_wrap2 input {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.span_req {
    color: #e83837;
}
.textarea_wrap {
    padding: 10px;
}
.textarea_wrap textarea {
    width: 100%!important;
    height: 400px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.span_state_no {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    text-align: center;
    color: #222;
    min-width: 35px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 13px;
    width: 60px;
}
.span_state_yes {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e83837;
    text-align: center;
    color: #e83837;
    min-width: 35px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 13px;
    width: 60px;
}
.tr_reply .main_board_line {
    padding-left: 30px;
    position: relative;top: 0px; left: 0px;
}
.tr_reply .main_board_line:before {
    content: "";
    display: block;
    width: 13px; height: 13px; 
    position: absolute;top: 0px; left: 0px;
    border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;
}

.board_view_reply_wrap {
    width: 100%;
}
.board_view_reply {
    padding: 20px 2% 10px;
    width: 100%;
}




.faq_wrap {width: 100%; border-top: 2px solid #222;}
.faq_box {border-bottom: 1px solid #eee; width: 100%;font-size:16px;
    line-height: 1.6

}
.q_box {display: block; width: 100%; position: relative;top: 0px; left: 0px;
    cursor: pointer;
}
.q_txt {
    padding:15px 60px;
    background-image: url(../images/common/faq_q_icon.png);
    background-position: 18px 12px;
    background-repeat: no-repeat;
    color: #222
}
.q_btn {
    position: absolute;top: 0px; bottom: 0px; right: 0px; width: 60px;
    cursor: pointer; 
    background-position: center center;
    background-image: url(../images/common/bottom_arr.png);
    background-repeat: no-repeat;
}
.a_box {display: block; width: 100%!important; position: relative;top: 0px; left: 0px;
    background-color: #f9f9f9; display: none;
}
.a_box_in {width: 100%;position: relative;top: 0px; left: 0px;}
.a_txt {
    padding:15px 15px 15px 60px;
    background-image: url(../images/common/faq_a_icon.png);
    background-position: 18px 12px;
    background-repeat: no-repeat;

}
.faq_box.active .q_btn {
    background-image: url(../images/common/top_arr.png);
}


/*로그인*/
.temp_box {
   width: 100%; 
   padding: 100px 0 500px; background-color: #000;
}
.pop_all_wrap {
    margin: 0 auto; width: 100%;
    background-color: #fff;
    padding: 40px 2%; display: none;
    border-radius: 10px; overflow: hidden;
}
.pop_all_wrap.pop_login_wrap {
     max-width: 415px;
}


.pop_all_wrap.pop_buy_wrap {
     max-width: 600px;
}

.pop_all_wrap.pop_wechat_view_wrap {
     max-width: 600px;
}



.pop_all_wrap.pop_term {
     max-width: 640px;
}
.pop_term .pop_top_label {
     text-align: center; letter-spacing: -1px;
}

.term_wrap textarea {
    display: block;width: 100%!important;
    height: 200px; 
    border: 1px solid #ddd;
    padding: 5px;font-size: 15px;
}

.pop_box_in {
    width: 100%;
     margin: 0 auto;
}

.pop_login_wrap .pop_box_in {
     max-width: 480px;
}



.pop_top_label_wrap {
padding: 5px 0 10px;
}
.pop_top_label {
    font-size:36px; font-family: 'na400';
    color: #222;
}
.pop_login_wrap .pop_top_label {
     text-align: center; letter-spacing: -1px;
}


.pop_box {
    width: 100%;
}
.pop_login {
    width: 100%;
}
.pop_login_box {
    width: 100%;
    padding-right: 90px;
    position: relative;top: 0px; left: 0px;
}
.pop_login_box:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pop_login_left {
    float: left; width: 100%;
}
.pop_login_right {
    position: absolute;top: 0px; right: 0px;
    bottom: 0px;
}
.pop_login_right a {
    width: 85px; height: 85px; line-height: 85px;
    color: #fff;
    background-color: #d12c27; display: block;
    text-align: center; font-size:22px;
    border-radius: 3px;
}
.pop_login_input_wrap input {
    width: 100%;
    display: block;
   height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}
.pop_login_input_wrap:first-child {
    padding-bottom: 5px;
}

.pop_login_mid_wrap {
    width: 100%; padding: 10px 0 20px
}
.pop_login_mid_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.pop_login_link_wrap {
    float: left; margin-left: 10px;
    font-size: 0px;
}
.pop_login_link_wrap a {
   display: inline-block;
   height: 25px; line-height: 25px;
   border: 1px solid #ddd; font-size: 14px; color: #666;
   padding: 0 10px; margin-left: 10px
}


.checkbox_st_wrap {position: relative;top: 0px; left: 0px;
float: left; padding: 3px 0
} 
.checkbox_st_wrap input {
        position: absolute;
    width: 16px;
    height: 16px;
    padding: 0;
    overflow: hidden;
     clip: rect(0,0,0,0); 
    border: 0;
    background: #fff;
    margin: 0px;
} 
.checkbox_st_wrap input + label { 
    display: inline-block;
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    vertical-align: middle;
    color: #666; 
} 
.checkbox_st_wrap input + label span {
    font-size: 14px;
}
.checkbox_st_wrap input + label:active:before, 
.checkbox_st_wrap input:checked + label:active:before,
.checkbox_st_wrap input:checked + label:before {
    content: '\f00c';
    color: #e23d3c;
    font-size: 12px;
    display: block;
    border: 1px solid #e23d3c;
}

.checkbox_st_wrap input+ label:hover,
.checkbox_st_wrap input:checked + label {
    color: #000
}
.checkbox_st_wrap input + label:before {
   content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    vertical-align: middle;
    font-family: 'FontAwesome';
}

.pop_login_bottom_wrap {
    border-top: 1px solid #ddd;
}

.pop_label_wrap {
    width: 100%;
    padding: 20px 0 10px
}
.pop_label_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pop_label {
    display: inline-block;
    font-size: 24px; padding-right: 15px;letter-spacing: -1px;
    color: #333
}
.pop_desc {
    display: inline-block;
    font-size: 15px; letter-spacing: -1px;
    font-family: 'no300';
}

.pop_sns_login_btn_wrap {
    width: 100%;
}
.pop_sns_login_btn_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pop_sns_login_btn {
    float: left; width: 50%;
    padding: 5px;
}
.pop_sns_login_btn a {
    border-radius: 3px; display: block;
    padding-left: 40px; width: 100%;
    position: relative;top: 0px; left: 0px;
}
.pop_sns_login_btn a span {
    display: block; height: 40px; line-height: 40px;
    text-align: center;
    border-left: 1px solid #fff;
    font-size: 16px;
}
.pop_sns_login_btn a b {
    display: block; width: 40px; height: 40px;
    position: absolute;top: 0px; left: 0px;
    background-repeat: no-repeat;
    background-position: center center;
}
.pop_sns_login_naver a {
    background-color: #3ec600;
    color: #fff;
}
.pop_sns_login_kakao a {
    background-color: #ffde00;
    color: #3c1311; font-weight: bold;
}


.pop_sns_login_naver a b {
  background-image: url(../images/common/pop_sns_login_naver.png);
}
.pop_sns_login_kakao a b {
background-image: url(../images/common/pop_sns_login_kakao.png);
}
.pop_box_wrap {
    width: 100%; position: relative;top: 0px; left: 0px;
}
.pop_box_close_btn {
position: absolute;
    top: 7px;
    right: 7px;
    width: 25px;
    height: 25px;
    background-image: url(../images/common/pop_box_close_btn.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.buy_table_wrap table {
    border-top: 1px solid #ddd;
}
.buy_table_wrap th {
    background-color: #f6f6fa;
    color: #222;
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    width: 100px; text-align: center;
}
.buy_table_wrap td {
    color: #666;
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}


.pop_pay_type_wrap {
    width: 100%;
}
.pop_pay_type_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.pop_pay_type_box {
    float: left;
    width: 107px;
    padding: 5px;
}
.pop_pay_type_box_in {
    border: 1px solid #ddd;
}

.pop_pay_type_box_img {
    width: 100%;
    height: 65px;
    background-repeat: no-repeat;
    background-position: center center;
}

.pop_pay_type_box_card .pop_pay_type_box_img {
    background-image: url(../images/common/pay_type_card.png);
}
.pop_pay_type_box_wechat .pop_pay_type_box_img {
    background-image: url(../images/common/pay_type_wechat.png);
}
.pop_pay_type_box_bank .pop_pay_type_box_img {
    background-image: url(../images/common/pay_type_bank.png);
}
.pay_type_wrap {
    width: 100%; position: relative;top: 0px; left: 0px;
    overflow: hidden;
}
.pay_type_wrap input {
 position: absolute;top: -20px;
 left: -20px;
 width: 1px; height: 1px; overflow: hidden;
 display: block;
 font-size: 1px;
}
.pay_type_wrap label {
    display: block;
}
.pay_type_wrap label span {
    width: 100%;
    display: block; text-align: center;
    height: 30px; line-height: 30px;
}

.pop_pay_type_box.active .pop_pay_type_box_in {
border-color: #e23d3c;
}

.pop_pay_type_box.active  label span {
color: #e23d3c; font-family: 'no400';
}


.main_price_box.active .normal_btn {
background-color: #e23d3c;
    color: #fff;
}
.pop_buy_wrap .normal_btn_wrap {

}
.pop_bank {
    font-size: 15px;
}
.pop_bank span {
    padding-left: 10px;
}
.pop_bank_name {
    color: #126ce0; font-family: 'no400';
}

.sweet-alert h2 {
    font-size: 16px; line-height: 1.5;
}

.signup_all_wrap {
    width: 100%;
}
.signup_wrap {
    width: 100%; max-width: 1080px; margin: 0 auto;
    border-top: 1px solid #222;
    padding: 50px 10px;
}

.signup_in {
    width: 100%; max-width: 480px; margin: 0 auto;
}

.signup_top_label_wrap {
    width: 100%;
    padding: 20px 0
}
.signup_top_label {
    font-size:36px; font-family: 'na300';
    color: #333; text-align: center;
}

.signup_top_label span {
    color: #e23d3c
}

.signup_mid_wrap {
    width: 100%; 
    padding: 10px 0 50px;
}

.signup_agree_all_wrap {
    width: 100%; position: relative;top: 0px; left: 0px;
    padding: 10px 0
}
.signup_agree_all_box {
    width: 100%; position: relative;top: 0px; left: 0px;
    overflow: hidden;
}

.signup_agree_all_box input {
     position: absolute;top: -20px;
 left: -20px;
 width: 1px; height: 1px; overflow: hidden;
 display: block;
 font-size: 1px;
}

.signup_agree_all_box label {
     font-size: 22px; color: #333;
     border: 1px solid #ddd;
     border-radius: 3px;
     height: 60px; line-height: 60px;
     display: block;
     text-align: center;
}

.signup_agree_all_box label:before {
     content: '\f00c';
    color: #e23d3c;
    font-size: 20px;
    display: block;
    position: absolute;
    left: 36px;
    top: 0px;
    text-align: center;
    vertical-align: middle;
    font-family: 'FontAwesome';
}

.signup_agree_all_wrap.active .signup_agree_all_box label {
    color: #fff; background-color: #e23d3c; border-color: #e23d3c;
}

.signup_agree_all_wrap.active .signup_agree_all_box label:before {
    color: #fff;
}

.check_agree_box_wrap {
    width: 100%;
    padding: 3px 0
}
.check_agree_box_in {
    width: 100%;
    padding: 3px 0
}
.check_agree_box_in:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.check_agree_box {
    float: left;
}
.check_agree_view {
    float: right;
}
.check_agree_view a {
    font-size: 15px; color: #666;
    border-bottom: 1px solid #ddd;
}


.check_agree_box {position: relative;top: 0px; left: 0px;
float: left; padding: 3px 0
} 
.check_agree_box input {
        position: absolute;
    width: 25px;
    height: 25px;
    padding: 0;
    overflow: hidden;
     clip: rect(0,0,0,0); 
    border: 0;
    background: #fff;
    margin: 0px;
} 
.check_agree_box input + label { 
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    vertical-align: middle;
    color: #666; 
} 
.check_agree_box input + label span {
    font-size: 16px;
}
.check_agree_box  label b {
    font-size: 16px; font-weight: normal;
}

.check_agree_box input + label:active:before, 
.check_agree_box input:checked + label:active:before,
.check_agree_box input:checked + label:before {
    content: '\f00c';
    color: #e23d3c;
    font-size: 18px;
    display: block;
    border: 1px solid #e23d3c;
}

.check_agree_box input+ label:hover,
.check_agree_box input:checked + label {
    color: #000
}
.check_agree_box input + label:before {
   content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    vertical-align: middle;
    font-family: 'FontAwesome';
    border-radius: 3px;
}

.check_agree_box_sub {
    float: left;
    padding-left: 30px;
    font-size: 16px;
    color: #999
}

.total_btn_all_wrap {
    width: 100%;
}
.total_btn_wrap {
    width: 100%;
    padding: 10px 0;
    text-align: center;
}
.total_btn_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.total_btn_wrap a {
    display: inline-block;
    border: 1px solid #ddd; color: #666;
    background-color: #fff;
    height: 40px; line-height: 40px; min-width: 100px;
    margin: 0 3px; text-align: center;
    padding: 0 20px;
}

.total_btn_wrap .btn_submit {
    background-color: #333; color: #fff; border-color: #333;
}

.total_btn_wrap .btn_submit.active {
    background-color: #e83837; color: #fff; border-color: #e83837;
}

.total_btn_wrap .total_btn_cancel {
    background-color: #f7f7f7;
}

.form_text_box_wrap {
    width: 100%;
}
.form_text_box_top {
    width: 100%;
    position: relative;top: 0px; left: 0px; padding: 10px 0 5px;

}
.form_text_box_top:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.form_text_box_label {
    float: left; font-size: 18px; color: #333;
}
.form_text_box_desc {
    float: right; padding-right: 5px;
}
.form_text_box {
    width: 100%; position: relative;top: 0px; left: 0px;
    padding: 5px 0;

}
.form_text_box:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.form_text_box_input {
    border: 1px solid #ddd; border-radius: 5px;
    display: table;
    padding: 10px; width: 100%;
     background-color: #fff;
}
.form_text_box_input input {
    display: table-cell;width: 99%;
    height: 35px; line-height: 35px;
    border: none;
    vertical-align: top;
    padding: 5px;font-size: 15px;
}

.form_text_box_input textarea {
    display: block;width: 100%!important;
    height: 200px; 
    border: none;
    padding: 5px;font-size: 15px;


}


.form_text_box_input span {
    display: table-cell;width: 1%;
    vertical-align: top;
}
.form_text_box_input span a {
    display: inline-block; width: 100px;
    height: 35px; line-height: 35px;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    color: #999;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
}

.form_text_box_desc div {
    display: none;
}

.at_valid .form_text_box_desc .txt_valid {
    display: block;
}

.at_invalid .form_text_box_desc .txt_invalid {
    display: block;
}

.txt_valid {
    font-size: 14px; color: #3fb24f;
}

.txt_invalid {
    font-size: 14px; color: #dd2c63;
}

.signup_complete_box {
    width: 100%; 
    text-align: center;
    padding: 30px 0;
}

.total_btn_wrap .btn_submit {
    background-color: #333; color: #fff; border-color: #333;
}



.signup_complete_text {
    font-size:24px; font-family: 'na300';
    color: #333; text-align: center;
    width: 100%;
}

.signup_complete_text span {
    color: #e23d3c
}

.two_block_all_wrap {
    width: 100%;
}
.two_block_wrap {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    border-top: 1px solid #222;
    padding: 50px 0px;
}
.two_block_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.two_block_box_wrap {
    float: left; width: 48%;
    border: 1px solid #ddd;
    background-color: #f6f6fa;
    padding: 20px 3%;
} 
.two_block_box_wrap:first-child {
    margin-right: 2%;
}

.two_block_box .form_text_box_label {
    font-size: 24px;
}




.pdt_name {
    text-align: left;
    color: #666
}
.pdt_name b {
    font-weight: normal;
}
.pdt_name span {
    color: #e83837;
}
.td_cost b {
    font-weight: normal;
}

.ex_date span {
    color: #e83837;
}
.ex_date b {
    font-weight: normal;
    color: #999
}

input:disabled {
    background-color: #fff!important;
    color: #e83837;
}

.my_home_all_wrap {
    width: 100%;
}
.my_home_wrap {
    width: 100%; max-width: 1080px; margin: 0 auto;
}
.my_home_in {
    width: 100%; padding-bottom: 50px;
}
.my_home_box_wrap {
    width: 100%;
    border: 1px solid #ddd;
    border-top: 2px solid #222;
    padding: 30px 2%;
}
.my_home_box_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.my_home_box_left {
    float: left;width:50%; border-right: 1px solid #ddd;
}
.my_home_box_right {
    float: right;width:50%;
}
.my_home_box_in {
    padding: 10px 20px;
    width: 100%; position: relative;top: 0px; left: 0px;
}
.my_home_box_in:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.my_home_box_img {
    float: left;
}
.my_home_box_label_wrap {
    float: left;
}

.my_home_box_img_circle {
    width: 125px; height: 125px;
    background-color: #f5f5f5;
    border-radius: 200px;
    background-image: url(../images/common/my_home_box_img_circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
}

.my_home_box_txt_wrap {
    width: 100%;
}
.my_home_box_txt_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.my_home_box_txt {
     width: 100%; font-size: 18px;
     padding: 5px 0
}
.my_home_box_txt > div {
    display: inline-block;
}
.my_home_box_txt_label {
    color: #333;
}
.my_home_box_txt_desc {
    padding-left: 15px;
    color: #888
}
.my_home_box_txt_info {
    padding-left: 15px;
}
.my_home_box_auth_yes {
    font-size:13px; border: 1px solid #e83837;
    color: #e83837;
    height: 25px; line-height: 25px; border-radius: 3px;
    display: inline-block;
    padding: 0 10px;
}

.my_home_box_label_wrap {padding-left: 20px;
font-size: 20px; color: #333;
padding-top: 27px;
}

.my_home_box_label span {
    color: #e83837
}
.my_home_box_edit_wrap {
    padding-top: 5px;
}
.my_home_box_edit_btn {
     font-size:13px; border: 1px solid #333;
    color: #333;
    height: 25px; line-height: 25px; border-radius: 3px;
    display: inline-block;
    padding: 0 10px;
}



.total_label_all_wrap {
    width: 100%;
}
.total_label_wrap {
     width: 100%; max-width: 1080px; margin: 0 auto;
     position: relative;top: 0px; left: 0px;
     padding: 10px 0
}
.total_label_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.total_label {
    float: left;
    font-size: 24px;
    color: #333
}
.total_label_link {
    float: right;
}
.total_label_link_btn {
   display: inline-block;
}
.total_label_link_btn span {
    font-size: 16px;
    color: #666;
    position: relative;top: 0px; left: 0px;
    display: inline-block;
}



.form_radio_box {position: relative;top: 0px; left: 0px;
padding: 2px 0
} 
.form_radio_box input {
        position: absolute;
    width: 25px;
    height: 25px;
    padding: 0;
    overflow: hidden;
     clip: rect(0,0,0,0); 
    border: 0;
    background: #fff;
    margin: 0px;
} 
.form_radio_box input + label { 
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    vertical-align: middle;
    color: #666; height: 25px;
} 
.form_radio_box input + label span {
    font-size: 16px; line-height: 25px;
}
.form_radio_box input + label:active:before, 
.form_radio_box input:checked + label:active:before,
.form_radio_box input:checked + label:before {
    content: '\f111';
    color: #e23d3c;
    font-size: 16px;
    display: block;
    border: 1px solid #e23d3c;
    padding-left: 0px;
}

.form_radio_box input+ label:hover,
.form_radio_box input:checked + label {
    color: #000
}
.form_radio_box input + label:before {
   content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 100px;
    vertical-align: middle;
    font-family: 'FontAwesome';
}
.form_text_box .form_radio_box {
    float: left; width: 33%;
}


#wrap > div.move_bar_all_wrap {
    z-index: 980;
     width: 100%;
    position: fixed;bottom: 0px; left: 0px;top: auto;
}
.move_bar_wrap {
    width: 100%; max-width: 1200px; margin: 0 auto 10px;
    position: relative;top: 0px; left: 0px;
    background-color: #fff;
    padding: 10px 10px 0;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
}
.move_bar_in {
}


.move_bar_in:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.move_bar_tel_wrap {
    position: absolute;top: 10px; left: 50px;
    width: 294px;
}
.move_bar_tel_logo {
    position: absolute;top: 0px; left: 0px; width: 40px; height: 50px;
    background-image: url(../images/common/move_bar_tel_logo.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 72%;
}
.move_bar_tel_txt {
}
.move_bar_tel_label {
    font-size: 14px;
    color: #999;
}
.move_bar_tel_desc {
    font-size: 24px;
    font-family: 'na500';
    color: #333;
    height: 45px; line-height: 50px;
    padding-left: 45px;
    background-image: url(../images/common/move_bar_tel_logo.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 31px;
    font-weight: bold;
    letter-spacing: -1px;
}
.move_bar_txt_wrap {
    padding: 10px 0 0;
}
.move_bar_txt {
    padding: 5px 0;
    font-family:'나눔고딕',NanumGothic, '돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important;
}
.move_bar_txt span {
    font-size: 14px;
    color: #666
}
.move_bar_txt b {
    font-size: 14px;
    color: #333
}
.move_bar_link {
    padding: 3px 0
}
.move_bar_link a {
    display: block;
}
.m_br {
    display: none;
}
.updown {
     -webkit-animation: updown 0.2s infinite  alternate;
    animation: updown 0.2s infinite  alternate;
}
.move_bar_in a:hover {
     -webkit-animation: updown 0.2s infinite  alternate;
    animation: updown 0.2s infinite  alternate;
}
.main_price_box.active .main_price_box_top_label {
    -webkit-animation: updown 0.2s infinite  alternate;
    animation: updown 0.2s infinite  alternate;
}

.move_bar_link_wrap1 {
    width: 486px;
    margin: 0 auto;
}
.move_bar_link_wrap1:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.move_bar_link_wrap1 .move_bar_txt {
    float: left; padding-left: 8px;
    clear: both;
}
.move_bar_link_wrap1 .move_bar_link {
    float: left; padding-left: 8px;
}
.move_bar_link_wrap2 {
    width: 240px;
    position: absolute;top: 10px; right: 50px;
}
.move_bar_link_wrap .move_bar_link.move_bar_link_01 {
    clear: both;
}
.move_bar_up_btn {
       position: absolute;
    top: -46px;
    right: 10px;
    width: 45px;
    height: 45px;
    background-color: #e23d3c;
    cursor: pointer;
    background-image: url(../images/main/arr_down.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.move_bar_all_wrap.on .move_bar_up_btn{
    background-image: url(../images/main/arr_up.png);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.move_bar_all_wrap.on .move_bar_up_btn:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}


.main_desc_info_wrap {
    padding: 10px 0;
    float: left;
    width: 100%;
    text-align: center;
    vertical-align: middle;
        background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
}

.main_desc_info_wrap img {
    vertical-align: middle; padding-right: 5px;
}
.main_desc_info_wrap span {
    display: inline-block;padding: 5px 10px;

}




.move_bar_all_wrap .move_bar_txt {
    display: none;
}





.pop_buy_wrap.pop_all_wrap  {
    padding: 0px;
}
.pop_buy_wrap.pop_all_wrap  .pop_box {
    padding: 10px;
}


.pop_buy_wrap .pop_top_label_wrap {
    background-color: #e23d3c;
    color: #fff;
}
.pop_buy_wrap .pop_top_label {
    font-size: 19px;
    font-family: 'na400';
    color: #fff;
    text-align: center;
}




.pop_buy_wrap .pop_box_close_btn {
    top: 13px;
    right: 12px;
    background-image: url(../images/common/pop_box_close_btn_w.png);
}

.wechat_view {
    max-width: 300px; margin: 0 auto;
}

.pop_wechat_view_wrap.pop_all_wrap  {
    padding: 0px;
}
.pop_wechat_view_wrap.pop_all_wrap  .pop_box {
    padding: 10px;
}


.pop_wechat_view_wrap .pop_top_label_wrap {
    background-color: #e23d3c;
    color: #fff;
}
.pop_wechat_view_wrap .pop_top_label {
    font-size: 19px;
    font-family: 'na400';
    color: #fff;
    text-align: center;
}




.pop_wechat_view_wrap .pop_box_close_btn {
    top: 13px;
    right: 12px;
    background-image: url(../images/common/pop_box_close_btn_w.png);
}














#wrap > div.ex_toggle_wrap {
    position: fixed;
    bottom: 50px;
    right: 5px;
    z-index: 998;
    top: auto;
    left: auto;
    display: none;
}

.ex_toggle_wrap * {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}


.ex_toggle_btn {
    width: 50px; height: 50px;
    border-radius: 100px;
    background-color: #ce1a19;
    position: relative;top: 0px; left: 0px;
    background-image: url(../images/common/plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 33px;
    cursor: pointer;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
}


.ex_toggle_box {
    padding: 0; text-align: center; width: 50px;
    position: absolute;bottom: 0px; left: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.ex_toggle_box a {
    width: 20px; height: 20px;
    display: inline-block;
}
.ex_toggle_box_wrap {
    position: absolute;bottom: 0px;left: 0px;
    z-index: 1
}
.ex_toggle_btn_wrap {
    position: relative;top: 0px; left: 0px;
    z-index: 2
}

.ex_toggle_wrap.on .ex_toggle_btn {
    transform: matrix(-0.7071, 0.7071, -0.7071, -0.7071, 0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.ex_toggle_wrap.on .ex_toggle_box {
    padding: 0;
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.ex_toggle_wrap.on .ex_toggle_box a {
    width: 50px; height: 50px;
}
.ex_toggle_wrap.on .ex_toggle_box_wrap {
    bottom: 100%;
}
.main_price_box_in {
    position: relative;top: 0px; left: 0px;
}
.main_price_box.two .main_price_box_in:before {
    content: '';
position: absolute;top: 3px; left: 3px; right: 3px; bottom: 3px;
border: 1px solid #e23d3c;
}



@keyframes updown {
     0% { transform: translateY(0); }
    100% { transform: translateY(-2px); }
}

@-webkit-keyframes updown {
    0% { transform: translateY(0); }
    100% { transform: translateY(-2px); }
}

@-ms-keyframes updown {
   0% { transform: translateY(0); }
    100% { transform: translateY(-2px); }
}