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

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 1100px){
#wrap { min-width:930px; }
#wrap .container { max-width:930px; }

#top .logo { width:393px; }

#menu .menu_area ul.menu_list > li > a.lv1 { padding:0 14px; }
}

@media screen and (max-width: 992px){
/* desktop to ipad */
#wrap { min-width:768px; transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; }
#wrap .container { max-width:768px; padding-left:15px; padding-right:15px; }

#top .logo { width:343px; padding:26px 0 22px 0; }
#top .lang_area { display:none; }
#top .mobile_btn { display:block; }

#menu { display:none; }

#mobile_menu { display:block; }

#banner .banner_show .owl-dots { padding:0 15px; }

#main .multipage a { display:none; }
#main .multipage select { display:block; margin:0 auto; }

.openResponsive, 
.openResponsive body { height:100%; overflow:hidden; }
.openResponsive #wrap { transform:translate3d(280px, 0, 0); -webkit-transform:translate3d(280px, 0, 0); -moz-transform:translate3d(280px, 0, 0); }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; transition-delay:0; }
.openResponsive #mobile_menu { visibility:visible; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#wrap { min-width:100px; }
#wrap .container { max-width:none; }

#top .logo { width:293px; }

#footer .copyright p { width:100%; text-align:center; }
}

@media screen and (max-width: 620px){
#top .mobile_btn { margin-top:-17px; }
#top .mobile_btn a { width:34px; height:34px; font-size:20px; line-height:34px; }

#mobile_menu { width:250px; transform:translate3d(-250px, 0, 0); -webkit-transform:translate3d(-250px, 0, 0); -moz-transform:translate3d(-250px, 0, 0); }

.openResponsive #wrap { transform:translate3d(250px, 0, 0); -webkit-transform:translate3d(250px, 0, 0); -moz-transform:translate3d(250px, 0, 0); }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#main .title_area .title { font-size:24px; }
}

@media screen and (max-width: 413px){
#top .logo { width:243px; }
}

@media screen and (max-width: 374px){

}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media screen and (max-width: 1100px){

}

@media screen and (max-width: 992px){
.index_box_area { margin:0 -7px; }
.index_box_area .index_box_item { padding:0 7px; }
}

@media screen and (max-width: 767px){
.index_box_area .index_box_title { padding:6px 10px; font-size:16px; }
}

@media screen and (max-width: 479px){
.index_box_area { padding-top:14px; }
.index_box_area .index_box_item { width:100%; padding-top:10px; }
.index_box_area .index_box_title { padding:10px 12px; font-size:20px; }
}

@media screen and (max-width: 413px){

}

@media screen and (max-width: 374px){

}

/*-------------------------------------------------------------------------------------*/
/* INVESTOR RELATIONS */

@media screen and (max-width: 992px){
.investor_relations_filter { right:0; }

.investor_relations_list .investor_relations_item { padding:8px 20px 10px 20px; }
}

@media screen and (max-width: 767px){
.investor_relations_filter { position:static; padding-bottom:30px; text-align:right; }

.investor_relations_list .investor_relations { padding-left:0; padding-right:60px; }
.investor_relations_list .investor_relations_date { position:static; padding-bottom:10px; }
.investor_relations_list .investor_relations_btn { top:10px; }
}

/*-------------------------------------------------------------------------------------*/
/* EDITOR CONTENT */

@media screen and (max-width: 1219px){
.editor_content { }
.editor_content img { max-width:100%; width:auto !important; height:auto !important; }
.editor_content .table_area { width:100%; overflow-x:auto; }
.editor_content .table_area table { width:auto !important; max-width:100%; }
.editor_content a[href^="http:"],
.editor_content a[href^="https:"],
.editor_content a[href^="mailto:"] { word-break:break-all; }
}