@import url(common.css);
body{position :relative; left: 0;background-color :#f3f3f3;}
.inbox {width : 95.3125%; margin : 0 auto;}
.bgbox {display : none; position :absolute; top: 0; left : 0; width : 100%; height : 100%; z-index : 1000;}
.header { padding : 5% 0; background : url(../images/header_bg.png) repeat-x 0 100% #fff; background-size : 1%;}
.header .inbox {position : relative;}
.header h1{ width : 66.55%; margin : 0 auto;}
.header .inbox>a,
.header .inbox>span { display : block;width : 9.836%;}
.header .menu_btn { position : absolute; top : -22%; left : 0; cursor : pointer;}
.header .call { position : absolute; top : -22%; right : 0;}
.gnb{position: absolute;top:0; left :-50%; width : 50%; height : 100%; background-color :#fff;}
.gnb li{width:100% !important;}
.gnb li span {position : relative;display : block; background-color : #28458d; border-bottom :1px solid #fff; color : #fff; font-size: 1em; font-weight : 900; padding : 5.5% 0 6.5% 6.25%; cursor : pointer;}
.gnb li span img { position : absolute; width : 6.25%; top : 38%; right : 6.25%;}
.gnb li div { display : none;}
.gnb div a {display : block; background-color : #7b7b7b; padding-left : 6.25%; padding : 3.5% 0 4.5% 6.25%; border-bottom :1px solid #fff; color : #fff; font-size : 0.9em; font-weight : bold;}
.gnb>div {position :absolute; top: 0;right : 0; width : 2.25%; height : 100%;z-index : 1; background : url(/default/img/mobile/gnb_bg.png) repeat-y 100% 0; background-size : 50%;}

.visual .slide {position : relative;width : 100%;overflow : hidden;}
.visual .owl-wrapper {position : relative;}
.visual .owl-wrapper:after {content: "";display: block;clear: both;*zoom: 1;}
.visual .owl-item{float : left;}
.owl-pagination {position : absolute;bottom : 2%;width : 100%;text-align : center }
.item img {display: block;width: 100%;height: auto;}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-buttons { display : none;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.grabbing { cursor:move;}
.v_menu { margin : 3% 0;}
.v_menu li{float : left; width : 20%;}
.v_menu li a{ display : block;}
/*----- visual -----*/
#visual {width:100%; overflow:hidden;}
.bgbox1{position:fixed; top:0; left:0; background:url(/default/img/mobile/bgbox1.png) repeat; width:100%; height:100%; z-index:-1}
.contents .inbox>div{ width : 48%; float : left;}
.left_con { margin-right : 2.15%; overflow : hidden; position : relative;}
.left_con ul {width : 300%; margin-left : -100%;}
.left_con ul li { float : left; width : 33.333333%;}
.left_con ul li a{display : block; width : 100%;}
.left_con .btnbox{position : absolute;width : 100%; top : 50%;}
.left_con .btnbox>span {position :absolute; display : block; width : 10.40%; cursor:pointer;}
.left_con .btnbox .b_left {left : 0;}
.left_con .btnbox .b_right {right : 0;}.right_con { padding-left : 1.15%;}
.right_con>a{ display : block; width : 100%; margin-bottom : 7%;}
.right_con>div{ width : 100%;}
.right_con>div ul { border : 1px solid #dcdcdc;box-sizing:border-box}
.right_con>div ul li {float : left; width : 50%; background-color :#fff;}
.right_con>div ul li a{display: block; text-align : center;}
.right_con>div ul li a img { margin : 0 auto;}
.conr_btn1 a,
.conr_btn3 a{ border-right : 1px solid #dcdcdc;}
.conr_btn1 a,
.conr_btn2 a{ border-bottom : 1px solid #dcdcdc;}
.conr_btn1 a { padding : 10.5% 0;}
.conr_btn2 a { padding : 10.5% 0;}
.conr_btn3 a { padding : 10.5% 0;}
.conr_btn4 a { padding : 10.5% 0;}
.conr_btn1 img { width: 52.34%;}
.conr_btn2 img { width: 52.34%;}
.conr_btn3 img { width: 52.34%;}
.conr_btn4 img { width: 52.34%;}
.footer { margin-top : 3%;}
.footer li { float: left; width : 25%;}
.footer p {padding: 4% 0;color : #919191; font-size : 0.8em; line-height : 1.7em; text-align : center;}