@charset "utf-8";
/* CSS Document */

/* 간격 */
.mt0{margin-top:0px !important}
.mt4{margin-top:4px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt12{margin-top:12px !important}
.mt15{margin-top:15px !important}
.mt17{margin-top:17px !important}
.mt18{margin-top:18px !important}
.mt20{margin-top:20px !important}
.mt22{margin-top:22px !important}
.mt25{margin-top:25px !important}
.mt27{margin-top:27px !important}
.mt30{margin-top:30px !important}
.mt34{margin-top:34px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt47{margin-top:47px !important}
.mt48{margin-top:48px !important}
.mt49{margin-top:49px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt69{margin-top:69px !important}
.mt70{margin-top:70px !important}
.mt76{margin-top:76px !important}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}
.ml0{margin-left:0px !important;}
.mb0{margin-bottom:0px !important}
.mb4{margin-bottom:4px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb12{margin-bottom:12px !important}
.mb15{margin-bottom:15px !important}
.mb17{margin-bottom:17px !important}
.mb18{margin-bottom:18px !important}
.mb20{margin-bottom:20px !important}
.mb22{margin-bottom:22px !important}
.mb25{margin-bottom:25px !important}
.mb27{margin-bottom:27px !important}
.mb30{margin-bottom:30px !important}
.mb34{margin-bottom:34px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb47{margin-bottom:47px !important}
.mb48{margin-bottom:48px !important}
.mb49{margin-bottom:49px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb69{margin-bottom:69px !important}
.mb70{margin-bottom:70px !important}
.mb76{margin-bottom:76px !important}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}
.ml5{margin-left:5px !important;}
.ml8{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml11{margin-left:11px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.mr5{margin-right:5px !important}
.p0{padding:0!important}
.pt15{padding-top:15px !important}
.pt30{padding-top:30px !important}
.pt47{padding-top:47px !important}
.pt60{padding-top:60px !important}
.pb15{padding-bottom:15px !important}

#header #hd_h1, #gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#header{height: 88px;background: #fff;width: 100%;position: fixed;top: 0px;left: 0;z-index: 999;transition: top 0.3s;border-bottom: 1px solid #ccc;}
#header.active{top:-88px}
#header #gnb{position: relative;width: 100%;margin: 0 auto;box-sizing: border-box;}
#header #gnb .gnb_dim{content: '';position: absolute;top: 88px;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.2);visibility: hidden;opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
#header.m_enter #gnb .gnb_dim{visibility: visible;opacity: 1}
#header #gnb .gnb_inner{position: relative;width:1200px;height: 88px;text-align: center;margin: 0 auto}
#header #gnb .gnb_inner .gnb_bg{width: 100vw; height:0; position: absolute;left: 50%;top: 88px;z-index: 3;background: #fff;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;}
#header #gnb .gnb_inner .gnb_bg.on{height: 300px;border-top: 1px solid rgba(0,0,0,0);}

#header #gnb .gnb_inner .logo_area{position: absolute;left: 0;top:50%;transform: translate(0, -50%);z-index: 6}
#header #gnb .gnb_inner .logo_area .logo{display: block;width:220px;}
#header #gnb .gnb_inner .logo_area .logo img{width: 100%}
#header #gnb .gnb_inner .depth1_area{position: relative;z-index: 5;height: 88px;line-height: 88px;font-size: 0}
#header.m_enter #gnb .gnb_inner .depth1_area{border-bottom: 1px solid rgba(0,0,0,.1)}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul{font-size: 0;display: inline-block;margin:0 auto; width:850px; margin-left:75px}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li{display: inline-block;vertical-align: top;height: 88px;width:20%;text-align: center;position: relative}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li>a{font-size: 19px;display: block;position: relative;color: #000;text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	font-weight:600}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li>a.on{color: #000}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area{position: relative;left: 0;right: 0;z-index: 5;border-right: 1px solid rgba(0,0,0,.1);height: 0;overflow: hidden;border-top: 1px solid transparent;
	border-top: 1px solid transparent;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li.depth1_1:first-child .depth2_area{border-left: 1px solid rgba(0,0,0,.1)}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner{padding: 24px 0 26px}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li{font-size: 17px;line-height: 1;width: 100%;padding:10px 0}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li a{display: block;line-height: 23px}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li a span{display: inline-block;position: relative}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li a span:before{content: '';position: absolute;width: 0%;height: 1px;left: 0;bottom: 0;background: #031f99;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li a span.link_out{padding-right: 18px}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li a span.link_out:after{content: '';position: absolute;right: 0;top: 50%;margin-top: -7px;width: 12px;height: 12px;background: url('../images/common/ico_outlink.png') no-repeat 0 0 / contain}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li a.on{color: #0e2ac9}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li a.on span:before{width: 100%;}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li a:hover{color: #0e2ac9}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li a:hover span:before{width: 100%;}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>li a:hover span.link_out:after{background-image: url('../images/common/ico_outlink_blue.png')}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li:before{content: '';position: absolute;width: 0%;height:2px;background: #031f99;left: 0;bottom:-2px;z-index: 6;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul.over>li:hover:before{width: 100%}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul>li>a:hover{color: #000}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul.over>li:hover>a{color: #000}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul.over>li>a+.depth2_area{height:300px}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul.over>li>a:hover+.depth2_area{background: #fafafa;border-top-color:rgba(0,0,0,.1)}
#header #gnb .gnb_inner .depth1_area ul.depth1_ul.over>li:hover>a+.depth2_area{background: #fafafa;border-top-color:rgba(0,0,0,.1)}

#header #gnb .gnb_inner .other_services{position: absolute;top: 50%;right: 0;transform: translate(0, -50%);z-index: 10;font-size: 0}
#header #gnb .gnb_inner .other_services>div{display: inline-block;vertical-align: middle}

#header #gnb .gnb_inner .other_services .clear_line{width: 1px;height: 14px ;background: rgba(0,0,0,.2);margin: 0 18px;vertical-align: middle}
#header #gnb .gnb_inner .other_services .search_area{width: 38px;height: 38px;}
#header #gnb .gnb_inner .other_services .search_area a.btn_show_search{display: block;position: relative}
#header #gnb .gnb_inner .other_services .search_area a.btn_show_search img{display: inline-block;vertical-align: middle;width: 38px;
	-webkit-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	transition: opacity 0.1s;}
#header #gnb .gnb_inner .depth2_container{position: absolute;top: 88px;left: 50%; right: 0;width: 100vw;overflow: hidden;background: rgba(14,42,201,.97);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner{position: relative;width: 100%}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner > div {position: relative; width: 100%; height: 0; display: none; overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner>div.on{display: block}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner>div.down{height: 64px}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner > div > ul {font-size: 0; display: inline-block; margin: 0 auto; text-align: center; height: 64px; line-height: 64px; vertical-align: top }
#header #gnb .gnb_inner .depth2_container .depth2_container_inner > div > ul > li {display: inline-block; margin: 0 18px; height: 64px; line-height: 64px; vertical-align: top }
#header #gnb .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a{position:relative;transition:all 0.3s;display: inline-block;font-size:18px;color:#fff;opacity:0.57;}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a span.link_out{ position:relative; padding-right:17px;}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a span.link_out:before{content: '';position: absolute;right: 0;top: 50%;margin-top: -7px;width: 12px;height: 12px;background: url('../images/common/ico_outlink_2dep.png') no-repeat 0 0 / contain}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a:after{content: '';position: absolute;width: 0%;height: 1px;background: #fff;left: 0;bottom: 18px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}

#header #gnb .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a.on{opacity:1;}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a.on:after{width: 100%}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a:hover{opacity:1;}
#header #gnb .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a:hover:after{width: 100%;}
#header #gnb .gnb_inner .depth2_container .depth1_open {position:absolute; top:25px; left:28px; z-index:9; display: none;}
#header #gnb .gnb_inner .depth2_container .depth1_open a {display: block;}
#header #gnb .gnb_inner .depth2_container .depth1_open a span {width:20px; height:2px; background-color:#fff; margin-bottom:4px; display: block; transition:all 0.3s;}
#header #gnb .gnb_inner .depth2_container .depth1_open a span:last-child {margin-bottom:0;}
#header #gnb .gnb_inner .depth2_container .depth1_open.on a span:nth-of-type(1){transform:translate(0, 6px) rotate(-45deg);}
#header #gnb .gnb_inner .depth2_container .depth1_open.on a span:nth-of-type(2){opacity:0;}
#header #gnb .gnb_inner .depth2_container .depth1_open.on a span:nth-of-type(3){transform:translate(0, -6px) rotate(45deg);}
.lang {position: absolute; right:0px; width: 130px;color: #fff;top: 0px;cursor: pointer; padding-left: 19px; background:url(../../img/lang-i02.png) no-repeat left center;z-index: 4; line-height:inherit;}
.lang > a {color:#000;font-size: 16px;display: inline-block; position: relative;padding: 0 10px;  transition: 0.3s; line-height:92px;font-family: 'Nanum Gothic', sans-serif;}
.lang > a:last-child:after {content: '';width: 1px;height: 13px;background:#ccc;position: absolute;top:50%;left: 0; margin-top:-6px}
.lang > a:hover{color:#031f99;}
.lang > a.select{ color:#031f99; font-weight:bold;}
/*footer*/
footer{background:#333132; width:100%; padding:45px 0;color:#a2a9b3;font-size:14px;}
footer h1{width:300px; height:135px; line-height:135px;}
footer h1 a{ width:100%; display:block;}
footer h1 a > img{ width:80%; height:auto; opacity:.8;}
footer h1, footer .info{ float:left;}
footer .info{width:900px;}
footer .info nav{ border-bottom:1px solid #f7f5f5; margin-bottom:20px; padding-bottom:20px}
footer .info nav ul li{float:left; margin-right:30px;}
footer .info nav ul li a{ color:#ddd; font-size:17px; }
footer .info nav ul li a:hover{ color:#fff;}
footer .info nav ul li:first-child a{ font-weight:bold}
footer .info .addr{font-size:16px; color:#f7f5f5; line-height:1.9;font-family: 'Nanum Gothic', sans-serif;}
footer .info .addr p> span{ display:inline-block; padding-right:11px; margin-right:7px; position:relative;font-family: 'Nanum Gothic', sans-serif;}
footer .info .addr p> span:after{ content:""; display:block; height:15px; width:1px; background:#f7f5f5; position:absolute; right:0; top:0; margin-top:8px }
footer .info .addr p> span:last-child:after{display:none;}
footer .info .addr p> span.at_no:after{display:none;}
footer .info .addr p span >a { color:#f7f5f5; font-weight:bold;font-family: 'Nanum Gothic', sans-serif; }
footer .info .addr .copy{ margin-top:15px; display:block;font-family: 'Nanum Gothic', sans-serif;}

/*개인정보처리방침 및 이용약관*/
.page-tab {
  width: 440px;
  height: 48px;
  margin-bottom: 55px;
}
.page-tab:after {
  content: "";
  display: block;
  clear: both;
}
.page-tab-item {
  width: 50%;
  float: left;
}
.page-tab-item .page-tab-link {
  background: #4d4d4d;
}
.page-tab-item .page-tab-link.on {
  background:#3fb1c8;
}
.page-tab-item:nth-child(1) .page-tab-link {
  border-radius: 5px 0 0 5px;
}
.page-tab-item:nth-child(2) .page-tab-link {
  border-radius: 0 5px 5px 0;
}
.page-tab-link:hover{
  text-decoration:underline;	
}
.page-tab-link {
  display: block;
  width: 100%;
  height: 48px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
.location-terms-of-use-wrap {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}
.location-terms-of-use-title {
  font-weight: bold;
  font-size:22px;
}
.location-terms-of-use-title2 {
  font-weight: bold;
  font-size:18px;
}
.location-terms-of-use-subtitle{
	font-size:17px;
	margin-bottom:5px;
	color:#666;
	font-weight:bold;	
}
.location-terms-of-use-content {
  margin: 27px 0;
}
.location-terms-of-use-ordered-2depth {
  margin-bottom: 32px;
}
.location-terms-of-use-service-type {
  margin-top: 12px;
  font-size: 22px;
  font-weight: bold;
}
.policy_topbox{
	border-bottom:1px solid #d9d9d9;
}
.section_txt2{
   font-size:15px;
   color:#666;	
   line-height:1.8;
   margin:20px 0;
   letter-spacing:-0.5px;
}
.strong{
	font-weight:bold;
	color:#222	;
	display:block;
	font-size:17px;
	margin-bottom:10px;
}
.strong2{
	color:#666;
	font-weight:bold;	
}
.tb-1.line{
	border-top:2px solid #1d5bc1;
	margin:20px 0 40px;	
}
.tb-1 tr, th, td{
	word-wrap:break-word;	
	border-right:1px solid #ddd;	
}
.tbList.hbg tr th, .tbList.hbg tr td{
	padding:13px 0 12px 0;;
	text-align:center;
	border-top:1px solid #ddd;
	font-size:15px;		
}
.tbList.hbg thead tr th{
	background:#f5f5f5;
	font-weight:bold;
	color:#111;	
}
.b_no{
	border-right:0!important	
}
.mgT1{
	font-size:14px;	
	color:#111;
	font-weight:bold;
}
.mgT2{
	font-weight:400;
	font-size:14px;	
	color:#111;			
}
.section h5 {
    font-weight: bold;
    margin-top: 17px;
	font-size:16px;	
}
h4.section_title{
	font-size: 26px;
    letter-spacing: -1px;
    color:#222;
    font-weight:700;	
	
}

/**================
bxslide공통 - 기본 형태
=================*/
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
	border:1px solid #ddd
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
	background: #fff;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	width:1200px; 
	margin:112px auto 0;

	
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.6)
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#0e2ac9;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 85px;
	background: url(../../img/controls.png) center center no-repeat rgba(0,0,0,0.3);
}
.bx-wrapper .bx-next {
	right: 85px;
	background: url(../../img/controls.png) center center no-repeat rgba(0,0,0,0.3);
	transform:rotate(180deg)
}
.bx-wrapper .bx-controls-direction a {
	display: block;
    position: absolute;
    top: 50%;
    z-index: 9998;
    width: 70px;
    height: 70px;
    text-indent: -9999em;
	background-size:23px auto;
	margin-top:-35px
}
.bx-wrapper .bx-controls-direction a:hover{ background-color:rgba(0,0,0,0.7)}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto .bx-start {
	background: url(../../img/start.png) center center;
    width: 12px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-indent: -9999em;
    display: block;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../../img/stop.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/*메인 컨트롤 스타일 - 커스텀*/
.bx-controls{ position:absolute; top:41%; width:100%; left:0;	z-index:111;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ position:absolute; left:50%; top:50%;margin-left: -28%;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a{width:10px; height:10px; transition:ease-in-out .6s; }
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active{ width:55px; background: #0e2ac9;}
.bx-controls-auto-item{width: 32px;height: 32px;background-repeat: no-repeat; background-position: center center;background-size: contain;text-indent: -9999em;position: absolute;left: 50%;margin-left: -31%; padding: 7px 11px;margin-top:9px;box-sizing: border-box;}

@media (min-width: 320px) and (max-width: 480px) {
#header #gnb .gnb_inner .depth1_area ul.depth1_ul{margin-left:0}

}