/*Reset*/
*{margin:0; padding:0;}
html{width:100%; height:100%;overflow-y:scroll;}
body{text-align:left;background:#fff;color:#000;font-family: 'NanumBarunGothic', 'sans-serif';line-height:130%;margin:0;padding:0;overflow-x:hidden;}
body,input,button{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-size:12px; text-align:left;color:#000;font-weight:normal;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
a{text-decoration:none;/* color:#fff;  */}
h1{/* font-weight:bold; */}
h2{font-size:13px;}
h3{font-size:13px;}
p{text-indent:0;}
i{padding:0 5px 0 0;}
.floatclear{clear:both; display:block;}
@font-face {
    font-family: Gotham-Black;
 src:url(../img/images/font/Gotham-Black.eot);
    src: url(../img/images/font/Gotham-Black.woff);
}
@font-face {
    font-family: Gotham-Book;
 src:url(../img/images/font/Gotham-Book.eot);
    src: url(../img/images/font/Gotham-Book.woff);
}
@font-face {
    font-family: HerrVonMuellerhoff-Regular;
 src:url(../img/images/font/HerrVonMuellerhoff-Regular.eot);
    src: url(../img/images/font/HerrVonMuellerhoff-Regular.woff);
}
@font-face {
  font-family:'NanumBarunGothic';
  font-style:normal;
  font-weight:400;
  src:url(../img/images/font/NanumBarunGothic.eot);
  src:url(../img/images/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../img/images/font/NanumBarunGothic.woff) format('woff');
}
@font-face {
  font-family:'NanumBarunGothic';
  font-style:normal;
  font-weight:700;
  src:url(../img/images/font/NanumBarunGothicBold.eot);
  src:url(../img/images/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../img/images/font/NanumBarunGothicBold.woff) format('woff');
}



.align_wrap{
width:1272px;
padding:0 25px;
margin:0 auto;
/* width:1148px;*/
/* border:1px solid #ff8004;  */
}
 /*banner*/
.iv_banner_box{
width:100%;
position:fixed;
z-index:9000;
bottom:15px;
display:none;
}
.iv_banner_box .mobile_banner{
display:none;
}
.iv_banner{
/* width:960px;
height:160px;  */
margin:0 auto;
position:relative;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
}
.iv_banner .banner_close_btn{
cursor:pointer;
z-index:9999;
position:absolute; 
right:2px;
top:2px;
}
/* .pc_banner .banner_close_btn img{
width:80px;
height:80px;
} */
.pc_banner .banner_close_btn img{
width:24px;
height:24px;
}
.mobile_banner .banner_close_btn{
right:2px;
top:2px;
}
.mobile_banner .banner_close_btn img{
width:17px;
height:17px;
}
.iv_banner .banner_img_box{
width:100%;
height:100%;
background-size:cover;
background-position:center center;
}
/*header*/
.header{
/*font-family: 'Volkhov', serif;font-weight:400;*/
/* position:fixed; */
position:fixed;
z-index:1000;
width:100%;
padding:0 0 25px 0;
}
.main_header{
position:fixed;
z-index:1000;
width:100%;
padding:0 0 25px 0;
/* height:100px; */
}
 /*sign*/
/* .sign_group{
margin:0 15px 0 0;
}
.sign_in{
float:right;
margin:0 15px 0 0;
}
.sign_up{
float:right;
} */

.head_section{
position:relative;
padding:25px 0 0 0;
}
.head_section .logo{
float:left;
margin-top:20px;
}
.head_section .index_logo{
margin-top:20px;
float:left;
}
.top_navi_box{
float:left;
}
.top_navi{
margin:30px 0 0 80px;
}
.top_navi ul {
    background-color: #ed403c;
    border:1px solid #ed403c;
    border-radius: 5px 5px 5px 5px;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
}
.top_navi li {
    background: url('') no-repeat scroll right 5px transparent;
    float: left;
    position: relative;
 line-height:30px;
    color: #fff;
}
.top_navi li a {
    color: #fff;
    display: block;
    float: left;
    font-weight: normal;
    height: 30px;
    padding: 23px 20px 0;
    position: relative;
    text-decoration: none;
    text-shadow: 0px 0px 4px #000;
}
.top_navi li:hover > a {
    color: #fff;
}
.top_navi li:hover, #nav a:focus, #nav a:hover, #nav a:active {
    /*background: none repeat scroll 0 0 #121212;*/
    outline: 0 none;
}
.top_navi li:hover ul.subs {
    left: 0;
    top: 50px;
    width: 180px;
 font-family: 'NanumBarunGothic', 'sans-serif';
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.top_navi li:hover ul.subs li a{
    padding-left:35px;
}
.top_navi ul li {
    background: none;
    width: 100%;
}
.top_navi ul li a {
    float: none;
/*    color: #fff!important; ¼­ºê¿À¹öÃß°¡*/
/*    text-shadow: 1px 1px 1px #000!important; ¼­ºê¿À¹öÃß°¡*/
}
.top_navi ul li:hover > a {
    background-color: #d4312e;
/*    color: #fff!important; ¼­ºê¿À¹öÃß°¡*/
}

.top_navi > li{
float:left;
padding:0 25px;
font-size:14px;
}
.top_navi li>a{
padding:10px;
color:#fff;
display:block;
}
.top_navi li span{
/*color:#000!important;½ºÅ©·Ñ³×ºñÄ÷¯*/
display:block;
padding:0 0 4px 0;
font-size:16px;
font-weight:bold;
/* border-bottom:1px solid #fff; */
}
.sign_box{
/* float:left; */
float:right;
margin:35px 0 0 0;
}
.sign_box .sign_div{
margin:0 0 5px 0;
cursor:pointer;
background:url("") no-repeat;
width:85px;
height:31px;
color:#fff;
border:solid 1px #fff;
float:left;
margin-right:2px;
}
.sign_box .login_div>div{
font-family: Gotham-Black;
text-align:center;
line-height:31px;
font-size:13px;
}
.sign_box .logout_div>div{
font-family: Gotham-Black;
padding:8px 0 0 15px;
font-size:13px;
}
.sign_box .myinfo_btn{
cursor:pointer;
background:url("") no-repeat;
width:85px;
height:31px;
color:#fff;
border:solid 1px #fff;
float:left;
} 
.sign_box .myinfo_btn>div{
font-family: Gotham-Black;
text-align:center;
line-height:31px;
font-size:13px;
}
/* .sign_box .sign_in{
margin:0 0 5px 0;
cursor:pointer;
}
.sign_box .myinfo_btn{
cursor:pointer;
} */
.fb{
float:left;
}
.fb>div{
margin:25px 0 0 55px;
}
.mobile_navi_box{
display:none;
position:absolute;
}
.mobile_navi_btn{
display:none;
}
.mobile_navi{
display:none;
}
.mobile_navi li>a{
color:#fff;
}
.navi_bar{
width:25px;
height:5px;
background:#fff;
margin:0 0 5px 0;
}
/* right_btn */
.right_btn_box{
position:fixed;
right:50px;
top:45%;
z-index:9999;
}
.right_btn{
opacity:0;
width:10px;
height:10px;
/* background:#000; */
margin:0 0 10px 0;
border:2px solid #fff;
border-radius:50px;
cursor:pointer;
}
.iv_ball{
position:fixed;
right:50px;
top:45%; 
/* display:none; */
z-index:9999;
width:15px;
height:15px;
/* background:#fff; */
border-radius:50px;
opacity:0;
}

.wc{display:block;}
.mc{display:none; width:100%;}

.info_unit div.tit
{font-size:18px;}
.info_unit div.txt
{font-size:15px; line-height:30px;}

.main_wrap_1{
background:url("../img/images/main_img1.png") no-repeat;
width:100%;
/* height:100%; */
background-size:cover;
background-position:center center;
/* position:absolute; */
/* position:relative; */
}
.main_wrap_2{
/* background:url("/img/iv_2.jpg") no-repeat; */
/* height:60%; */
background:url("../img/images/main_middle_img1.png") no-repeat;
width:100%;
background-size:cover;
background-position:center center;
}
.main_wrap_3{
/* background:url("/img/iv_3.jpg") no-repeat; */
/* height:60%; */
background:url("../img/images/main_bottom_img.png") no-repeat;
width:100%;
background-size:cover;
background-position:center center;
}

/* title animation */
  .mo1 {
   color:#4DC1B4;
   font-size:30px;/* font-size:50px; */
   font-weight:bold;
   font-family: Gotham-Black;
   position:relative;   
   /* top:310px; */
   display:none; 
   z-index:2;
  }
  
  .main_phrase_box{
   z-index:3;
   display:block;
   text-align:center;   
   /* width:100%;    */
  }
  
  .linebox {
   z-index:3;
   position:relative;
   margin:0 auto;
   /* top:264px; */
   width:340px;/* width:532px; */
   height:1px;
   /*background:#963;*/
  }
  
  .linebox > div {
   display:inline-block;
  }
  
  .line1_box, .line2_box {
   z-index:3;
   width:100px;
   height:1px;
   position:relative;   
  }
  
  .line_space {
   z-index:3;
   width:100px;
   height:1px;
   position:relative;   
  }
  
  .line1 { 
   z-index:3;
   position:absolute;   
   display:none; 
   background:#fff;
   height:1px;
   /* width:0;    */
   margin:-20px 0 0 0;
  }
  
  .line2 {
   z-index:3;
   position:absolute;
   display:none; 
   background:#fff;
   height:1px;
   /* width:0;    */
   margin:-20px 0 0 0;
  }
  
  
  
  .mo2 {      
   color:#4DC1B4;
   font-size:170px;/* font-size:260px; */
   font-weight:bold;
   font-family: Gotham-Black;
   position:relative;   
   /* top:280px; */
   top:20px;
   display:none; 
   z-index:5;
  }
  
  .mo3 {      
   color:#fff;
   /*color:#c59d5f;*/
   font-size:80px;/* font-size:158px; */
   font-family: 'Tangerine', cursive;
   position:relative;   
   /* top:190px; */
   display:none; 
   z-index:6;
   text-shadow: 2px 2px 2px #333;
   margin:-105px 0 0 0;
  }
    @media all and (-ms-high-contrast:none)
     {
     .mo3 { text-shadow:none; } /* IE10 */
     *::-ms-backdrop, .mo3 { text-shadow:none;} /* IE11 */
     }  
.mobile_top_logo{
display:none;
}
  
.main_phrase{
width:1272px;
text-align:center;
color:#fff;
top:41%;
position:absolute;
}
.main_phrase .main_phrase_1{
color:#fff;
font-size:70px;
font-weight:bold;
font-family: Gotham-Black;
}
.main_phrase .main_phrase_1>span{
display:inline-block;
}
.main_phrase .white_border{
width:210px;
border-top:1px solid #fff;
margin:0 30px 27px 30px;
}
.main_phrase .main_phrase_2{
margin:80px 0 0 0;
color:#a18278;
font-size:180px;
font-weight:bold;
font-family: Gotham-Black;
}
.main_phrase .main_phrase_3{
margin:95px 0 0 0;
font-size:158px;
font-family: HerrVonMuellerhoff-Regular;
}
/* .main_phrase_1{
color:#a18278;
font-size:180px;
font-weight:bold;
font-family: Gotham-Black;
}
.main_phrase_2{
margin:90px 0 0 0;
font-size:160px;
font-family: HerrVonMuellerhoff-Regular;
}
.main_phrase_3{
margin:70px 0 0 0;
font-size:17px;
color:#a18278;
font-family: Gotham-Book;
} */
.main_content_section{
width:100%;
height:600px;
/* background:#cacda6; */
background:#fff;
/* border-top:1px solid #ff8004;
border-bottom:1px solid #ff8004; */
}
.main_content_section .align_wrap{
width:1272px;
padding:0;
}
.main_content_section .left_side{
margin:50px 0 0 0;
float:left;
width:394px;
padding:0 15px;
/* position:relative; */
}
.main_content_section .content_section_title{
/*font-family: Gotham-Black;*/
color:#ef413d;
font-size:30px;
text-align:center;
line-height:100%;
margin:50px 0 0 0;
display:block;
}
.main_content_section .content_section_title a{
/*font-family: Gotham-Black;*/
color:#ef413d;
font-size:30px;
text-align:center;
line-height:100%;
margin:50px 0 0 0;
display:block;
}
.main_content_section .content_section_summary{
margin:50px 0 0 0;
color:#5d5d5d;
line-height:180%;
font-size:18px;
font-family:"NanumBarunGothic";
text-align:center;
}
.main_content_section .content_section_btn{
margin:50px 0 0 0;
color:#fff;
font-weight:bold;
width:100%;
height:100px;
text-align:center;
}
.main_content_section .content_section_btn a>div{
background:#000 url("") no-repeat;
width:100px;
height:100px;
display:inline-block;
text-align:center;
color:#fff;
}
.main_content_section .first_content_section_btn .btn_txt{
margin:45px 0 0 0;
}
.main_content_section .second_content_section_btn .btn_txt{
margin:35px 0 0 2px;
}
.main_content_section .third_content_section_btn .btn_txt{
margin:35px 0 0 2px;
}
/* .main_content_section .content_section_btn{
background:url("/img/content_box_circle.png") no-repeat;
width:100px;
height:100px;
margin:50px 0 0 150px;
cursor:pointer;
color:#fff;
font-weight:bold;
}
.main_content_section .first_content_section_btn{
padding:45px 0 0 16px;
}
.main_content_section .second_content_section_btn{
padding:35px 0 0 2px;
text-align:center;
}
.main_content_section .third_content_section_btn{
padding:35px 0 0 2px;
text-align:center;
} */
.main_content_section .right_side{
width:650px;
margin:90px 100px 0 0;
float:left;
}
.main_content_section .main_content_img{
width:100%;
}
/*slide*/
/* .main_content_section .main_content_img{
position:relative;
} */
/* .iv_slider_box{
position:relative;
} */
.white_box_img_1{
position:absolute; 
opacity:0;
}
.white_box_img_1:first-child{
opacity:1;
}
.white_box_img_2{
position:absolute;
opacity:0;
}
.white_box_img_2:first-child{
opacity:1;
}
.white_box_img{
/* width:700px;
height:100px; */
position:absolute;
display:none;
}
.white_box_img:first-child{
display:block;
}
/*----- container setting (menu, event ) -----*/
.container{
padding:0 0 60px 0;
}
.container_top{
margin:50px 0 0 0;
font-weight:bold;
font-size:13px;
text-transform: uppercase;
line-height:150%;
}
.container_mid{
margin:60px 0 0 0;
}
.content_section{
margin: 0 0 50px 0;
}
.content_first_title{
text-align:center;
}
.content_first_title h2{
font-size:50px;
font-weight:bold;
color:#a1827a;
text-align:center;
margin:25px 0 0 0;
font-family: Gotham-Black;
letter-spacing: 9px;
text-transform: uppercase;
}
.content_second_title{
margin:0 0 25px 0;
}
.content_second_title h3{
font-size:24px;
color:#808285;
font-family: Gotham-Book;
letter-spacing: 3px;
line-height:120%;
}
/*----- container setting end -----*/
.page_title_section{
color:#fff;
text-align:center;
width:100%;
height:540px;
}
.page_title_section .page_title{
font-family: Gotham-Black;
font-size:52px;
padding:340px 0 0 0;
letter-spacing: 8px;
}
.company_page_title_section{
background:url("../img/images/sub_img1.png") no-repeat;
background-size:cover;
background-position:center center;
}
.business_page_title_section{
background:url("../img/images/sub_img2.png") no-repeat;
background-size:cover;
background-position:center center;
}
.product_page_title_section{
background:url("../img/images/sub_img3.png") no-repeat;
background-size:cover;
background-position:center center;
}
.inquiry_page_title_section{
background:url("../img/images/sub_img4.png") no-repeat;
background-size:cover;
background-position:center center;
}
.customer_page_title_section{
background:url("../img/images/sub_img5.png") no-repeat;
background-size:cover;
background-position:center center;
}
 
 /* footer */
.footer{
}
.footer .iv_height{
/* height:50px; */
height:20px;
}
.main_footer .iv_height{
height:0;
}
.main_footer{
height:440px;
background:#31317a;
color:#fff;
position:relative;
}
.footer_box{
height:340px;
background:#fff;
border-top:1px solid #ddd;
}
.footer .foot_info{
/* margin:150px 0 0 0; */
margin:50px 0 0 0;
}
.footer .foot_left_side{
margin:40px 0 0 0;
float:left;
}
.footer .foot_right_side{
float:right;
margin:40px 0 0 43px;
} 
.footer .foot_info .foot_logo{
float:left;
/* border:1px solid #ff8004; */
}
.footer .foot_info .info_unit{
float:left;
margin:0 0 0 43px;
color:#31317a;
}
.footer .foot_info .info_unit a{
color:#fff;
color:#31317a;
}
.footer .foot_info .info_unit:first-child{
margin-left:0;
}
.footer .info_unit_logo{
margin:-5px 5px 0 0;
}
.footer .info_unit_logo, .footer .info_unit_txt{
float:left;
}
.footer .foot_logo{
margin:0px 0 0 43px;
}
.contact_info{
padding:40px 0 0 0;
text-align:center;
font-family:"NanumBarunGothic"
}
.contact_info span{
margin:0 10px 0 0;
}
.contact_info a{
color:#000;
}
.main_footer .contact_info a{
color:#fff;
}
/* .footer .contact_info a{
color:#fff;
} */
.footer .foot_arrow_box{
z-index:1000;
position:absolute;
right:1%;
top:340px;
width:64px;
height:64px;
background:url("") no-repeat;
cursor:pointer;
display:none;
}
.footer .foot_arrow_1{
/* position:absolute; */
/* margin:40px 0 0 0; */
display:none;
}
.footer .foot_arrow_1 img{
/* height:12px;
width:24px; */
width:64px;
height:63px;
}
.footer .foot_arrow_2{
position:absolute;
/* margin:20px 0 0 20px; */
/* display:none; */
/* opacity:0; */
opacity:0;
left:20px;
top:30px;
display:none;
}
.footer .foot_arrow_2 img{
height:12px;
width:24px;
}
.footer .foot_arrow_3{
position:absolute;
/* margin:32px 0 0 20px; */
/* display:none; */
/* opacity:0; */
opacity:0;
left:20px;
top:42px;
display:none;
}
.footer .foot_arrow_3 img{
height:12px;
width:24px;
}
.footer .foot_arrow_btn{
/* cursor:pointer;
width:64px; */
}
/*room propose*/
.roompropose_container .roompropose_content{
margin:0 0 60px 0;
}
.roompropose_container .roompropose_title{
font-size:16px;
font-weight:bold;
margin:30px 0 30px 0;
}
.roompropose_container .block{
margin:0 0 35px 0;
line-height:150%;
}
.roompropose_container .sub_title{
margin:0 0 10px 0;
}
.roompropose_container .space{
height:10px;
}
.roompropose_container .roompropose_receipt>div{
float:left;
border:2px solid #000;
/* padding:8px 18px; */
width:112px;
text-align:center;
padding:5px 0;
margin:0 15px 0 0;
}
.roompropose_container .roompropose_receipt a{
color:#000;
}
/* media query */
@media all and (max-width: 1280px){


.main_wrap_1{
background:url("../img/images/main_img1_m.png") no-repeat;
width:100%;
/* height:100%; */
background-size:cover;
background-position:center center;
/* position:absolute; */
/* position:relative; */
}
.main_wrap_2{
/* background:url("/img/iv_2.jpg") no-repeat; */
/* height:60%; */
background:url("../img/images/main_middle_img.png") no-repeat;
width:100%;
background-size:cover;
background-position:center center;
}
.main_wrap_3{
/* background:url("/img/iv_3.jpg") no-repeat; */
/* height:60%; */
background:url("../img/images/main_bottom_img_m.png") no-repeat;
width:100%;
background-size:cover;
background-position:center center;
}







 /*banner*/
.iv_banner{
/* width:860px;
height:145px;  */
margin:0 auto;
}
 
.right_btn_box{
display:none;
}
.iv_ball{
display:none;
}
.inline_div{
display:inline;
}
.block_span{
display:block;
}
 /* main page */
 
.align_wrap{
width:980px;
}
/*header*/
.sign_in_form{
left:10%;
}
.sign_up_form{
left:10%;
}
.top_navi{
margin:30px 0 0 40px;
}
.top_navi > li{
padding:0 20px;
}
.top_navi li:hover ul.subs li a{
    padding-left:15px;
}
.top_navi li>a{
padding:5px;
}
.top_navi li:hover ul.subs {
    left: 0;
    top: 40px;
    width: 150px;
 font-family: 'NanumBarunGothic', 'sans-serif';
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.fb>div{
margin:25px 0 0 25px;
}
.main_phrase{
width:980px;
}
.main_content_section{
width:100%;
/* height:600px; */
height:auto; 
/* padding:0 0 25px 0;  */
background:#fff;
}
.main_content_section .align_wrap{
width:100%;
padding:0;
margin-bottom:50px;
}
.main_content_section .left_side{
/* margin:50px 0 0 0; */
margin:50px 0 0 0;
float:left;
width:30%;
padding:0 15px;
}
.main_content_section .content_section_title{
/*font-family: Gotham-Black;*/
color:#ef413d;
font-size:30px;
text-align:center;
line-height:100%;
margin:25px 0 0 0;
}
.main_content_section .content_section_title> a{ 
/*font-family: Gotham-Black;*/
color:#ef413d;
font-size:30px;
text-align:center;
line-height:100%;
margin:25px 0 0 0;
}

.main_content_section .content_section_summary{
margin:25px 0 0 0;
color:#5d5d5d;
line-height:180%;
font-size:18px;
}
.main_content_section .content_section_btn{
margin:25px 0 0 0;
}
.main_content_section .right_side{
width:55%;
/* margin:25px 0 0 0; */
margin:50px 50px 25px 50px;
float:left;
}
.main_content_section .main_content_img{
width:100%;
}
.main_content_section .main_content_img img{
width:100%;
height:auto;
}
 /* footer */
.footer{
}
.main_footer{
height:440px;
background:#21bbb1;
color:#fff;
position:relative;
}
.footer_box{
height:340px;
font-size:11px;
}
/* .footer .foot_info{
margin:50px 0 0 0;
}
.footer .foot_left_side{
margin:100px 0 0 0;
float:left;
}
.footer .foot_right_side{
float:left;
margin:40px 0 0 43px;
}  */
.footer .foot_info{
/* margin:150px 0 0 0; */
width:100%;
margin:50px auto 0 auto;
}
.footer .foot_left_side{
float:left;
margin:20px 0 0 0;
}
.footer .foot_right_side{
float:right;
margin:40px 0 0 43px;
} 
.footer .foot_info .foot_logo{
float:left;
}
.footer .foot_info .info_unit{
 float:left; 
 
}
.footer .foot_info .info_unit{
/* margin:150px 0 0 43px; */
margin:15px 20px 0 0;
}
.footer .foot_info .info_unit:first-child{
margin-left:0;
}
.footer .info_unit_logo{
margin:-5px 5px 0 0;
}
.footer .info_unit_logo, .footer .info_unit_txt{
float:left;
}
.footer .foot_logo{
margin:0px 0 0 43px;
}
 
.page_title_section{
width:100%;
height:480px;
}
.page_title_section .page_title{
font-size:48px;
padding:285px 0 0 0;
}

}
@media all and (max-width: 980px){
 
 /*banner*/
.iv_banner_box .mobile_banner{
display:block;
} 
.iv_banner_box .pc_banner{
display:none;
} 
.iv_banner{
width:90%; 
margin:0 5%;
height:auto; 
/* width:450px;
margin:0 auto; */
/* height:80px; */
} 
 
.contact_info{
padding:15px 0 10px 15px;
text-align:left;
}
.contact_info span{
display:block;
}
 

.main_header{
height:70px;
} 
.mobile_top_logo{
display:block;
/* width:1150px; */
text-align:center;
display:none;
}
.mobile_top_logo img{
width:50px;
height:150px;
margin:30px 0 0 0;
display:none;
}
.container{
padding:0 15px;
}
.align_wrap{
width:100%;
padding:0;
}
 .go2 {background-size:900px 675px;}
/* .go2 {background-size:100% auto;} */
/*header*/
.mobile_navi_box{
display:block;
height:100%;
position:fixed;
z-index:10;
}
.mobile_navi_btn{
display:block;
position:absolute;
z-index:2000;
top:25px;
left:15px; 
/* left:25px;  */
cursor:pointer;
}
.mobile_navi{
display:none;
width:200px;
background:#262526;
height:100%;
position:absolute;
top:0;
left:0;
overflow:scroll;
}
.mobile_fb_link{
margin:20px 0 20px 20px;
}
.mobile_fb_link span.loginjoin{
position:relative;
top:-7px;
font-size:12px;
margin-left:10px;
color:#666666;
}
.mobile_navi_ul{
}
.mobile_navi_ul li>a{
display:block;
padding:16px 0 16px 15px;
border-bottom:1px solid #484744;
}
#accordion-example h3>a {
color:#fff;
display:block;
padding:16px 0 16px 15px;
border-bottom:1px solid #484744;
}
#accordion-example h3 a {
color:#fff;
}
#accordion-example div.submenu {
background:#ed403c url();
display:block;
padding:16px 0 16px 0px;
border-bottom:1px solid #484744;
}
#accordion-example div.submenu li span {
display:block;
line-height:24px;
}
#accordion-example div.submenu li span a{
padding-left:15px;
display:block;
color:#fff;
}

