@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
#hnn-wrap {width:100%; min-width: 1200px;}
#hnn-wrap.sub .main_audio {display:none;}
#hnn-wrap.sub .open-tag {right:220px;}

#hnn-wrap.sub #hnn-gnb > li > a {color:#fff;}
#hnn-wrap.sub  #hnn-logo {background:url(../images/logo.png) no-repeat;}
#hnn-wrap.sub #hnn-top.on #hnn-gnb > li > a {color:#fff;}
#hnn-wrap.sub #hnn-top.on #hnn-logo {background:url(../images/logo.png) no-repeat;}
.hnn-inner {width: 1200px; margin: 0 auto; position: relative; z-index:99;}

.ready {
    text-align:center;
    font-size:22px;
    color:#999999;
    margin:130px 0;
    font-weight:300;
}

.clearfix:after {content:''; clear:both; display:block;}

/*
==============================
HEADER
==============================
*/
#hnn-logo {
    position: absolute; 
    top:21px; 
    left:0;
	width:326px;height:29px;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
}
#hnn-logo a {display:block;}


#hnn-top {
    position:relative; 
    width:100%; 
    height:70px;     
    z-index: 1000;  
	background:rgba(0,0,0,0.4);
	position:absolute;left:0;top:0;transition:0.3s;
	text-align:center;
	min-width:1200px;
}


#hnn-top > .hnn-inner {width:1744px; height:70px;}

.hnn-tnb {width:288px;height:100px;line-height:100px;background:#272168;padding-left:30px;position:absolute;right:0;top:0;box-sizing:border-box;text-align:left;}
.hnn-tnb strong {font-family:roboto,sans-serif;font-size:32px;color:#fff;letter-spacing:0;padding-left:28px;background:url(../images/tnb-tel.png) left center no-repeat;}

.main_audio {display:block;width:80px;height:80px;color:#fff;text-align:center; padding-top:22px; background:rgba(61,72,92,0.8); z-index:1000;box-sizing:border-box; margin-bottom:1px;}
.main_audio .tit {display:block;}
.main_audio .audio_play_btn1, .main_audio .audio_pause_btn1 {cursor:pointer;}


.open-tag {position:absolute; right:220px; top:0;}
.tnb { position:absolute; right:0; top:0; }
.tnb em {display:inline-block;width:22px;height:22px;text-indent:-9999px;background:url(../images/tnb-tel.png) left center no-repeat;margin-right:5px;line-height:1;}
.tnb span { font-family: 'roboto',nr,sans-serif; font-size: 32px; color: #fff;  line-height: 1; vertical-align: middle;}
.tnb span.sm-num {font-size:24px;}


.quick {position: fixed;
    right: 0;
    top: 270px;
    z-index: 9999;}
.quick a {display:block; margin-bottom:1px;}

.floation-img {position:absolute; top:907px; left:50%; margin-left:-600px; z-index:9999; }

.scroll {width:54px; position:absolute; bottom:60px; left:50%; margin-left:-27px; animation:ani_scroll 1.5s infinite ease-in-out; z-index:99;}
@keyframes ani_scroll{0%{transform:translateY(0%);}    50%{transform:translateY(8%);} 100%{transform:translateY(0%);}}
/*
==============================
GNB
==============================
*/
#hnn-gnb {
	display:inline-block;

}
#hnn-gnb:after{content: ""; display: block; clear: both;}
#hnn-gnb > li {
    float: left;
    position:relative;     
    text-align:center;
}
#hnn-gnb > li > a {
    display: block;    
    height:70px;
    line-height:70px;
    color:#222;
    font-size:18px;
	letter-spacing:-0.5px;
    z-index:10;
    letter-spacing:-0.05em;     
    position:relative;     
    box-sizing:border-box;
	padding:0 30px; font-family: 'ns', sans-serif; font-weight:400;

}
/* #hnn-gnb > li.hnn-gnb2 > a {padding:0 32px;} */
/* #hnn-gnb > li.hnn-gnb5 > a {padding:0 38px;} */

#hnn-gnb > li > a > span {display:inline-block;position:relative;height:70px;}
#hnn-gnb > li > a > span:before {content:'';display:block;width:0;height:8px;background:url(../images/gnb-over.png) 50% bottom no-repeat; position:absolute;left:50%;bottom:-6px;transition:0.1s; z-index:9999;} 
#hnn-gnb > li:hover > a > span:before, #hnn-gnb > li.active > a > span:before {width:100%;left:0;}

/* #hnn-gnb > li:hover > a,
#hnn-gnb > li.active > a {
    color: #ce171f;    
} */


#hnn-gnb li div {
    display:none;
    width:100%;
    position:absolute;
    left:0;
    top:90px;   
    z-index:20;   
}
#hnn-gnb li ul li a {
    display:block;
    font-size:14px;
    color:#d3d2d1;
    padding:5px 0;     
	letter-spacing:-0.03em;
	text-align:center;

	
}
/* #hnn-gnb li.hnn-gnb2 ul li a {padding-left:32px;}
#hnn-gnb li.hnn-gnb5 ul li a {padding-left:38px;} */

