/*#header { height: 174px; width: 100%;  position:fixed; z-index:100; background:#102a41; }*/


#container { display:block; width:100%; min-height:300px; padding-top:80px; clear:both; position: fixed; z-index:1; }
#footer { display:block;  width:100%; height:206px; clear:both; text-align:center; background:#3b3b3b; position: relative;   z-index:999999999999;}

.hd_bg { background:#fff!important; }

/**********************************

/* PC (해상도 1200px이상)*/ 
@media all and (min-width:1201px) { 
#wrap {	width: 100%; min-width: 1200px;  rgba(15, 40, 63, 0.4); 10; position: relative; margin: 0 auto; padding: 0;  z-index:2; }
#header { height: 170px; width: 100%; background: rgba(10, 35, 59, 0.75); position:fixed; z-index:999999999999; }
#header h1 { display:inline-block; width:280px; height:174px; background:url(images/top_logo.png) no-repeat left 88px; cursor:pointer; text-indent:-9999px; position:absolute; top:0px; left:0; }



#nav {  width: 1200px; height:100px; margin:0 auto; position:relative; }
#nav nav { position:absolute; top:90px; right:10px; line-height:1.0; height:174px;}
#nav nav li { display:inline-block; float:left; margin-right:100px;}
#nav nav li:last-child { margin-right:0; }
#nav .top_nav {
    color: #FFF; padding: 12px 0;  text-align: center; display:inline-block; cursor:pointer;
	font-family:Noto Sans KR; font-size:20px; font-weight:300; box-sizing:border-box; height:70px;  letter-spacing:2px;transition: 0.3s;
}

#nav a:hover .top_nav, #nav a.active .top_nav { color:  #48f3e3;}

.nav_bar{
	height:100px; /*background:#00a7ac;*/ }

#header02 { height:150px; width: 100%; background: rgba(10, 35, 59, 0.75); position:relative; z-index:999999999999;}


#header02 h1.logo{ display:inline-block; width:280px; height:174px; background:url(images/top_logo02.png) no-repeat left 88px; cursor:pointer; text-indent:-9999px; position:absolute; top:0px; left:0; }


#nav02 {  width: 1200px; height:170px; margin:0 auto; position:relative; }
#nav02 nav { position:absolute; top:90px; right:10px; line-height:1.0; height:174px;}
#nav02 nav li { display:inline-block; float:left; margin-right:100px;}
#nav02 nav li:last-child { margin-right:0; }
#nav02 .top_nav {
    color: #444; padding: 12px 0;  text-align: center; display:inline-block; cursor:pointer;
	font-family:Noto Sans KR; font-size:20px; font-weight:500; box-sizing:border-box; height:70px;  letter-spacing:2px;transition: 0.3s;}

#nav02 a:hover .top_nav, #nav02 a.active .top_nav { color:  #00a7ac;}



}


/* Mobile(모바일)*/
@media all and   (max-width:1200px) { 
#wrap {	width: 100%; min-width: 320px;  background: rgba(15, 40, 63, 0.4);  position: relative; margin: 0 auto; padding: 0;  z-index:2;}
#header { height: 130px; width: 100%; background: rgba(10, 35, 59, 0.75); position:fixed; z-index:999999999999;}

#header h1 { width:100%; height:80px; background:url(images/top_logo_m.png) no-repeat center 30px; cursor:pointer; text-indent:-9999px; position:absolute; top:0px; left:0;}


#nav { width: 100% ; height:100px; margin:0 auto; position:relative; }
#nav nav { position:absolute; top:80px; left:50%; margin-left:-170px;  line-height:1.0; height:50px; }
#nav nav li { display:inline-block; float:left;margin-right:20px;}
#nav nav li:last-child { margin-right:0;}
#nav .top_nav {
    color: #FFF; padding: 12px 0;  text-align: center; display:inline-block; cursor:pointer;
	font-family:Noto Sans KR; font-size:17px; font-weight:300; box-sizing:border-box; height:50px;  letter-spacing:2px;transition: 0.3s; }

#nav a:hover .top_nav, #nav a.active .top_nav { color:  #48f3e3;}

.nav_bar{
	height:100px; /*background:#00a7ac;*/
}

#header02 h1.logo{ width:100%; height:80px; background:url(images/top_logo02_m.png) no-repeat center 30px; cursor:pointer; text-indent:-9999px; position:absolute; top:0px; left:0px;}

