@charset "utf-8";

/* layout */
#wrap {position:relative; min-width:900px;}

#container {overflow:hidden; position:relative; min-width:900px;}
#container:after {display:block; content:''; clear:both;}


/* header */
#header { position: fixed; z-index:10; background-color:#154690; z-index:999; width: 100%;}
#header:after {display:block; visibility:hidden; height:0; font-size:0; clear:both; content:''}
#header .wrap {position:relative; width:900px; min-width: 900px; height:160px; margin:0 auto; padding:10px 0 0px 0}
#header .logo {margin: 47px 0 0 20px;}

/* main menu*/
.gnb {position: absolute; left:310px; top:80px;}
.gnb>ul{height:20px;}
.gnb>ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden;}
.gnb>ul>li{float:left; height:17px; position:relative; }
.gnb>ul>li>a{display:block; font-size:17px; font-weight:400; line-height:17px; text-align:center; color:#fff; padding:0px 42px 0px 0px;}
.gnb>ul>li>a:hover  { text-decoration:none; color:#7febff; }
.gnb>ul>li.on>a{ text-decoration:none; color:#7febff;}

.topmenu_btn {position: absolute;  height:40px; right:10px;  top:67px;}
.topmenu_btn li {float:left;  font-size:12px; line-height:40px; color:#fff}
.topmenu_btn li a {color:#fff}



.brand_select_con{margin-top:0px; background-color: #154690;}
.brand_select_con .brand_select{font-size:13px; line-height:39px; height: 39px; letter-spacing: -0.025em; color:#fff; font-weight:400; padding:0px 10px 0 10px; min-width:160px;
box-sizing: border-box; background-image:url('../img/brand_select_arrow.png'); background-repeat: no-repeat; background-position: right 20px center; border:1px solid #08295e; border-radius:3px; 
background-color: #365fa1; width:100%;   -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden;}
.brand_select_con .brand_select option{color:#fff; background-color:#365fa1;}


/* footer */
#footer {position:relative;  background-color:#30302f;}
#footer .wrap { position:relative; display: block; width:900px; height:143px; margin:0 auto;  color: #b8b8b8; }
#footer .wrap .logo { position:relative; display: block; float:left; margin:26px 60px 0 20px;;}
#footer .wrap .copyright { position:relative; line-height: 24px; margin: 36px 0 0 0;  text-align:left; float: left; font-size: 16px;}

.gototop {position: fixed; right: 10px; bottom: 160px; width:50px; height: 50px; z-index: 10; cursor: pointer;}


/* index */

#content_00 {position:relative; display:block; background-color: #fff;}
#content_00 .wrap {position:relative; width:900px; height: 160px; margin:0 auto;}

#content_01 {position:relative; display:block; background-color: #fff;}
#content_01 .wrap {position:relative; width:900px; height: 600px; margin:0 auto;}

#content_02 {position:relative; display:block; background-color: #eff0f3;}
#content_02 .wrap {position:relative; width:900px; height: 360px; margin:0 auto;}

#content_03 {position:relative; display:block; background-color: #fff;}
#content_03 .wrap {position:relative; width:900px; height: 360px; margin:0 auto; background-image: url(../img/index_ci.png); background-position: 85% 100px; background-repeat:no-repeat;}

#content_04 {position:relative; display:block; background-image: url(../img/index_contact.png); background-position:center 0; background-repeat:no-repeat;}
#content_04 .wrap {position:relative; width:900px; height: 550px; margin:0 auto;}

/* sub  */
#content_about {position:relative; display:block; background-color: #fff;}
#content_about .wrap {position:relative; width:840px; height: 1420px; margin:0 auto; background-image: url(../img/about_ci.png); background-position: 50% 100px ; background-repeat:no-repeat;  padding:0 30px 150px 30px;}

#content_brand {position:relative; display:block; background-color: #fff;}
#content_brand .wrap {position:relative; width:840px; margin:0 auto; padding:0 30px 150px 30px;}

#content_detail {position:relative; display:block; background-color: #fff;}
#content_detail .wrap {position:relative; width:900px; margin:0 auto; padding:0 0 100px 0;}

#content_contact {position:relative; display:block; }
#content_contact .wrap {position:relative; width:840px; height: 550px; margin:0 auto; padding:0 30px 30px 30px;}

#content_map {position:relative; display:block; }
#content_map .wrap {position:relative; width:900px; height: 560px; margin:0 auto; padding:0 0 150px 0;}

/*
@media only screen and (max-width:1024px)
{

#header .wrap {position:relative; max-width:100%; height:160px; margin:0 auto; }

#content_00 .wrap {position:relative; width:100%; height: 160px; margin:0 auto;}
#content_01 .wrap {position:relative; width:100%; height: 600px; margin:0 auto;}
#content_02 .wrap {position:relative; width:100%; height: 360px; margin:0 auto;}
#content_03 .wrap {position:relative; width:100%; height: 360px; margin:0 auto;}
#content_04 .wrap {position:relative; width:100%; height: 550px; margin:0 auto;}

#footer .wrap { position:relative; display: block; width:100%; height:143px; margin:0 auto;  color: #b8b8b8; }

.gototop {position: fixed; right: 0px; bottom: 160px; width:70px; height: 70px; z-index: 10;}

}
*/

/* ---- intro layout css ---- */

#wrap_intro {min-width:500px;}
#container_intro {overflow:hidden; position:relative; min-width:500px;}
#container_intro:after {display:block; content:''; clear:both;}

#content_intro {position:relative; display:block; background-color: #fff; margin-top: 100px;}
#content_intro .wrap {position:relative; width:500px; height: 760px; margin:0 auto; background-image: url(../img/intro_02.png); background-position: 0% 0%; background-repeat:no-repeat;  text-align: center;}

.intro_in_box {position: relative; width: 350px;  height:47px; margin: 0 auto;}
.intro_in_box li {float:left;  line-height:47px;}
.intro_in_box li a {color:#fff}

.intro_select_con{margin-top:0px; background-color: #fff;}
.intro_select_con .intro_select_y{font-size:18px; line-height:45px; height: 45px; letter-spacing: -0.025em; color:#000; font-weight:400; padding:0px 10px 0 10px; min-width:115px;
box-sizing: border-box; background-image:url('../img/brand_select_arrow_b.png'); background-repeat: no-repeat; background-position: right 20px center; border:1px solid #707070; border-radius:3px; 
background-color: #f3f3f3; width:100%;   -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden;}

.intro_select_con .intro_select_m{font-size:18px; line-height:45px; height: 45px; letter-spacing: -0.025em; color:#000; font-weight:400; padding:0px 10px 0 10px; min-width:95px;
box-sizing: border-box; background-image:url('../img/brand_select_arrow_b.png'); background-repeat: no-repeat; background-position: right 20px center; border:1px solid #707070; border-radius:3px; 
background-color: #f3f3f3; width:100%;   -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden;}

.intro_select_con .intro_select_d{font-size:18px; line-height:45px; height: 45px; letter-spacing: -0.025em; color:#000; font-weight:400; padding:0px 10px 0 10px; min-width:95px;
box-sizing: border-box; background-image:url('../img/brand_select_arrow_b.png'); background-repeat: no-repeat; background-position: right 20px center; border:1px solid #707070; border-radius:3px; 
background-color: #f3f3f3; width:100%;   -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden;}

.intro_select_con .intro_select_y option{color:#000; background-color:#fff;}
.intro_select_con .intro_select_m option{color:#000; background-color:#fff;}
.intro_select_con .intro_select_d option{color:#000; background-color:#fff;}