#hnn-gnb li ul li.active a span,
#hnn-gnb li ul li a:hover span {
    color: #e63023;    
}
.hnn-bg {
    width:100%;
    display: none;
    position:absolute; 
    top:70px;
    left:0;
    height:190px;       
    z-index:15;
    overflow:hidden;     
    background:rgba(27,27,27,0.85);
}


.main #hnn-gnb > li > a {color:#fff;}
.main #hnn-gnb > li:hover > a span {color:#e63023;}
.main #hnn-logo  {background:url(../images/logo.png) no-repeat;}
/* .main #hnn-top.on #hnn-logo  {background:url(../images/logo.png) no-repeat;}
#hnn-top.on {background:#fff;border-bottom:1px solid #e8e8e8;}
.main #hnn-top.on #hnn-gnb > li > a {color:#222;} */
/* #hnn-top.on  .tnb span {color:#c4161c;}
#hnn-top.on .tnb em {background:url(../images/tnb-tel-over.png) left center no-repeat;} */
/*메인비주얼*/
#hnn-vis {
    position: relative;
    width: 100%;     
    z-index: 10;
    overflow: hidden;
}
#hnn-vis .roll img {    
    display:block;
    position:relative;
    left:50%;
    margin-left:-1000px;
}
.main-tag {position:absolute; width:1200px;  bottom:0; left:50%;  margin-left:-600px; z-index:99; }
.main-tag img {float:right;}
.bx-pager-item {margin-bottom:20px; text-align:center; }
.bx-pager-item .bx-pager-link {position:relative; color:#fff;   display:block; background:#878189;width:8px; height:8px;  text-indent:-999999999999px; border-radius:100%; }

.bx-pager-item .bx-pager-link.active {position:relative; background:none;  }
.bx-pager-item .bx-pager-link.active:before {position:absolute; left:50%;margin-left:-7px; top:0; content:''; width:13px; height:13px;  border:4px solid #e63023; box-sizing:border-box; border-radius:100%;}
#hnn-vis .bx-controls {position: absolute; left: 90px; top: 50%; margin-top: -18px; z-index: 100; padding-bottom: 60px;}
#hnn-vis .bx-controls-direction a {display: block; width: 40px; height: 40px; text-indent: -9999px; margin: 5px 0;}
#hnn-vis .bx-controls-direction .bx-prev {background: url(../images/vis-prev.png) no-repeat;}
#hnn-vis .bx-controls-direction .bx-next {background: url(../images/vis-next.png) no-repeat;}




.main1 {padding:170px 0 74px;background:url(../images/main1-bg.gif) no-repeat;text-align:center; background-size:cover; overflow:hidden;}

.main1 .area {margin:45px -20px 0;position:relative;left:50%;margin-left:-600px;overflow:hidden;}
.main1 .area .box {position:relative; display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 5px;outline:0 none;}

.main1 .area .box .in {position:relative;}
.main1 .area .box .in:before {content:'';display:block;width:100%;height:100%;border:1px solid #00482a;position:absolute;left:0;top:0;box-sizing:border-box;opacity:0;transition:0.3s;}
.main1 .area .box:hover .in {box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
.main1 .area .box:hover .in:before {opacity:1;}
.main1 .area .box .img {overflow:hidden;text-align:center;}
.roll-cover {position:absolute; top:0; left:1175px; width:550px; height:300px; background:rgba(231,231,231,0.7); z-index:999;}
.main1 .area .box .img img {transition:1.5s;display:inline-block;}
.main1 .area .box .img:hover img {transform:scale(1.1);}
.main1 .area .box .subject {height:150px;background:#fff;border:1px solid #e8e8e8;text-align:center;padding-top:32px;box-sizing:border-box;}
.main1 .area .box .subject strong {font-size:20px;color:#000;}
.main1 .area .box .subject span {display:block;font-size:16px;color:#757575;line-height:24px;margin-top:10px;}
.main1 .area .slick-slide {width:293px;}
.main1 .area .slick-current {}
.main1 .slick-list {overflow:visible !important;}
.main1 .slick-arrow {
	position:absolute;
	top:300px;
	width:35px;
	height:68px;
	display:block;
	font-size:0;
	border:none;
	text-indent:-9999px;
	overflow:visible;
	line-height:0;
	z-index:1000;
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
}
.main1 .slick-arrow.main1-prev {left:-135px;background-image:url(../images/main1-prev.png);outline:none;}
.main1 .slick-arrow.main1-next {right:-135px;background-image:url(../images/main1-next.png); outline:none;}





















.main2 {display:none; padding:45px 0;background:url(../images/main2-bg.gif) 0 0/cover no-repeat;text-align:center;}
.main2 .hnn-inner {overflow:hidden;}
.main2 h2, .main2 ul {float:left;}
.main2 h2 {margin-right:66px;}
.main2 h2 img {margin-top:20px;}
.main2 ul li {float:left;}
.main2 ul li a {display:block;padding:0 60px;position:relative;}
.main2 ul li:last-child a {padding-right:0;}
.main2 ul li a:after {content:'';display:block;width:1px;height:60px;background:#e1e1e1;position:absolute;right:0;top:25px;}
.main2 ul li:last-child a:after {display:none;}
.main2 ul li a .img {width:82px;height:82px;margin:0 auto;background-repeat:no-repeat;}
.main2 ul li:nth-child(1) a .img {background-image:url(../images/main2-1.png);}
.main2 ul li:nth-child(2) a .img {background-image:url(../images/main2-2.png);}
.main2 ul li:nth-child(3) a .img {background-image:url(../images/main2-3.png);}
.main2 ul li:nth-child(4) a .img {background-image:url(../images/main2-4.png);}
.main2 ul li a .img img {opacity:0;transition:0.3s;}
.main2 ul li a strong {display:block;font-size:15px;color:#444;font-weight:400;margin-top:12px;}
.main2 ul li a:hover .img img {opacity:1;}

.main3 {display:none;padding:80px 0 86px;text-align:center;background:url(../images/main3-bg.png) 50% 0/cover no-repeat;}
.main3 .box {margin-top:40px;}
.main3 .box:after {content:'';display:block;clear:both;}
.main3 .box > div {float:left;width:600px;}
.main3 .img {position:relative;}
.main3 .img .bx-pager {position:absolute;z-index:100;bottom: 23px; left:0; width: 100%; text-align: center;}
.main3 .img .bx-pager .bx-pager-item {display:inline;}
.main3 .img .bx-pager a {
    display:inline-block;    
    margin:0 5px;
    width:38px;
    height:3px;    
	background:rgba(255,255,255,0.2);
    border:1px solid #fff;
    text-indent:-9999px;
    overflow:hidden;
}
.main3 .img .bx-pager a.active {background:#fff;}


.main4 {padding:80px 0;background:url(../images/main4-bg.jpg) 50% 0/cover no-repeat;position:relative;text-align:center;}
.main4 .box {position:relative;margin-top:40px;}
.main4 .box .bx-controls-direction a {display:block;width:14px;height:18px;text-indent:-9999px;background-repeat:no-repeat;position:absolute;top:90px;}
.main4 .box .bx-controls-direction .bx-prev {left:-67px;background-image:url(../images/main4-prev.png);}
.main4 .box .bx-controls-direction .bx-next {right:-67px;background-image:url(../images/main4-next.png);}
.main4 .box .roll li {padding-bottom:20px; box-shadow:0px 0px 0px rgba(0,0,0,0.3);  background-repeat:no-repeat;}
.main4 .box li img {opacity:0; transition:0.3s;}
.main4 .box li.main4-1 {background-image:url('../images/main4-1.jpg'); } 
.main4 .box li.main4-2 {background-image:url('../images/main4-2.jpg');} 
.main4 .box li.main4-3 {background-image:url('../images/main4-3.jpg');} 
.main4 .box li.main4-4 {background-image:url('../images/main4-4.jpg');} 
.main4 .box li.main4-5 {background-image:url('../images/main4-5.jpg');} 
.main4 .box li.main4-6 {background-image:url('../images/main4-6.jpg');} 
.main4 .box li.main4-7 {background-image:url('../images/main4-7.jpg');} 
.main4 .box li.main4-8 {background-image:url('../images/main4-8.jpg');} 
.main4-st {margin-top:40px;}
.main4-st2 {margin-top:12px; text-align:left;}
.main4-st2 img {display:inline-block;}
.main4-st2 img:first-child {margin-right:8px;}
.main4 li:hover {background:none;}
.main4 li:hover img {opacity:1;}

.main-map {background:#fff; padding:11px; width:1180px; margin:20px auto 0; box-sizing:border-box; }
.map-l {float:left;}
.map-r {position:relative; width:64%; float:left; text-align:left;}
#map-tab1 {position:absolute; left:110px; top:35px;}
#map-tab2 {position:absolute; left:110px; top:35px; display:none;}
.map-view-btn {position:absolute; right:0px; top:105px;}
.map-view-btn li {margin-bottom:10px;}
.map-view-btn li a {position:relative; display:block; width:170px; line-height:47px; border:1px solid #ce171f; box-sizing:border-box; padding:0 27px;font-size:16px; color:#ce171f;}
.map-view-btn li a i {position:absolute; top:15px; right:27px;}
.map-view-btn li.on a {background:#ce171f; color:#fff;}


.main5 {background:#3d485c; padding:80px 0;}
.main5-map {margin-top:15px;}

.main5-tit {position:relative; }
.kakao-btn {position:absolute; top:68px; left:665px; display:block; width:220px; height:48px; }






/* footer */
#hnn-foot {  
    width:100%; 
    padding: 30px 0 40px;   
    overflow:hidden;
	background:#1b1b1b;
}
#hnn-foot .fl {float:left;width:730px;}
#hnn-foot .fr {float:right;width:450px;text-align:right;}
#hnn-foot .foot_tel {margin-top:5px;}
#hnn-foot .foot_tel strong {font-family:'roboto',nr,sans-serif;font-size:36px;color:#cd181e;font-weight:600;letter-spacing:0.1px;}
#hnn-foot .foot_tel span {font-size:24px; font-weight:600;padding-right:5px;}
#hnn-foot .foot_co {margin-top:10px;}
#hnn-foot .ori {    
	color:#a3a3a3; 
    font-size:12px; 
    letter-spacing:-0.05em;
    margin-top:20px; 
	font-weight:normal;
}
#hnn-foot .ori p { line-height:20px; }
#hnn-foot .img { margin-bottom:20px; border-bottom:1px solid #e5e5e5; padding-bottom:20px;}
#hnn-foot .info {
    color:#666; 
    font-size:14px; 
    letter-spacing:-0.03em; 
    line-height:20px; 
    margin-top:20px;
}
#hnn-foot .info .copy {font-size:14px;color:#999;}
.foot_mainlogo {margin:26px 0 20px;}
.foot_mainlogo .txt {color:#a3a3a3;font-size:13px;letter-spacing:-0.05em;}

.foot_co {font-family:ns,nr,sans-serif;font-size:17px;color:#999;}
.foot_co span {color:#555;font-weight:600;}
.foot_co em {display:inline-block;padding:0 10px;font-size:14px;vertical-align:middle;}
/* //footer */


/* SUB */
#hnn-sub {
    width: 100%;
    position:relative;
    z-index:0;  
}

.sub-top {
    height: 128px; 
    text-align: center;
}
#hnn-lnb {
    width: 100%;
	border-top:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	margin-bottom:80px;
}
#hnn-lnb:after {
    content: ""; 
    display: block; 
    clear: both;
}
#hnn-lnb li,
#hnn-lnb li a { 
    font-size: 18px; 
    color: #888
	; 
    letter-spacing: -0.075em;
}
#hnn-lnb li {
    float: left;
    text-align: center;    
    position: relative;
}
#hnn-lnb li a {
    display: block;
	line-height: 45px;
    border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	box-sizing:border-box;
}
#hnn-lnb li:first-child {
   
}
.lnb2 li {
    width: 49.95%;
}
.lnb3 li {
    width: 33.3%;
}
.lnb4 li {
    width: 24.97%;
}
.lnb5 li {
    width: 20%;
}
.lnb7 li {
    width: 14.28%;
}
.lnb8 li {
    width: 12.5%;
}
#hnn-lnb li a:hover,
#hnn-lnb li a.active  {
    background:#df2e85; color: #fff;
	font-weight:600;
}

#hnn-tab {
	width: 100%;
	margin-bottom:45px;
	border-left: 1px solid #dedede;
	border-top:1px solid #dedede;
}
#hnn-tab:after {
	content: ""; 
	display: block; 
	clear: both;
}
#hnn-tab li {
	float: left;
	text-align: center;
	line-height: 60px;
	position: relative;
}
#hnn-tab li a {
	display: block;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	font-size: 20px; 
	color: #888; 
	letter-spacing: -0.075em;
	background:#f0f0f0;
	font-weight:normal;
	box-sizing:border-box;
}
#hnn-tab li:first-child {
	
}
.tab1 li {
	width: 100%;
}
.tab2 li {
	width: 49.95%;
}
.tab3 li {
	width: 33.3%;
}
.tab4 li {
	width: 25%;
}
.tab5 li {
	width: 19.98%;
}
#hnn-tab li a:hover,
#hnn-tab li a.active  {
	border-color: #b98740; color: #fff;background:#b98740;
}

