nav {   width:80%;  float:right;  position:absolute;   bottom:30px; right:3%;  text-align:right;}
nav ul {font-size: 0;margin: 0;padding: 0;}
nav ul li {display: inline-block;position: relative;}

nav ul li a {
 display:inline-block; font-size:18px; font-weight:500; line-height:50px; letter-spacing:1px; padding:0 30px;
 transition: 0.3s linear; color:#fff !important; text-align:center;
}

nav ul li ul {
   display: none;
  position: absolute;
  width:200px; right:0; text-align:center;
}

nav ul li ul li {border-top: 1px solid #444; display: block;}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #373737;
  display: block;
font-size:14.5px;
line-height:45px;
letter-spacing:-0.5px;
  padding: 0 14px;
color:rgba(255,255,255,.7) !important;
}

nav ul li ul li a:hover { background: #126d9b; }

nav .fa.fa-angle-down { margin-left: 6px; }

i{font-style:normal}












.flex{display:flex;}
.content2 img, .content3 img{width:100%; position: relative;}


.flex.main_nav{max-width:1544px; margin:0 auto; justify-content:space-between;}
.content_wrap{padding-top:2em;}
.container_wrap{background:#eef3f6; padding:3em 0;}
.container_wrap:after{content:''; display:block; clear:both;}
.content_wrap h2{font-size:1.7rem; color:#333; font-weight:600;}

.section{max-width:95%; margin:0 auto;}
.section:after{content:''; display:block; clear:both;}

.content1{background:#fff; position: relative; margin-bottom:2em}
.tab1{display:block;}
.tabMenu ul{border-bottom:1px solid #ddd; padding:0.5em 9px;}
.tabMenu li{display: inline-block; font-size: 1.8rem; font-weight: 600;}
.tabMenu li:first-child{position: relative;}
.tabMenu li:first-child:after{content:''; display:inline-block; width:2px; height:20px; background:#ddd; position: absolute; top:50%; left:102%; transform:translate(-102%,-50%)}
.tabMenu li a{display: block; padding:10px;}
.tabMenu li.on a{color:#fa9f1d}
.tabItem > ul{padding:13px 20px 30px 20px;}
.notice li{display: flex; line-height: 2.2; align-items:baseline; flex-direction:column; border-bottom:1px dashed #ddd;}
.notice li a{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:500}
.notice li span{width:100%; font-size:0.9rem; color:#777}
.notice li:hover a{text-decoration: underline;}
.gallery{display: none;}





.content2{position: relative; cursor:pointer;}
.content2:hover .bg1_span{background:#fa9f1d; transition:0.5s;}
.content2 p{position: relative;}
.content2 .bg1_span{position: absolute; top:0; left:0; width:100%; height:98%; z-index: 1; background:rgba(0,0,0,0.5); }
.content2 > img{z-index: -1; width:461px;}
.content2_txt{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;  z-index: 2;}
.content2_txt p{color:#fff;}
.content2_txt p:nth-of-type(1){font-size:1.8rem; font-weight:600; margin-bottom:0.5em;}
.content2_txt p:nth-of-type(2){font-size:1rem; line-height:1.2;}
.content2_txt > img, .content3_txt > img{width:70px; height:70px;}

.content3{position: relative; cursor:pointer;}
.content3:hover .bg1_span{background:#fa9f1d; transition:0.5s;}
.content3 p{position: relative;}
.content3 .bg1_span{position: absolute; top:0; left:0; width:100%; height:98%; z-index: 1; background:rgba(0,0,0,0.5)}
.content3 > img{z-index: -1; width:461px;}
.content3_txt{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;  z-index: 2;}
.content3_txt p{color:#fff;}
.content3_txt p:nth-of-type(1){font-size:1.8rem; font-weight:600; margin-bottom:0.5em;}
.content3_txt p:nth-of-type(2){font-size:1rem; line-height:1.2;}



.content4{margin:2em 0}
.content4 iframe{border:1px solid #ddd; background:#fff; padding:1em; box-sizing:border-box;}




























/* 푸터 footer */
.fixed_top {width:60px; font-size:13.5px;  border-radius:5px;line-height:60px; background-color:#555; color:#fff !important;  text-align:center; float:right; position:fixed; bottom:5%; right:3%; letter-spacing:0.5px;}

#footer_wrap {width: 100%; background:#fff; border-top:1px solid #ddd; float:left;}
#footer_wrap .footer {width:100%;}
#footer_wrap .footer img{float: left; margin-top:10px;}
#footer_wrap .rule_box {width:100%; display:block; border-bottom:1px solid #ddd; padding:20px 4%; box-sizing:border-box; background:#f9f9f9;}
#footer_wrap .rule_box a {font-weight:500; color:#333; font-size:0.95em}

#footer_wrap .footer .footer_con{padding:3% 4%; box-sizing:border-box; }
#footer_wrap .footer .footer_con p.f_txt{line-height: 25px; letter-spacing: -.5pt; font-size:0.95em; color:#777;}
/* 여백 */
#footer_wrap .footer .footer_con .nbsp{padding-left: 10px; padding-right: 10px; letter-spacing: -.5pt;  font-size:15px; }

#footer_wrap .footer .footer_con p.copy{color:#999; opacity: .5; text-transform: uppercase; font-weight: 400; padding-top: 5px; letter-spacing: .1pt;}

#footer_wrap .select02{ border:1px solid #ddd; font-size:0.9rem;  height:32px; color:#555; padding:2px 20px; box-sizing:border-box; border-radius:5px; font-weight:600; font-family: 'Open Sans' }


#footer_wrap .footer .f_top{ float: right; margin-top: 30px; text-align: center; }
#footer_wrap .footer .f_top a{display:block; letter-spacing: 0;background:#10568c; font-size:14px; line-height: 52px; color:#fff; width: 52px; height: 52px; border-radius:43px; transition: all 0.3s; }
#footer_wrap .footer .f_top a:hover{background: #2c8ad2; color:#fff; transition: all 0.2s;}




.family_site{padding: 3% 4% 0% 4%; box-sizing:border-box;}
.family_site select{border:1px solid #ddd; padding:0.5em; box-sizing:border-box; font-size:1rem;}
.family_site select option{}