@charset "utf-8";
/* CSS Reset 
*****************************************************/
* {margin:0; padding:0; border:none;}
ol,ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
legend {display:none;}
hr {display:none;}
img {border:0;}

/* Lay-Out 
*****************************************************/
html, body {height:100%;}
body { color:#717171; font-size:12px; line-height:1.5; font-family:sans-serif;}
#mainwrapperAll  {
height:100%;
min-height:900px;
position:absolute;
text-align:center;
width:100%;
}
#wrap {
	margin:0 auto ;  /* the bottom margin is the negative value of the footer's height */
	height: auto !important; height: 100%;  min-width:990px; position:absolute; width:100%;  
}
* html #wrap {margin:0;}
*:first-child+html #wrap {margin:0;}


*:first-child+html #sub_wrap {margin:0;}

#header {height:258px; text-align:center; width:100%; position:relative; top:0; left:0; background: url(../img/sub.jpg) center top no-repeat;}


#container {margin:0 auto; position:relative; width:900px; min-height:100%;}

#lnb { width:198px; height:100%; text-align:center; position:absolute; top:0; left:0; padding-top: 40px; padding-left: 28px; box-sizing: border-box;}
#cntArea { margin:0 0 0 198px; padding:0 0 0; min-height:200px; position:relative; width:702px;}
* html #cntArea {height:200px;}

.cnt_policy{ margin:0; position:relative; width:650px;}
#cnt_policy p {  padding-left:13px; padding-top:10px;}
#text2 {font-size:14px; color:#0c355a;}