#nav02 {  width: 100% ; height:130px; margin:0 auto; position:relative;}
#nav02 nav { position:absolute; top:80px; left:50%; margin-left:-170px;  line-height:1.0;height:50px;}
#nav02 nav li { display:inline-block; float:left;margin-right:20px;}
#nav02 nav li:last-child { margin-right:0; }
#nav02 .top_nav {
    color: #444; padding: 12px 0;  text-align: center; display:inline-block; cursor:pointer;
	font-family:Noto Sans KR; font-size:17px; font-weight:300; box-sizing:border-box; height:50px;  letter-spacing:2px;transition: 0.3s; }

#nav02 a:hover .top_nav, #nav02 a.active .top_nav { color:  #00a7ac;}




}




*************************/







.btn_toplink:hover  { color:#e24912; }
.top_link ul { list-style:none; }
.top_link li { display:ins padding-right:0; border-right:0; }

.btn_vn { display:inline-block !important;  width:31px; height:22px; border:0; background:url(images/top_vn.png) no-repeat left top;;  cursor:pointer; text-indent:-9999px; }
.btn_eng { display:inline-block !important;  width:31px; height:22px; border:0; background:url(images/top_eng.png) no-repeat left top;;  cursor:pointer; text-indent:-9999px;}

#main { width: 100%; display:table; background:#144646;}
#main div.target { width:100%; min-height: 750px; font-size:16pt; box-sizing:border-box; line-height:1.0;  }
#main .inner { display:block; max-width:1200px; box-sizing:border-box; margin:0 auto; line-height:1.0;  position:relative; top:0px; min-height:600px; padding:55px 50px 50px 50px; z-index:9999;}



@media all and   (max-width:1200px) { 
#main div.target { width:100%; min-height: 750px; font-size:16pt; box-sizing:border-box; line-height:1.0;  }
#main .inner { display:block; box-sizing:border-box; margin:0 auto; line-height:1.0;  position:relative; top:0px; min-height:600px; padding:55px 50px 50px 50px; z-index:9999;}

}


.bottom { display:block; max-width:1200px; margin:0 auto; font-size:16px; color:#b8b8b8; text-align:left; line-height:1.5; font-weight:400; font-family:Noto Sans KR; position:relative; }
.bottom_info { width:100%; display:inline-block; height:16px; position:absolute; left:0; top:0; } 
.bottom_info p { display:inline-block; width:400px; height:54px; background:url(images/bottom_logo.png) no-repeat; text-indent:-9999px; position:absolute; top:62px; left:0;}
.bottom_info ul { display:inline-block; position:absolute; top:20px; left:80px; }
.bottom_info li { display:inline-block; float:left; height:13px; border-right:solid 1px #ddd; padding:0 10px;line-height:1.0; }
.bottom_info li:last-child { margin-right:0; border-right:0; padding-right:10px; }
.bottom_info a { font-size:20px; font-family:Noto Sans KR; color:#b8b8b8; font-weight:500; line-height:1.0; cursor:pointer; }
.bottom_address { display:block; width:100%; position:absolute; top:62px; left:450px; }
.bottom_address span{ display:inline-block;  margin-left:70px;}

#footer .txbold { margin-right:5px; }

.bottom_copy { display:inline-block; height:16px; padding-top:2px; font-size:12px; }





/* Mobile(모바일)*/
@media all and   (max-width:1200px) { 
.bottom { display:block; width:100%; margin:0 auto; font-size:14px; color:#b8b8b8; text-align:center; line-height:1.5; font-weight:300; font-family:Noto Sans KR; position:relative; }
.bottom_info { width:100%; display:inline-block; height:16px; position:absolute; left:0; top:0; } 
.bottom_info p { display:block; width:100%; height:28px; background:url(images/bottom_logo_m.png) no-repeat center top; text-indent:-9999px; position:absolute; top:20px;}
.bottom_address { display:block; width:100%; position:relative; top:62px; left:0px; text-align:center; }
.bottom_address span{ display:inline-block;  margin-left:0; margin-right:20px; text-align:center; }
.bottom_address span:last-child { margin-right:0; }

 #footer .txbold { margin-right:5px; }

.bottom_copy { display:block; height:16px; padding-top:4px; font-size:12px; text-align:center; }






}


#myBtn {
  display: none;
  position: fixed;
  bottom: 53px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: solid 1px #ccc;
  background-color: #fff;
  color: #545454;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #fff;
}

.family_select { display:inline-block; position:absolute; right:0; top:60px;  }
.family_select .title_select { display:inline-block; font-size:16px; padding-right:8px; font-weight:500; color:#979797; }

@media all and   (max-width:1200px) { 
.family_select { display:none;}
}


/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #999 transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #ddd transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  color: #666;
  padding: 7px 16px;
  border: 1px solid #ddd;
  border-bottom:none;
  cursor: pointer;
  user-select: none;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color:#fff;
  top: -200%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover {
  background-color: rgba(0, 0, 0, 0.1);
}