#hnn-tab li a:hover:after,
#hnn-tab li a.active:after  {
	content: ""; 
	display: block; 
	width: 0; 
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	border-top:8px solid #b98740;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}
 
/* //SUB */
.svis { width:100%; height:301px;position:relative;background:url(../images/svis.jpg) no-repeat;z-index:100;text-align:center;}
.svis ._inner {max-width:1200px;height:296px;margin:0 auto;position:relative;vertical-align:middle;text-align:center;}
/* .svis ._inner:before {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.svis .area {display:inline-block;vertical-align:middle;} */
.svis .tit {font-size:42px;color:#fff;font-weight:500;display:block;padding-top:160px; font-family:ns,sans-serif;}
/*.svis .arr > a {display:block;width:58px;height:58px;position:absolute;top:61px;}
.svis .arr_prev {left:0;}
.svis .arr_next {right:0;}*/
.bread {padding-top:10px;}
.bread > * {font-size:16px;color:#fefefe;}

#_snb {width:100%;background:#fff;position:relative;z-index:10; margin-top:20px;}
#_snb ._inner {max-width:1200px;margin:0 auto; border:1px solid #dedede; box-sizing:border-box;}
#_snb ._inner:after {content:'';display:block;clear:both;}
#_snb ._inner > li {float:left;position:relative; border-right:1px solid #dedede;}
#_snb ._inner > li > a {display:block;height:50px;line-height:50px;position:relative;font-size:15px;color:#555;}
#_snb ._inner > li:first-child {padding:0 18px;}
#_snb ._inner ._ovv > a {padding:0 20px 0 20px;min-width:200px; color:#555;}
#_snb ._inner ._ov > a {padding:0 20px 0 20px;min-width:200px; }
#_snb ._inner ._ov.active > a {color:#555;font-weight:500;}
#_snb ._inner ._ovv > a:after {
    content:"";
    display:block;
    width:11px;
    height:6px;
    background:url(../images/ico-arr.gif) no-repeat;
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-3px;  
}
#_snb ._inner ._ov > a:after {
    content:"";
    display:block;
    width:11px;
    height:6px;
    background:url(../images/ico-arr.gif?ver=1) no-repeat;
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-3px;
}
#_snb ._inner ._ov > ul, #_snb ._inner ._ovv > ul {display:none;position:absolute;left:0;min-width:100%;white-space:nowrap;background:#fff;}
#_snb ._inner ._ov > ul li, #_snb ._inner ._ovv > ul li {border:1px solid #e1e1e1;margin-top:-1px;}
#_snb ._inner ._ov > ul li:first-child, #_snb ._inner ._ovv > ul li:first-child {margin-top:0;}
#_snb ._inner ._ov > ul li a, #_snb ._inner ._ovv > ul li a {display:block;padding:10px 10px 10px 15px;font-size:14px;}
#_snb ._inner ._ov:hover > ul, #_snb ._inner ._ovv:hover > ul {display:block;}
#_snb ._inner li > ul li a:hover {background:#fafafa;color:#b98740;}