.menu_group .index_logo{
display:block;
}
.logo{
clear:both;
width:100%;
text-align:center;
}
.logo img{
width:200px;
height:40px;
}
.top_navi{
display:none;
}
.sign_box{display:none;
margin:0;
position:absolute;
z-index:2000;
top:15px;
right:15px;  
}
.sign_box img{
/* width:115px;
height:32px; */
width:80px;
height:23px;
}
.sign_box .sign_in{
margin:0 0 5px 0;
cursor:pointer;
}
.sign_box .myinfo_btn{
cursor:pointer;
}
.fb{
display:none;
}
.main_phrase{
width:100%;
}
.main_content_section{
width:100%;
height:auto;
/* background:#cacda6; */
background:#fff;
padding:0 0 20px 0;
/* border-top:1px solid #ff8004;
border-bottom:1px solid #ff8004; */
}
.main_content_section .align_wrap{
width:100%;
padding:0;
}
.main_content_section .left_side{
margin:30px 0 0 0;
width:100%;
padding:0;
}
.main_content_section .left_side_box{
width:90%;
margin:0 5%;
}
.main_content_section .content_section_title{
font-size:30px;
text-align:center;
line-height:100%;
/* margin:50px 0 0 0; */
margin:0 0 20px 0;
}
.main_content_section .content_section_title div{
/* float:left; */
}
.main_content_section .content_section_summary{
margin:0;
color:#5d5d5d;
line-height:200%;
font-size:11px;
/* padding:0 20px; */
}
.main_content_section .content_section_btn{
margin:25px 0;
}
.main_content_section .right_side{
/* width:100%;
margin:0; */
/* float:left; */
width:90%;
margin:20px 5%;
}
.main_content_section .main_content_img{
width:100%;
margin:0;
/* width:90%;
margin:0 5%; */
}
.main_content_section .main_content_img img{
width:100%;
height:auto;
}
/*footer*/
.footer{
background:#d8d8d8;
}
.footer .iv_height{
height:0px;
}
.main_footer{
height:auto;
background:#31317a;
color:#fff;
position:relative;
}
.footer_box{
height:auto;
}
.footer .foot_info{
width:90%;
margin:50px auto 0 auto;
}
.footer .foot_info .foot_logo, .footer .foot_info .info_unit{
clear:both;
}
.footer .foot_info .info_unit{
margin:10px 0 10px 20px;
}
.footer .foot_info .info_unit:first-child{
margin-left:20px;
}


.footer .foot_logo{
display:none;
}
.footer .foot_arrow_box{
left:46%;
}

.page_title_section{
width:100%;
height:380px;
}
.page_title_section .logo_large img{
width:140px;
height:112px;
}
.page_title_section .page_title{
font-size:32px;
padding:205px 0 0 0;
} 


}
@media all and (max-width: 980px) and (orientation: landscape) {
.mobile_top_logo{
display:none;
}
.menu_group .index_logo{
display:block;
}

.info_unit div.tit
{font-size:15px;}
.info_unit div.txt
{font-size:12px; line-height:20px;}

.wc{display:none;}
.mc{display:block; width:100%; margin-top:50px;}

}
@media all and (max-width: 600px){
.main_video {height:280px}
.footer .foot_arrow_box{
left:43%;
}
    
.wc{display:none;}
.mc{display:block; width:100%; margin-top:50px;}


.info_unit div.tit
{font-size:15px;}
.info_unit div.txt
{font-size:12px; line-height:20px;}

}