@charset "utf-8";
/* CSS Document */
* { padding: 0; margin: 0; }
		.mb10 { margin-bottom: 10px; }
		.mb15 { margin-bottom: 15px; }
		.mb20 { margin-bottom: 20px; }
		.mb25 { margin-bottom: 25px; }
		.mb30 { margin-bottom: 30px; }
		.mb35 { margin-bottom: 35px; }
		.mb40 { margin-bottom: 40px; }
		.mb45 { margin-bottom: 45px; }
		.mb50 { margin-bottom: 50px; }
		.mb55 { margin-bottom: 55px; }
		.mb60 { margin-bottom: 60px; }
		.mb65 { margin-bottom: 65px; }
		.mb70 { margin-bottom: 70px; }
		.mb75 { margin-bottom: 75px; }
		.mb80 { margin-bottom: 80px; }
		.mb85 { margin-bottom: 85px; }
		.mb90 { margin-bottom: 90px; }
		.mb95 { margin-bottom: 95px; }
		.mb100 { margin-bottom: 100px; }
		
		.sub_cb { clear: both; }
		img { vertical-align: bottom; }
		.quick { position: fixed; width: 90px; height: 363px; top:50%; right:0px; z-index: 3; transform: translate(0, -50%); }
		.quick img { vertical-align: bottom; }
		.sub { position: relative;  width:100%; }
		.sub .sub_con { padding: 50px 0 70px 0; width:95%; margin: auto; text-align: center;  }
		.sub .sub_con .sub_tit { padding-bottom: 30px; }
		.sub .sub_con .sub_tit img { height: 40px; }
		.sub .sub_con .sub_img { }
		.sub_w100 { width:100%; }
		.sub .sub_con .sub_tap { width:100%; height: 82px; }
		.sub .sub_con .sub_tap ul { width:100%; height: 82px; }
		.sub .sub_con .sub_tap ul li { float: left; width:50%; line-height: 82px; background: #223044; }
		.sub .sub_con .sub_tap ul li a { display: block; width:100%; height: 100%; color:#fff; line-height: 82px; text-align: center; }
		.sub .sub_con .sub_tap .on { background: #ba946b; }
		.sub .sub_con video { width:100%; }
		.m05_con { position: relative; width:100%; margin: auto;  }
		.m05_con img { width:100%; }
		.m05_ban_01 { position: relative; width:100%; margin: auto; margin-bottom: 2%; }
		.m05_con .m05_ban_02 { position: relative; width:100%; margin: auto; margin-bottom: 2%; }
		.m05_con .m05_ban_03 { position: relative; width:100%; margin: auto; }
		.m05_con .m05_nbtn { position: absolute; width: 40px; height: 40px; top:50%; right:60px; transform: translate(0, -50%); }
		.m05_con .m05_kbtn { position: absolute; width: 40px; height: 40px; top:50%; right:10px; transform: translate(0, -50%); }
		a#top_btn { position: fixed; width:50px; height: 50px; border-radius: 50px; line-height: 50px; text-align: center; right: 20px;  bottom: 70px; display: none; z-index: 999; background:#fff; text-decoration: none; color:#223044; border: 1px solid #d7d7d7; font-size: 12px; }
		.sub_youtube {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
		.sub_youtube iframe,
		.sub_youtube object,
		.sub_youtube embed {position:absolute; top:0; left:0; width:100%; height:100%;}
		
/* 공통 */
a { text-decoration: none; }
li { list-style: none; }
header { position:absolute; z-index:20; width:100%; top:0px; overflow: hidden; z-index:1; }
header #header { transition: background 0.3s ease-in; height: 89px; overflow: hidden; }
header:hover #header { background: #fff; transition: background 0.3s ease-in; border-bottom: 1px solid #e5e5e5; box-shadow: 0px 3px 5px  0px rgba(0, 0, 0, 0.2); }
header #header .logo_tit { position: absolute; top:100px; right:250px; visibility: hidden; }
header:hover  #header .logo_tit { visibility: visible; }
header #header .logo_line { opacity: 1; position: absolute; top:88px; left: 0px; width:100%; height: 1px; background: #cccccc; z-index: 99;  }
header #header .header_inner { position: relative; width:100%; max-width: 1200px; margin: auto; }
header #header .header_inner h1 { position: absolute; top:27px; left: 0px;  width:215px; font-size: 0; }
header #header .header_inner h1 a { opacity: 1; }
header #header .header_inner h2 { position: absolute; top:27px; right: 0px;  width:214px; font-size: 0; }
header #header .header_inner .logo_off { display: block; }
header #header .header_inner .logo_on { display: none; }
header #header .header_inner a { color:#223044; opacity: 0.6; transition: opacity 0.3s ease-in; font-size: 18px;}
header #header .header_inner a:hover { color:#223044; opacity: 1; font-weight: bold; transition: opacity 0.3s ease-in; }
header:hover #header .header_inner a { color:#223044; transition: opacity 0.3s ease-in; }
header:hover #header .header_inner .logo_off { display: none; }
header:hover #header .header_inner .logo_on { display: block; }
header #header .header_inner #nav .gnbSec { position: absolute; top:0; left: 265px; display: flex; }
header #header .header_inner #nav .gnbSec div { width:132px; text-align: center; }
header #header .header_inner #nav .gnbSec p { line-height: 88px; height: 88px; box-sizing: border-box; }
		header #header .header_inner #nav .gnbSec p a { display: block; width:100%; height: 100%; }
header #header .header_inner #nav .gnbSec p:hover { border-bottom: 4px solid #ba946b; box-sizing: border-box; }
header #header .header_inner #nav .gnbSec .sub-menu-in { padding-top: 30px; }
header #header .header_inner #nav .gnbSec .sub-menu-in a { font-size:16px; line-height: 28px; color:#666666; }
header .nt_stel { position: absolute; top:0; right: 0; width:385px; height: 96px; background: url(../../../img/main_v_r.jpg) top no-repeat; transition: background 0.3s ease-out; }
header #header .header_inner #nav .gnbSec .sub-menu-in a:hover { color:#ba946b; }
header:hover .nt_stel { background: #fff; transition: background 0.3s ease-out;  }
header:hover .nt_stel a { color:#223044; opacity: 0.6; }
header .main_tel { position: absolute; top:30px; left: 35px; width: 207px; height: 32px; }