#sarr {padding:40px 0;}
#sarr .hnn-inner {position:relative;text-align:center;}
#sarr strong {font-size:36px;color:#000;font-weight:400;}
#sarr a {position:absolute;top:-4px;}
#sarr .arr-prev {left:0;}
#sarr .arr-next {right:0;}


#hnn-content {
    min-height: 500px; 
    width: 1200px; 
    margin: 0 auto; 
    padding:20px 0 140px;
    
}
/* sub11 */
.sub11-box {overflow:hidden;margin-top:17px;}
.sub11-box > * {float:left;}
.sub11-box .img {width:464px;}
.sub11_tbl {border-top:2px solid #ef4030;}
.sub11_tbl th, .sub11_tbl td {font-size:17px;color:#222;border-bottom:1px solid #eaeaea;height:49px;}
.sub11_tbl th {font-weight:400;background:#f8f8f8;text-align:center;}
.sub11_tbl td {text-indent:30px;color:#555;}
/* //sub11 */

.sub13_box {overflow:hidden;}
.sub13 {text-align:center;}
.sub13_map {font-size:0;margin-top:40px;}
.sub13_map a {display:inline-block;margin:0 5px;}

.sori {font-size:12px;color:#a3a3a3;line-height:1.4em;margin-top:30px;}
.video_box:after {content:'';display:block;clear:both;}
.video {float:left;width:50%;text-align:center;box-sizing:border-box;}
.video1 {padding:0 10px 0 0;}
.video2 {padding:0 0 0 10px;}
.video .tit {display:block;margin-top:25px;font-size:18px;color:#222;font-weight:500;}

.map {overflow:hidden;text-align:center;}
/* .map > div {width:573px;position:relative;} */
.map .lef {float:left;}
.map .rig {float:right;}
.map img {text-align:center;margin-top:30px;}

.sub_ori {font-size:12px;color:#a3a3a3;line-height:20px;margin-top:15px;}
.tabsub { border-top:1px solid #3d485a;  border-bottom:1px solid #3d485a;background:#fff; overflow:hidden; }
.tabsub li { float:left; width:50%; text-align:center; box-sizing:border-box; }
.tabsub li { display:inline-block; padding:20px; cursor:pointer; }

.tabsub li a {font-size:18px; color:#888;}
.tabsub li.on  a { color:#ef3e30; font-weight:bold; }

.tab_con { clear:both; margin-top:60px; }
.tab_con > div { display:none; background:#fff; text-align:center; }
.tab_con .sori {text-align:left;}
.privacy{ margin:30px auto 0; letter-spacing: -0.05em;}
.document{ color:#666; font-size: 12px; line-height:20px; width: 100%;}
.document h2 { line-height: 140%; }
.document table { border-top: 2px solid #333; width: 100%; margin-top: 8px; margin-bottom: 20px;}
.document tr { border-bottom: 1px solid #ddd; }
.document td {padding: 10px;   }
.document td.b_r { border-right: 1px solid #ddd; text-align: center; }
.document2 td {border-right: 1px solid #ddd; text-align: center;}

.agree { color:#666; line-height: 140%; }
.agree * {font-size:13px;}
.agree table { margin-bottom: 20px; }
.agree tr { }
.agree td {color:#666; padding-right: 10px; }

.loc_box {text-align:center;}
.loc_box:after {content:'';display:block;clear:both;}
.loc_box .lef {float:left;}
.loc_box .rig {float:right;}
.loc_box .btn {margin-top:30px;}


.alarm-notice-box {background: #f9f9f9; color: #222; border-radius: 10px; padding:32px;  border-radius: 10px; margin-bottom: 50px;  line-height: 24px; font-size: 16px;}
.alarm-notice-tit {font-size:20px; font-weight:bold;  color:#cd181e;}
.alarm-notice-tit2 {margin-top:30px;}
.alarm-notice-txt {font-size:16px; margin-top:20px;}

@media screen and (max-width:1800px){
	#hnn-top > .hnn-inner {width:100%;}
	.tnb {right:0;}
	
	.main_audio {right:220px;}

	#hnn-wrap.sub .open-tag {right:220px;}
}
@media screen and (max-width:1750px){


#hnn-gnb > li > a {padding:0 25px;}
.hnn-bg {height:220px;}
}

@media screen and (max-width:1500px){
#hnn-gnb {margin-right:100px;}

}

@media screen and (max-width:1480px){
#hnn-gnb > li > a {padding:0 10px;}

}
@media screen and (max-width:1350px){
.main4 .box .bx-controls-direction .bx-prev {left:0;}
.main4 .box .bx-controls-direction .bx-next {right:0;}

#hnn-wrap.sub #hnn-gnb > li > a {padding:0 10px;}
}

.overLayer {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:99999;}
.overLayer .layer {position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;}
.overLayer .layer:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
.overLayer .layer .box {display:inline-block;vertical-align:middle;margin:0 auto;}
.overLayer .layer .box-close {text-align:center;margin-bottom:30px;}
.overLayer .layer .close {background:none;border:none;cursor:pointer;}

#vis,
#vis .vis {/*height:860px;*/height:100vh;position:relative;overflow:hidden;}
#vis .vis .bg2 {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
#vis .vis1 .bg2 {background-image:url(../images/vis1.jpg);}
#vis .vis2 .bg2 {background-image:url(../images/vis2.jpg);}
#vis  .slick-dots {position: absolute; left: 90px; top: 50%; margin-top: -18px; z-index: 100; padding-bottom: 60px;}
#vis  .slick-dots li  {margin:15px 0;}
#vis  .slick-dots li  button {position:relative; color:#fff;   display:block; background:#878189;width:8px; height:8px;  text-indent:-999999999999px; border-radius:100%; border:none; outline:none; }
#vis  .slick-dots li.slick-active  button {position:relative; background:none;  }
#vis  .slick-dots li.slick-active  button:before {position:absolute; left:50%;margin-left:-7px; top:0; content:''; width:13px; height:13px;  border:4px solid #e63023; box-sizing:border-box; border-radius:100%;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#vis  .slick-dots li  button {width:13px; height:13px;}
}