/* layout */
#wrapper { width:100%;}
#header {width:100%;min-width:1100px;height:126px; }

#header #util{width:1100px; height:76px;position:relative;margin:0 auto;}


#header #util ul.utilmenu { position: absolute; right: 12px; top: 43px; }
#header #util ul.utilmenu li { float: left; padding: 0px 11px;  background: url('../../images/common/gnb_dot.jpg') 0px 3px no-repeat; }
#header #util ul.utilmenu li:first-child { padding-left: 0; margin-left: 0; background: none; }
#header #util ul.utilmenu li:last-child { padding-right: 0; }
#header #util ul.utilmenu li a { font-size: 13px; color: #777; }
#header #util h1{position:absolute;z-index:1000;top:17px;left:4px; }

/* navi */
#head_navi{width:100%;height:49px;position:relative;margin:0 auto;border-top:1px solid #ddd;}
#head_navi div.navi { position: relative; margin: 0 auto; width: 1100px; height: 49px; border-left:1px solid #ddd;}



ul.gnb {position: absolute; left: 0px; top: 0px; width: 1100px;}
ul.gnb li {float: left; border-right:1px solid #ddd;letter-spacing: -1px; }
ul.gnb li:first-child { margin-left: 0px; }
ul.gnb li:last-child { display: block; font-weight:700;font-size: 17px; background:#f3f3f3;height: 50px;line-height: 50px;width:197px;text-align:center;border-right:1px solid #ddd;}
ul.gnb li a {padding: 0px 52px; display: block;font-size: 17px; color: #333;  height: 50px;line-height: 50px;font-weight:700;}
ul.gnb li a.last {display: block;color: black;text-align: center;padding: 0px;text-decoration: none;font-size: 17px;height:40px;}
ul.gnb li a.last.on { background:#be251b;color:#fff;height: 50px;}
ul.gnb li a.last:hover { background:#be251b;color:#fff;height: 50px;}

ul.gnb li a:hover {color:#ce1f13;font-weight:600;}
ul.gnb li a.on { border-bottom: 2px solid #db330e; }

.tabcontent {width:100%;min-width:1100px;height:44px;position:absolute;z-index:99;top:126px;overflow:hidden; display: none;background-color: rgba(0,0,0,0.5);-webkit-transition:all 0.3s ease;}

.tabcontent #sub_1,#sub_2,#sub_3,#sub_4,#sub_5,#sub_6 {width:1100px;height:50px;margin:0 auto;position:relative;border:0px solid red;-webkit-transition:all 0.3s ease;}
.tabcontent #sub_1 div{position:absolute;left:6px;background:url('../../images/common/gnb_arrow.png') no-repeat;background-position:75px 0px;}
.tabcontent #sub_2 div{position:absolute;left:10px;background:url('../../images/common/gnb_arrow.png') no-repeat;background-position:242px 0px;}
.tabcontent #sub_3 div{position:absolute;left:332px;background:url('../../images/common/gnb_arrow.png') no-repeat;background-position:102px 0px;}
.tabcontent #sub_4 div{position:absolute;left:400px;background:url('../../images/common/gnb_arrow.png') no-repeat;background-position:218px 0px;}
.tabcontent #sub_5 div{position:absolute;left:774px;background:url('../../images/common/gnb_arrow.png') no-repeat;background-position:top center;}

div.tab02 {position:relative;margin:0 auto;}
div.tab02 ul {float:left;}
div.tab02 ul li { float:left; padding:0px 12px;height:44px;line-height:44px;border:0px solid red}
div.tab02 ul li a { color:rgba(255,255,255,0.8);font-size: 14px;font-weight:bold;transition: 0.3s;}
div.tab02 ul li.on a { color:#ffffff; font-weight:bold }
div.tab02 ul:after { content:" "; display:block; clear:both; }

.hide {display:none;}


.animate-opacity{-webkit-animation:opac 0.4s;animation:opac 0.4s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}

.animate-top{position:absolute;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s;}
@-webkit-keyframes animatetop{from{top:104px;opacity:0} to{top:200;opacity:1}}
@keyframes animatetop{from{top:104px;opacity:0} to{top:200;opacity:1}}

#content{width:1100px;min-height:400px;margin:0 auto;padding:0px;}
#contentsub{width:1100px;min-height:520px;margin:0 auto;padding:0px;}

#footerA{width:100%;min-width:1100px;height:170px; background: url('../../images/common/footer_bg.jpg') top left repeat-x;background-color:#454749;color: #c8c8c9;}
#footerA #footer{margin:0 auto; width:1100px;position: relative;color: #c8c8c9 !important;;}
#footerA #footer ul{margin:0 auto; width:1100px;color: #c8c8c9 !important;;}
#footerA #footer ul.foot_util { position: absolute; left: 0px; top: 22px;  }
#footerA #footer ul.foot_util li { float: left; padding: 0px 11px; background: url('../../images/common/footer_dot.jpg') top left no-repeat; }
#footerA #footer ul.foot_util li:first-child { padding-left: 0; margin-left: 0; background: none; }
#footerA #footer ul.foot_util li a { font-size: 14px; color: #fff; }

#footerA #footer ul.foot_info li {position: absolute; left: 0px; top: 50px; font-size: 13px; color: #c8c8c9 !important;padding-top:22px;font-style:normal;line-height:20px;}
#footerA #footer ul.foot_info li.add_info { color: #c8c8c9 !important;}



.dropdown {float:right;margin-top:15px;padding:5px; position: relative;z-index:1000;display: inline-block;width:230px; height:15px;text-align:left;background:url('../../images/common/fam_arrow.png') no-repeat;background-position:95% 50%;background-color: #9d9d9d;color:#fff; font-size: 13px;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown-content {display: none;position: absolute; left:0px; top:25px;background-color: #9d9d9d;width:230px;padding: 5px ;z-index: 1;border-top:1px solid #525456;}
.dropdown-content p{padding:7px 0px;}
.dropdown-content p a {color:#ffffff;display: block;}
.dropdown-content p a:hover {color:#ffffff;}



/* family_site link */
.dropbtn {background-color: #9d9d9d;color: white;font-size:14px;border: none;cursor: pointer;width:240px;font-family:"Nanum Gothic" !important;height:25px;padding:0 0px 0 10px;}
.linksite {position: relative;display: inline-block;text-align:left;color:white;}
.linksite-content {display: none;position: absolute;z-index:1000;background-color: #9d9d9d;min-width:240px;color:white;}
.linksite-content a {color:#ffffff;padding:3px 10px;text-decoration: none;display: block;}
.linksite-content a:hover {background-color: rgba(0,0,0,0.3);color:white;}

.linksite:hover .linksite-content {display: block;}

.linksite button {text-align:left;background:url('../../images/common/fot_arrow.png') no-repeat;background-position:95% 50%;background-color: #9d9d9d;}
.linksite button span{position:absolute; top:5px;right:0px; }



/* 서브상단이미지 */
#subvisual {
	width:100%;min-width:1100px;height:150px;overflow:hidden;
	background: #907664; /* Old browsers */
	background: -moz-linear-gradient(left, #907664 24%, #987f6d 79%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #907664 24%,#987f6d 79%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #907664 24%,#987f6d 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#907664', endColorstr='#987f6d',GradientType=1 );  /* IE6-9 */
	}
#subvisual #sviArea{position: relative;width: 1100px; height:150px;margin:0 auto; overflow:hidden;}
#subvisual #sviArea.img1 {background:url('../../images/common/subimg01.jpg') no-repeat top center;}
#subvisual #sviArea.img2 {background:url('../../images/common/subimg02.jpg') no-repeat top center;}
#subvisual #sviArea.img3 {background:url('../../images/common/subimg03.jpg') no-repeat top center;}
#subvisual #sviArea.img4 {background:url('../../images/common/subimg04.jpg') no-repeat top center;}
#subvisual #sviArea.img5 {background:url('../../images/common/subimg05.jpg') no-repeat top center;}
#subvisual #sviArea.img6 {background:url('../../images/common/subimg06.jpg') no-repeat top center;}
#subvisual #sviArea.img7 {background:url('../../images/common/subimg07.jpg') no-repeat top center;}

#subvisual #sviArea h2 {position: absolute; left:685px; top:44px;font-size:48px;font-weight:600;color:#ffffff;text-align:left;}
#subvisual #sviArea p {position: absolute;left:687px; top:107px;font-size:14px;;color:#ffffff;text-align:left;}

#subvisual #sviArea h2.long {position: absolute;left:610px; top:44px;font-size:45px;font-weight:600;color:#ffffff;text-align:right;border-top:0px solid red;}
#subvisual #sviArea p.long {position: absolute;left:616px; top:107px;font-size:14px;;color:#ffffff;text-align:left;}

#subvisual #sviArea h2.long2 {position: absolute;left:500px; top:44px;font-size:43px;font-weight:600;color:#ffffff;text-align:right;border-top:0px solid red;}
#subvisual #sviArea p.long2 {position: absolute;left:506px; top:107px;font-size:14px;;color:#ffffff;text-align:left;}

/* 로케이션 */
.loca{width:1100px;color:#888787;font-size:13px;margin:18px 0px 40px 4px;background:url('../../images/common/ico_home.png') no-repeat;background-position: 0px 1px;}
.loca li{padding-left:20px;}
.loca span{color:#333333;}