@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif;}

@font-face { 
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight:normal;
	src: url('../fonts/NanumBarunGothic.eot');
	src: url('../fonts/NanumBarunGothic.eot') format('embedded-opentype'),
	url('../fonts/NanumBarunGothic.woff') format('woff');
}
@font-face { 
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight:bold;
	src: url('../fonts/NanumBarunGothicBold.eot');
	src: url('../fonts/NanumBarunGothicBold.eot') format('embedded-opentype'),
	url('../fonts/NanumBarunGothicBold.woff') format('woff');
}


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumGothic.eot');
  src: url('../fonts/NanumGothic.eot') format('embedded-opentype'),
  url('../fonts/NanumGothic.woff') format('woff');
}



* {margin:0;padding:0; font-family:arial, "나눔고딕", NanumGothic}

body, table, tr, td, select, textarea { font-size:15px; color:#505050; line-height:24px;}

input { font-size:12px; color:#707070; }

em,cite,address,dfn,var,h4,h5,h6 {font-style:normal; }

dl,ul,ol,li{ list-style:none; margin-left:0px;}

input, textarea, file { font-size:15px; vertical-align:middle; padding:1px;}

select, label { font-size:12px; vertical-align:middle;  }


a { text-decoration:none; color:#686868; font-size:15px;}

a:hover, a:active { /*text-decoration:underline;*/ text-decoration:none; color:#136eb4;}

/* For Screen Reader 해당 폼양식의 설명*/
legend { position:absolute; top:0px; left:0px; width:0px; height:0px; overflow:hidden; visibility:hidden; font-size:0px; line-height:0;} 


/* 테이블기본셋팅 */
table { border-collapse:collapse; border-spacing:0; }


/* 이미지 테두리0 */
img { border:0; vertical-align:middle; }

/* 폼테그 그룹화, 폼양식 설명 태그 선언*/
fieldset { border:0px;}


table th img { *padding:0 0 1px 0 !important;}


#wrap{position:relative; width:100%; min-width:1000px; overflow: hidden;}
#header	{position:relative; clear:both; width:100%; height:107px; background:#fff; border-bottom:3px solid #005b81;}
#contents{ position:relative; clear:both; width:100%;  background:#fff;}
#footer{position:relative; clear:both; width:100%; height:300px; background:#005b81;}



#header	h1{padding:15px 0px 0 0;}

.navi_wrap{position:relative; clear:both; width:1000px; margin:0 auto;}



#gnb {position:absolute; top:60px; right:0px; z-index:90005; }
#gnb li { float:left; display:inline; }



.img_sub {
  color: #ffffff;
  display: table;
  height: 200px;
  width: 100%;
  background: url(../images/img_06.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img_sub2 {
  color: #ffffff;
  display: table;
  height: 200px;
  width: 100%;
  background: url(../images/img_07.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img_sub3 {
  color: #ffffff;
  display: table;
  height: 200px;
  width: 100%;
  background: url(../images/img_08.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#con_wrap{position:relative; clear:both; width:1000px; background:#fff; margin:0 auto; }
#con_wrap h1{padding: 0px 0 0px 20px; margin:50px 0 0px 0px; font-size:30px; font-weight: 400; color: #000; font-family:arial, "나눔바른고딕", NanumBarunGothic;}

p.sub_navi{position:absolute; right:10px; top:10px;  font-size:12px;}
p.sub_navi span{color:#000; font-size:12px; font-weight:600;}
p.sub_navi a{font-size:12px;}

#sub_nav_wrap{ position:relative; float:left; width:1000px; margin:20px 0 30px 0px;}


table.area{ border:1px solid #ccc;}
table.area td { cursor:pointer; padding:15px 0 15px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; font-size:19px; color:#000; font-weight:400; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
table.area td:hover { background:#005b81; color:#fff;}
table.area td.bg {background:#005b81; color:#fff;}

#sub_wrap{ float:left; width:1000px; margin:20px 0 150px 0px;}

/*#sub_wrap span{ float:left; width:1000px; font-size:26px; font-weight:400; color:#f86a02; padding:0px 0px 30px 0px; text-align:center;  font-family:arial, "나눔바른고딕", NanumBarunGothic;}*/


.sub_text_01{ float:left; width:1000px; font-size:35px; font-weight:500; color:#054c98; padding:20px 0px 20px 0px; text-align:center; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.sub_text_01-1{ float:left; width:1000px; font-size:20px; font-weight:500; color:#555; padding:0px 0px 50px 0px; text-align:center;}
.sub_text_01-2{ float:left; width:1000px; font-size:35px; font-weight:500; color:#054c98; padding:70px 0px 20px 0px; text-align:center; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.sub_text_01-3{ float:left; width:1000px; font-size:23px; font-weight:500; color:#555; padding:0px 0px 20px 0px; text-align:center;}
.sub_text_02{ position:relative; float:right; font-size:17px; font-weight:500; color:#000; padding:30px 20px 0px 0px;}
.sub_text_03{ float:left; width:1000px; font-size:35px; font-weight:500; color:#054c98; padding:30px 0px 20px 0px; text-align:center; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.sub_text_04{ float:left; width:1000px; font-size:16px; font-weight:500; color:#777; padding:0px 0px 20px 0px; text-align:center;  line-height:24px;}
.sub_text_05{ float:left; width:1000px; margin:20px 0px 90px 0px; text-align:center;}

.sub_text_06{ float:left; width:1000px; font-size:25px; font-weight:500; color:#000; padding:0px 0px 20px 0px; }
.sub_text_07{ float:left; width:1000px; font-size:16px; font-weight:400; color:#777; padding:0px 0px 20px 0px;  line-height:24px;}

.sub_text_08{ float:left; width:1000px; font-size:35px; font-weight:500; color:#054c98; padding:120px 0px 30px 0px; text-align:center; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.sub_text_08-1{ float:left; width:1000px; height:100px; font-size:18px; font-weight:400; color:#777; padding:0px 0px 20px 0px; text-align:center; line-height:35px;}

.sub_text_09{position:absolute; right:10px; top:260px;  font-size:12px;}


table.company_info{float:left; border:1px solid #ccc; }
table.company_info td { padding:12px 0 12px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; font-size:16px; color:#555; font-weight:500;}
table.company_info td.left {padding:12px 0 12px 50px; text-align:left;}
table.company_info td.bg {background:#f9f9f9;}



.won{ float:left; width:110px; height:87px; background:url(../images/won.png) no-repeat; padding:90px 0px 0px 30px; margin:0px 0 0px 20px; text-align:center; font-size:35px; color:#005b81; font-weight:600;}
.won span{ font-size:15px; color:#999; font-weight:500; line-height:30px;}
.won_text{ float:left; width:790px; font-weight:500; line-height:30px; padding:0px 0px 40px 50px;}
.won_text span{ float:left; font-size:15px; color:#999;  font-weight:500; }

.map{ position:relative; float:left;  margin:50px 0 0px 0px; }

hr.line{ border-top:1px solid #ccc;  margin:0px 0 40px 0px;}


.tabberlive .tabbertabhide {
 display:none;
}


ul.tabbernav
{
 margin:30px 0 0 0;
 padding: 9px 0 9px 0;
 border-bottom: 1px solid #ccc;
 font-weight:500; 
 font-size:14px; 
 font-family:"나눔고딕", NanumGothic;
}


ul.tabbertabdefault{}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 15px 50px 13px 50px;
 margin-left: 0px;
 margin-right: 2px;
 border: 1px solid #ccc;
 border-bottom: none;
 background: #f0f0f0;
 text-decoration: none;
 font-size:16px;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #ccc;
 border-color: #ccc;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

.tabberlive .tabbertab {
 padding:30px 0px 0px 0px;
 border-top:0;
}

.tabberlive .tabbertab h2 {
 display:none; 
}


#p_tx{position:relative; float:left; width:100%;}


.sum_view {position:relative; float:left; width:100%;  display:block; margin:0px 0px 50px 0px;}

.view_img {position:relative; float:left; width:250px; height:210px; display:block; border:1px solid #ccc; padding:40px 0 0px 0px; margin:0px 30px 0px 0px; text-align: center;}

.stit_view_text {position:relative; float:left; width:718px; display:block; margin:0px 0px 0px 0px;}



table.product_info{float:left; border-top:1px solid #ccc; }
table.product_info td { border-bottom:1px solid #ccc; padding:2px 0 2px 30px; font-size:12px; color:#555; font-weight:500;}
table.product_info td.line { border-right:1px solid #ccc;}
table.product_info td.title { font-size:18px; color:#000; font-weight:600; padding:12px 0 10px 30px;}
table.product_info td.bg {background:#f9f9f9;}



.box{ position:relative; float:left; width:1000px; display:block; border-bottom:1px solid #ccc; }
.box_img{ float:left; width:320px; padding:20px 50px 20px 0px;}
.box_btext {float:left; width:630px; padding:25px 0px 0px 0px;}
.box_btext a{ font-size:22px; color:#000; font-weight:500; }
.box_btext a:hover{color:#f68307;}
.box_stext{float:left; width:630px; padding:10px 0px 0px 0px;  font-size:14px; color:#777; font-weight:500; }
.box_stext span{ font-size:14px; color:#000; font-weight:500; }

table.stext{ float:left;}
table.stext td { padding:5px 0 0px 10px; font-size:13px; color:#777; font-weight:400;}
table.stext td.bold { padding:5px 0 0px 0px; font-size:14px; color:#000; font-weight:500;}


#qq{ position:relative; float:left; width:1000px; text-align:center; margin:30px 0 0px 0px;}
#qq span { vertical-align:middle; margin:0 5px 5px;}
#qq span a { padding:0 2px 0 2px; orphans:#424242; font-family:Tahoma, Geneva, sans-serif;}
#qq span a:hover { color:#fb8716;  text-decoration:none;}
#qq span a.active { color:#fb8716; text-decoration:none;}



.box_01{position:relative; clear:both; width:100%; height:500px; margin:40px 0 0px 0px; background:#fff;}
.box_02{position:relative; clear:both; width:100%; height:500px; margin:40px 0 0px 0px; background:#fff;}
.box_03{position:relative; clear:both; width:100%; height:170px; margin:40px 0 0px 0px; background:#005b81;}

#c_middle { position:relative; width:1000px;  clear:both; background:#fff; margin:0 auto; padding:30px 0px 0px 0px;}
#sum_01{position:relative; float:left;  display:block; width:300px; padding:0px; margin:0px 50px 30px 0px; }
#sum_02{position:relative; float:right;  display:block; width:300px; padding:0px; margin:0px 0px 30px 0px; }

.sum_text { width:330px; padding:20px 0px 0px 0px; font-size:15px; font-weight:500;}
.sum_text span{ padding:0px 0px 0px 0px;}

.list_btn {width:1000px; margin:0px 0px 0px 0px; text-align: center;}


#footer_wrap{position:relative; clear:both; width:1000px; margin:0 auto;}

#f_navi{ position:relative; float:left; width:200px; height:120px; display:block; margin:30px 0 20px 0px; border-bottom:1px solid #738fae;  padding:0px 0px 40px 0px;}
#f_navi li{ float:left; width:200px;  height:22px; display:block; color:#abb1c4; font-size:18px; font-weight:500; padding:0px 0px 5px 0px;}
#f_navi li a{ float:left; color:#9caec2; font-size:14px; font-weight:500;}
#f_navi li a:hover, a:active { /*text-decoration:underline;*/ text-decoration:none; color:#c4b48c; font-weight:500;}
#f_navi li.tcolor{ float:left; width:200px;  height:25px; display:block; color:#fff; font-size:16px; color:#e97208;}


.copy_ci{position:relative; float:left; padding:0px 20px 0px 0px; }
.copy{float:left; padding:8px 0px 0px 0px; line-height:20px; color:#9caec2; font-size:14px; font-weight: 500;}







.vert-text { display: table-cell; vertical-align: middle; text-align: center; }
.vert-text h1 {padding: 0px 0 0px 0;; margin: 0px 0 0px 0; font-size: 32px; font-weight: 400; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text h3 {padding: 0px 0 10px 0; margin: 0; font-size: 16px; font-weight: 400; color: #ccc;}


.vert-text_01 { display: table-cell;  text-align: center; }
.vert-text_01 h1 { padding: 0; margin: 0px 0 0 0; font-size: 40px; font-weight: 400; line-height:60px; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text_01 h3 {padding: 5px 0 0 0; margin: 180px 0 0 0; font-size: 17px; font-weight: 400; color: #fff;}
.vert-text_01 h3 span{font-size: 25px; font-weight: 400; padding: 0px 0 0 10px; color: #fff; font-family:arial, "나눔바른고딕", NanumBarunGothic;}


.vert-text_02 { text-align: center; }
.vert-text_02 h1 { padding:0px 0px; margin:0px 0 0 0; font-size: 35px; font-weight: 400; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text_02 h3 { padding: 10px 0 0 0; margin:0 0 50px 0; font-size: 18px; font-weight: 400; color: #777;}


.vert-text_03 { text-align: center; background:#c9dae5;}
.vert-text_03 h1 { padding:0px 0px; margin:0px 0 0 0; font-size: 35px; font-weight: 400; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text_03 h3 { padding: 10px 0 0 0; margin:0 0 50px 0; font-size: 18px; font-weight: 400; color: #777;}


.vert-text_04 { display: block;  text-align: center; margin: 190px 0 0 0;}




/* 버튼 */
.dl-menuwrapper1 button { position:relative; padding:7px 10px 7px 10px; font-size: 12px; font-weight:400; color:#fff; cursor:pointer; outline:none; background:#005b81; border:none;}
.dl-menuwrapper1 button:hover,
.dl-menuwrapper1 button.dl-active,
.dl-menuwrapper1 ul { background:#000; color: #fff;}


.dl-menuwrapper2 button { position:relative; padding:5px 10px 5px 10px; margin:0px 10px 0 0; font-size: 12px; font-weight:500; color:#fff; cursor:pointer; outline:none; background:#f68307; border:none;}
.dl-menuwrapper2 button:hover,
.dl-menuwrapper2 button.dl-active,
.dl-menuwrapper2 ul { background:#000; color: #fff;}


.dl-menuwrapper3 button { position:relative; padding:5px 10px 5px 10px; font-size: 12px; font-weight:400; color:#fff; cursor:pointer; outline:none; background:#1e79c6; border:none;}
.dl-menuwrapper3 button:hover,
.dl-menuwrapper3 button.dl-active,
.dl-menuwrapper3 ul { background:#000; color: #fff;}


.dl-menuwrapper4 button { position:relative; width:50px;  margin:0px 10px 0 0; height:23px; font-size: 12px; font-weight:500; color:#fff; cursor:pointer; outline:none; background:#f68307; border:none;}
.dl-menuwrapper4 button:hover,
.dl-menuwrapper4 button.dl-active,
.dl-menuwrapper4 ul { background:#000; color: #fff;}


.dl-menuwrapper5 button { position:relative; padding:10px 20px 10px 20px; font-size: 15px; font-weight:500; color:#fff; cursor:pointer; outline:none; background:#005b81; border:none;}
.dl-menuwrapper5 button:hover,
.dl-menuwrapper5 button.dl-active,
.dl-menuwrapper5 ul { background:#000; color: #fff;}


.dl-menuwrapper6 button { position:relative; width:90px; height:33px; font-weight:500; color:#fff; font-size:14px; cursor:pointer; outline:none; background:#054c98; border:1px solid #000;}
.dl-menuwrapper6 button:hover,
.dl-menuwrapper6 button.dl-active,
.dl-menuwrapper6 ul { background:#000; color: #fff;}


.dl-menuwrapper7 button { position:relative; float:right; width:70px; height:24px; margin:0px 10px 0 0; font-size: 12px; font-weight:500; color:#fff; cursor:pointer; outline:none; background:#f68307; border:none;}
.dl-menuwrapper7 button:hover,
.dl-menuwrapper7 button.dl-active,
.dl-menuwrapper7 ul { background:#000; color: #fff;}


 /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssora061 {display:block;position:absolute;cursor:pointer;}
        .jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
        .jssora061:hover {opacity:.8;}
        .jssora061.jssora061dn {opacity:.5;}
        .jssora061.jssora061ds {opacity:.3;pointer-events:none;}