@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
	-----------------------------------*/

/*
 page common
==============================*/

/* margin bottom ----------*/
.mb5px  { margin-bottom: 5px; }
.mb10px { margin-bottom:10px; }
.mb15px { margin-bottom:15px; }
.mb20px { margin-bottom:20px; }
.mb25px { margin-bottom:25px; }
.mb30px { margin-bottom:30px; }
.mb35px { margin-bottom:35px; }
.mb40px { margin-bottom:40px; }
.mb45px { margin-bottom:45px; }
.mb50px { margin-bottom:50px; }
.mb55px { margin-bottom:55px; }
.mb60px { margin-bottom:50px; }
.mb65px { margin-bottom:65px; }
.mb70px { margin-bottom:70px; }
.mb75px { margin-bottom:75px; }
.mb80px { margin-bottom:80px; }
/* margin right ----------*/
.mr5px  { margin-right: 5px; }
.mr10px { margin-right:10px; }
.mr15px { margin-right:15px; }
.mr20px { margin-right:20px; }
/* margin left ----------*/
.ml5px  { margin-left: 5px; }
.ml10px { margin-left:10px; }
.ml15px { margin-left:15px; }
.ml20px { margin-left:20px; }

/* align ----------*/
.ac { text-align: center !important; }
.ar { text-align: right !important; }
.al { text-align: left !important; }

/* float ----------*/
.fb { overflow:hidden; }
.fr { float:right; }
.fl { float:left; }

/* sup sub ----------*/
sup, sub { height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative; }
sup { bottom:1ex; }
sub { top:0.5ex; }

/* sup sub ----------*/
.btn { display:block; text-decoration:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:10px; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; }


/* page ----------------------------------------------------------------------*/

/* h ----------*/
#page h2 { font-size:35px; color:#333; font-weight:bold; line-height:1.6em; margin-bottom:60px; }
#page h2.des1 { font-size:25px; color:#19395F; border-bottom:solid 2px #1B3A61; padding-bottom:20px; margin-bottom:50px; }
#page h2.des1 .sub { font-size:18px; display:inline-block; *display:inline; *zoom:1; }
#pageIndex h2.des1 { padding-bottom:0; margin-bottom:20px; border:none; }
#page h2.des2 { font-size:20px; color:#FFF; background:#1B3A61; padding:20px; margin-bottom:50px; }
#page h2.des2 .sub { font-size:14px; display:inline-block; *display:inline; *zoom:1; }
#page h2.des2-header { padding:0; overflow:hidden; position:relative; }
#page h2.des2-header span { display:block; padding:20px 20px 20px 80px; }
#page h2.des2-header .header { position:absolute; top:0; bottom:0; left:0; margin:auto; padding:20px; background:#496181; }
#page h2.des2-header .w { padding:0; text-align:center; }
#page h2.des2-header .sub { padding:0; display:block; font-size:10px; line-height:1.2em; }
#page h3 { font-size:16px; color:#333; font-weight:bold; line-height:1.4em; margin-bottom:15px; }
#page h3 span { display:inline-block; *display:inline; *zoom:1; }
#page h3 .sub { font-size:12px; font-weight:normal; }
#page h3.h3-icon { color:#1B3A61; overflow:hidden; }
#page h3.h3-icon i { float:left; font-size:50px; margin-right:20px; }
#page h3.h3-icon span { display:block; overflow:hidden; }
@media screen and (max-width:816px) {}
@media screen and (max-width:616px) {
  #page h2 { font-size:25px; }
}

/* cap ----------*/
#page .cap { font-size:12px; line-height:1.4em; color:#666; }

/* box ----------*/
#page .box { border:solid 1px #DDD; padding:3.4%; box-sizing:border-box; }
#page .box-blue { background:#DCEAEF; border:none; }
#page .fbox { overflow:hidden; }
#page .fbox .box { float:left; width:100%; margin-bottom:3.4%; }
#page .fbox .box-first { margin-right:3.4%; }
#page .fbox .box-middle { margin-right:3.4%; }
#page .fbox .box-last {}
#page .fbox-two .box { width:48.3%; }
#page .fbox-thr .box { width:31%; }
#page .fbox-for .box { width:22.45%; }
#page .fbox-index { border-top:solid 1px #DDD; }
#page .fbox-index .box { margin:0; }
#page .fbox-index .box a { text-decoration:none; }
#page .fbox-index.fbox-two .box { width:50%; border-top:none; }
#page .fbox-index.fbox-two .box-first, #page .fbox-index.fbox-two .box-last { border-right:none; }
#page .fbox-index.fbox-two .box-last, #page .fbox-index.fbox-two .last { border-right:solid 1px #DDD; }
#page .fbox-index.fbox-thr .box { width:33.33%; }
#page .fbox-index.fbox-for .box { width:25%; border-top:none; }
#page .fbox-index.fbox-for .box-first, #page .fbox-index.fbox-for .box-middle, #page .fbox-index.fbox-for .box-last { border-right:none; }
#page .fbox-index.fbox-for .box-last, #page .fbox-index.fbox-for .last { border-right:solid 1px #DDD; }
#page .fbox-noBoder .box { border:none; }
#page .fbox-noPadding .box { padding:0; }
@media screen and (max-width:816px) {
  #page .fbox-two .box { width:100%; }
  #page .fbox-thr .box { width:100%; }
  #page .fbox-for .box { width:48.3%; }
  #page .fbox-index.fbox-two .box { width:100%; }
  #page .fbox-index.fbox-thr .box { width:100%; }
  #page .fbox-index.fbox-for .box { width:50%; }
}
@media screen and (max-width:616px) {
  #page .fbox-for .box { width:100%; }
}

