@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*//*400 700 800*/
@import url("/trunk/css/import_url/earlyaccess/nanumgothic.css");

#wrap {height:100%; min-width:1004px;}
.top_navi a {cursor:pointer; outline:none; selector-dummy:expression(this.hideFocus=true); }
.top_navi a:hover,a:active,a:focus{text-decoration:none}

.top_navi {font-size:12px; line-height:18px; font-family: '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Arial, 'Apple Gothic', sans-serif; color:#666; font-weight:400;border-bottom: 1px solid #645D5D;}
.top_navi {background:#ffffff; min-width:1004px; z-index:300; position:fixed; left:0; top:0; width:100%;}
.top_navi.sub {position:relative;}
.top_navi h1 {margin-left:20px; height:80px;}
.top_navi h1 a img{ margin-top:20px; }
/* .top_navi h1 a {display:block; width:450px; height:80px; */
/* background:url(/trunk/img/pt/logo_home.png) center no-repeat; */
/* background-position:240px 20px; */
/* } */
.top_navi .edge {position:absolute; top:0; right:10px; *zoom:1;}
.top_navi .edge:after {content:""; clear:both; height:0%; display:block;}
.top_navi ul {float:left; margin-right:50px;}
.top_navi ul li {float:left; padding: 0px 30px;}
.top_navi ul li a {    
  color: rgb(51, 51, 51);
  line-height: 80px;
  font-size: 16px;
  font-weight: 700;
  display: block;}
.top_navi ul li a:hover {color:#666;}
.top_navi p {    padding: 0px 10px;
  border-left-color: rgb(51, 51, 51);
  border-left-width: 1px;
  border-left-style: solid;
  float: left;
  display: block;}
.top_navi p:after {content:""; clear:both; height:0%; display:block;}
.top_navi p a {line-height:80px; display:block; float:left; font-size:13px; color:#333; padding:0 30px;}

@media screen and (max-width:100%) {
.top_navi ul {margin-right:20px;}
.top_navi ul li a {padding:0 10px; font-size:14px;}
.top_navi p {padding:0 20px;}
.top_navi p:after {content:""; clear:both; height:0%; display:block;}
.top_navi p a {padding:0 10px;}
}


/* kim dj add 160203*/
.top_navi_v1 {position:fixed; height: 108px; display:block; width: 100%;  z-index:20; text-align:center;}
.top_navi_v1 a {cursor:pointer; outline:none; selector-dummy:expression(this.hideFocus=true); }
.top_navi_v1 a:hover,a:active,a:focus{text-decoration:none}

.top_navi_v1 {font-size:12px; line-height:18px; font-family: '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Arial, 'Apple Gothic', sans-serif; color:#666; font-weight:400;border-bottom: 1px solid #645D5D;}
.top_navi_v1 {background:#ffffff; min-width:1004px; z-index:300; position:fixed; left:0; top:0; width:100%;}
.top_navi_v1.sub {position:relative;}
.top_navi_v1 h1 {margin-left:20px;}
.top_navi_v1 h1 a {display:block; width:187px; height:80px; background:url(/trunk/img/pt/logo_home.png) center no-repeat;}
.top_navi_v1 h1 a {display:block; width:450px; height:80px;
/* background:url(/trunk/img/pt/logo_home.png) center no-repeat; */
/* background-position:240px 20px; */
}
.top_navi_v1 .edge {position:absolute; top:0; right:10px; *zoom:1;}
.top_navi_v1 .edge { top:0; right:10px; *zoom:1; width: 100%;}
.top_navi_v1 .edge:after {content:""; clear:both; height:0%; display:block;}
.top_navi_v1 .ul_ne_info {float:right;}
.top_navi_v1 .ul_ne_info li {float:right;}
.top_navi_v1 .ul_ne_info li a {line-height:80px; display:block; padding:0 25px; font-size:16px; color:#333; font-weight:700;}
.top_navi_v1 .ul_ne_info li a:hover {color:#666;}

.top_navi_v1 .ul_ne_info_v1 {float:right; }
.top_navi_v1 .ul_ne_info_v1 li {float:right;}
.top_navi_v1 .ul_ne_info_v1 li a {line-height:80px; display:block; padding:0 25px; font-size:16px; color:#333; font-weight:700;}
.top_navi_v1 .ul_ne_info_v1 li a:hover {color:#666;}


.top_navi_v1 p {display:block; float:right;  *zoom:1; padding:0 30px;}
.top_navi_v1 p {display:block; float:right; *zoom:1; padding:0 30px;}
.top_navi_v1 p:after {content:""; clear:both; height:0%; display:block;}
.top_navi_v1 p a {line-height:30px; display:block; float:left; font-size:13px; color:#333; padding:0 30px;}
.top_navi_v1 .dropdown_main{display:block; float:right;  *zoom:1; padding:0 30px;}
.top_navi_v1 .dropdown_main .dropdown_ul{display:block; float:right;  *zoom:1; padding:0 30px;}

.menu_btn { display:none; }
.menu_box { display:none; }

@media screen and (max-width:1350px) {
.top_navi_v1 ul {margin-right:20px;}
.top_navi_v1 ul li a {padding:0 10px; font-size:14px;}
.top_navi_v1 p {padding:0 20px;}
.top_navi_v1 p:after {content:""; clear:both; height:0%; display:block;}
.top_navi_v1 p a {padding:0 10px;}
}

@media screen and (max-width:1200px) {
  #wrap {height:100%;min-width:800px;}
  .top_navi {background:#ffffff; min-width:1004px; z-index:300; position:fixed; left:0; top:0; width:100%;}
  .top_navi ul {float:left; margin-right:20px;}
  .top_navi ul li {padding:0px 10px;}
  .top_navi p a {padding:0 10px;}
  .top_navi p {padding:0 20px;}
  .top_navi_v1 {background:#ffffff; min-width:1004px; z-index:300; position:fixed; left:0; top:0; width:100%;}
  .top_navi ul li a { line-height: 80px; font-size: 14px; font-weight: 400; }
}

@media screen and (max-width:800px) {
  #wrap { height:100%;min-width:370px; }
  .edge { display:none; }
  .logo_h1 { float:left; height:60px;}

  .top_navi { background:#ffffff; min-width:400px; z-index:300; position:fixed; left:0; top:0; width:100%;height:60px; }
  .top_navi h1 a img { margin-top:15px;height:40%; }
  div.menu_btn { display:initial; float: right; height: 100%; line-height: 60px; padding-top:15px; padding-right:20px; }
  div.menu_btn > img { vertical-align: middle;height:40%; opacity: 0.9; cursor:pointer;}
  div.menu_box { position: fixed; top: 0px; right: -100%; opacity: 0; width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; background-color: #FFF; z-index: 999999; }
  div.close_btn { width: 100%; text-align: right; height: 50px; box-sizing: border-box; padding: 0px 10px; line-height: 60px;}
  div.close_btn > img { height: 50%; vertical-align: middle; opacity: 0.9; cursor:pointer; margin-top:15px; margin-right:10px;}

  .menu_box .m_menu { width:90%; margin:10px auto; padding:3%; font-size:18px; font-weight:bold; cursor:pointer;}
  .menu_box .menu_div { text-align:center;}
}