h1 {left:-1000px; position:absolute; top:-1000px;}
#titArea {height:53px;width:709px; padding:4px 0 0 1px; vertical-align:top;}
#titArea h2 {float:left;}
.loc { text-align:right; height:12px;width:710px; padding-top:18px; vertical-align:top;color:#aaaaaa; font-size:11px;}
.loc a {background:url(/images/ico_loc.gif) no-repeat right 3px; padding:0 5px 0 4px; color:#aaaaaa;}
.loc a:link, .loc a:visited {color:#aaaaaa; text-decoration:none;}
.loc a:hover, .loc a:active {color:#aaaaaa; text-decoration:none;}

.loc img {vertical-align:middle;}
.loc strong { color:#a6c847;padding-left:4px;}
#content {padding-bottom:50px; width:710px;}
#quick {position:absolute; padding-top:70px; right:0; left:900px;}
.footerCl {height:168px; clear:both;}/* .push must be the same height as .footer */
#footer {margin:0 auto; height:163px; width:100%; z-index:10; text-align:center; position:absolute; left:0; bottom:0;}
.footer_container {margin:0 auto; width:994px; background-color:#FFF; height:163px;}
.footer_container p {padding-top:13px;}

/* Common
*****************************************************/
a:link, a:visited {color:#666666; text-decoration:none;}
a:hover, a:active {color:#666666; text-decoration:none;}


.cl {clear:both;}
.cnt {text-align:center;}
.widgetcnt {text-align:center;}
.right {text-align:right;}
.flt_left {float:left;}
.flt_right {float:right;}

/* form */
select, input {font-family:돋움; font-size:12px; color:#666666;}
input, textarea {border:#e5e5e5 solid 1px;}
.policy_wrap { background-color:#f8f8f8; border:#f0f0f0 solid 1px; margin:0 74px 0 48px; width:606px;}
.policy_wrap p {padding:15px;}
.email_wrap { background-color:#f8f8f8; border:#f0f0f0 solid 1px; margin:0 74px 0 48px; width:606px; height:250px;}
.email_wrap p {padding:15px;}
.mt10 {margin-top:10px;}
.mt75 {margin-top:75px;}

#email_form {width:440px;}
#email_form h2 {margin-bottom:44px;}
#email_form table {margin:0 auto; width:396px;}
#email_form table th {text-align:right;}
#email_form table td {padding-left:10px;}
#email_form table th, #email_form table td {padding-top:7px; padding-bottom:10px;}
#email_form table th.end {text-align:left; padding-left:25px;}
#email_form table td input {width:110px; padding:0 10px;}
#email_form table td textarea {width:386px; padding:10px; height:287px;}
#email_form .btn {margin-top:20px; text-align:center;}

.pop_map{ position:absolute; top:100px; left:271px; display:none;}

.png24 {
  tmp:expression(setPng24(this));
}

/*main*/
.main_header{width: 900px; margin: 0 auto; position: relative;}
.main_header > h2{width: 94px; height: 41px; padding: 20px 0 0 21px;}
.main_header > h2 > a{width: 100%;}
.main_header .gnb{width: auto; position: absolute; right: 16px; top: 37px; z-index: 10000;}
.main_header .top_navi{width: auto; position: absolute; right: 25px; top: 10px; z-index: 10000;}
.main_header .top_navi > ul{width: auto; font-size: 0;}
.main_header .top_navi > ul > li{font-size: 11px; display: inline-block; padding: 0 7px; background: url(../img/bar.jpg) left no-repeat ;}
.main_header .top_navi > ul > li:first-child{background: none;}
.dropbtn {font-size: 13px; border: none; background: url(../img/bar.jpg) left no-repeat; padding: 0 15px; cursor: pointer; outline: 0; }
.dropbtn.nobd{background: none;}
  
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	font-size: 0;
	padding-top:13px;
	z-index: 1000000;
  }
  
  .dropdown-content a {
	color: #fff;
	padding: 6px 14px;
	text-decoration: none;
	display: inline-block;
	background-color: #0055b8;
	font-size: 12px;
  }
  
  .dropdown-content a:hover {color: #fa1212; font-weight: bold;}
  
  .dropdown:hover .dropdown-content {display: block;}
  
  .dropdown:hover .dropbtn {color: #3762ab;}
  
  .main_content{width: 100%;}
  .main_content .main_img{width: 100%; height: 439px;overflow: hidden;}
  .main_content .main_img .img_fade{width: 100%; }
  .main_content .main_img .img_fade .bg_img1{width: 100%; background: url(../img/main_img.jpg) center top no-repeat; height: 439px; background-size: cover;}
  .main_content .main_img .img_fade .bg_img2{width: 100%; background: url(../img/main2_img.png) center top no-repeat; height: 439px; background-size: cover;}
  .main_content .main_sub_cont{width: 942px; height: 242px; background: url(../img/main_sub.jpg) no-repeat; margin: 0 auto; display: table;}
  .main_content .main_sub_cont.en{width: 942px; height: 242px; background: url(../img/main_sub_en.jpg) no-repeat; margin: 0 auto; display: table;}
  .main_content .main_sub_cont .main_c_01{display: table-cell; width: 330px; vertical-align: top;}
  .main_content .main_sub_cont .main_c_01 .sw_map{width: 293px; height: 118px; margin: 76px 0 0 10px;}
  .main_content .main_sub_cont .main_c_02{display: table-cell;}
  .main_content .main_sub_cont .main_c_02 > a{width: 100%; height: 100%; display: block;}
  .main_content .main_sub_cont .main_c_03{display: table-cell; width: 313px; vertical-align: top;}
  .main_content .main_sub_cont .main_c_03 .img_box{width: 291px; font-size: 0; margin: 61px 0 0 15px;}
  .main_content .main_sub_cont .main_c_03 .img_box > a{display: inline-block;}

  .swiper-container {
	width: 100%;
	height: 100%;
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, 0.2);
  }

  .swiper-pagination-bullet-active {
	color: #fff;
	background: #007aff;
  }

  #lnb .menu_ar{width: 150px;}
  #lnb .menu_ar > h3{padding: 0px 0 7px; border-bottom: 2px solid #005bab; text-align: left;}
  #lnb .menu_ar > h3 > strong{font-size: 16px; font-weight: bold; color: #484848; display: inline-block;}
  #lnb .menu_ar > h3 > span{font-size: 11px; padding-left: 5px; color: #484848; display: inline-block;}
  #lnb .menu_ar > ul{width: 100%; box-sizing: border-box; padding-top: 10px;}
  #lnb .menu_ar > ul > li{ padding: 5px; font-size: 12px; border-bottom: 1px solid #e4e4e4; text-align: left;}
  #lnb .menu_ar > ul > li > a{padding-left: 5px;}
  #lnb .menu_ar > ul > li > a:hover{padding-left: 15px; background: url(../img/dot.jpg) 5px center  no-repeat; color: #075fae; font-weight: bold;}
  #lnb .menu_ar > ul > li.on > a{padding-left: 15px; background: url(../img/dot.jpg) 5px center  no-repeat; color: #075fae; font-weight: bold;}
  #lnb .menu_ar > ul > li.on{color: #075fae; font-weight: bold;}
  .footer{text-align: center;}
  .img_link{margin-top: 80px;}