/* exBox ----------*/
#page .exBox { background:#1B3A61; color:#FFF; padding:20px; }
#page .exBox strong { font-size:30px; }

/* nextArrow ----------*/
#page .nextArrow { position:relative; margin-bottom:60px; }
#page .nextArrow:before { content:"\f107"; text-align:center; color:#1B3A61; position:absolute; bottom:-30px; left:0; width:100%; height:30px;
  display: inline-block;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
 	font-size:60px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
 }
#page .nextArrow2 { position:relative; margin-bottom:30px; }
#page .nextArrow2:before { content:""; position:absolute; bottom:-30px; left:10%; margin:auto; display:block; width:0; height:0; border-style:solid; border-width:30px 30px 0 30px; border-color:#CCC transparent transparent transparent; }

/* bt ----------*/
#page .bt {}
#page .bt-large a { padding:20px; }
#page .bt a, #page .bt button { background:#152939; background:rgba(21,41,57,0.9); color:#FFF; display:inline-block; *display:inline; padding-right:40px; height:auto; *zoom:1; position:relative; box-sizing:border-box; }
#page .bt a:hover, #page .bt button:hover { opacity:0.8; }
#page .bt a span, #page .bt button span { display:block; line-height:1.4em; text-align:left; font-weight:bold; }
#page .bt a span.sub { font-size:12px; font-weight:normal; }
#page .bt-large a span { font-size:20px; }
#page .bt-large a span.sub { font-size:14px; }
#page .bt a i { position:absolute; top:0; bottom:0; right:10px; margin:auto; width:12px; height:12px; }
#page .bt-white a { background:#FFF; border:solid 1px #DDD; color:#333; }
#page .bt-white a:hover { background:#EEE; }
#page .bt-gray a { background:#EEE; border:solid 1px #DDD; color:#333; }
#page .bt-gray a:hover { background:#FFF; }
#page .bt span.bg { background:#152939; background:rgba(21,41,57,0.9); color:#FFF; display:inline-block; *display:inline; padding:10px; height:auto; *zoom:1; position:relative; box-sizing:border-box; width:100%; }
@media screen and (max-width:616px) {
  #page .btgroup .bt { display:block; }
}


/* defTable ----------*/
#page .defTable { border-collapse:collapse; border:solid 1px #DDD; width:100%; }
#page .defTable th, #page .defTable td { padding:15px; border:dotted 1px #DDD; border-top:none; border-left:none; }
#page .defTable th { background:#F8F8F8; text-align:left; font-size:12px; }
#page .defTable th.h { padding:5px 15px; background:#E8E8E8; }
#page .defTable td { background:#FFF; }
#page .defTable .even th { background:#F5F5F5; }
#page .defTable .even td { background:#FBFBFB; }
#page .defTable .nw { white-space:nowrap; }

/* defList ----------*/
#page .defList {}
#page .defList li { padding:10px 15px; border-bottom:dotted 1px #DDD; }
#page .defList li.even { background:#FBFBFB; }
#page .defList li span { display:block; line-height:1.4em; }
#page .defList li span.t { float:left; width:10em; font-size:12px; font-weight:bold; }
#page .defList li span.d { overflow:hidden; }
#page .defList a i { line-height:1.8; }


/* pointBox ----------*/
#page .pointBox { border-bottom:dotted 1px #DDD; padding:60px 20px 20px 80px; position:relative; background-position:right bottom; background-repeat:no-repeat; }
#page .pointBox .point { position:absolute; left:0; top:10px; }
#page .pointBox .inWrap { width:60%; }
#page .pointBox h3 { font-size:25px; color:#1A3960; font-weight:bold; line-height:1.6em; margin-bottom:30px; }
#page .pointBox .bt { text-align:right; margin-top:20px; }
#page .pointBox-first { border-top:dotted 1px #DDD; }
@media screen and (max-width:816px) {
  #page .pointBox .inWrap { width:50%; }
}
@media screen and (max-width:616px) {
  #page .pointBox .inWrap { width:100%; }
  #page .pointBox { background-image:none !important; padding:80px 20px 20px 20px }
}


/* side banner ----------*/
#oricoBanner { display:none; }


/* clearfix ----------*/
.fb:after
 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fb
 { display: inline-table; min-height: 1%; }
/* Hides from IE-mac \*/
* html .fb
 { height: 1%; }
.fb
 { display: block; }
/* End hide from IE-mac */