/* 메인슬라이더 */
@font-face {
    font-family: 'Binggrae-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#visual{width:100%; min-width:1200px; height:800px; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:800px; position:relative;}
#visual #slogan{position:absolute; top:50%; left:50%; width:100%; z-index:15; transform:translate(-50%, -50%); color:#fff;  text-align:center;}
#visual #slogan .title{font-size:3em; font-weight:400; font-family:Binggrae-Bold; display:inline-block; z-index:2; position:relative;}
#visual #slogan .title:after{display:block; content:""; background:#004654; position: absolute; width:102%; height:38px; left:50%; transform:translateX(-50%); bottom:-7px; z-index:-1; }
#visual #slogan .stitle{font-size:3.5em; line-height:1.8em; font-weight:500;}
#visual #slogan .con{font-size:1.4em;}
#visual #slogan .con strong{z-index:2; position:relative;}
#visual #slogan .con strong:after{display:block; content:""; background:#4e8d7c; position: absolute; width:101%; height:7px; left:50%; transform:translateX(-50%); bottom:0; z-index:-1; }

#visual .sliderbx li{ width:100% !important; height:800px; background-repeat:no-repeat; background-position: center top; background-size:cover; animation: imagescale 6s ease-in-out infinite alternate;-webkit-animation: imagescale 6s ease-in-out infinite alternate;-moz-animation: imagescale 6s ease-in-out infinite alternate;-o-webkit-animation: imagescale 6s ease-in-out infinite alternate;}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx li.mv04{background-image:url(../img/main/mvisual04.jpg)}
#visual .sliderbx li a{ display:block; width:100%; height:600px;}

#visual div.bx-pager{ position:absolute; bottom:30px;  left:50%; transform:translateX(-50%); z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 4px;}
#visual div.bx-pager div a{ display:block; width:40px; height:4px; text-indent:-9999px; background:rgba(255,255,255,0.5);}
#visual div.bx-pager div a.active{background:rgba(255,255,255,1);}
#visual div.bx-controls-direction a{ 
display:block; width:50px; height:50px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:9999;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:40px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:40px;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}
@media (max-width: 1200px) {
#visual{width:100%; min-width:100%; height:240px;}
#visual #slogan{}
#visual #slogan .title{font-size:1.1em;}
#visual #slogan .title:after{height:22px; bottom:0;}
#visual #slogan .stitle{font-size:1.6em;}
#visual #slogan .con{font-size:1em; display:none;}
#visual .sliderbx li{ width:100% !important; height:240px; background-position:left top; background-size:cover;}
#visual div.bx-pager{bottom:15px;}
#visual div.bx-pager div{ margin:0 2px;}
#visual div.bx-pager div a{ width:25px; height:6px; border-width:3px;}
#visual div.bx-controls-direction{ display:none;}
}




/*2배너*/
.section01 {padding:60px 0 40px 0; }
.section01 ul {overflow:hidden; width:1400px; margin:0 auto;}
.section01 ul li.box {width:50%; float:left; color:#fff; position:relative;}
.section01 ul li.box dl {color:#fff; position:absolute; padding:85px 65px;}
.section01 ul li.box dl dt {font-size:1.8em; font-weight:500; margin:0 0 20px 0; letter-spacing:0.5px;}
.section01 ul li.box dl dt span{display:block; font-size:0.7em; font-weight:400; color:cornsilk;}
.section01 ul li.box dl dd {margin: 0 0 50px 0; font-size:1.2em; line-height:1.62em; font-weight:300; }
.section01 ul li.box dl dd.btn {display:inline-block; border:2px solid #fff;  background:rgba(255,255,255,0.08); border-radius:50px; transition:0.5s; margin:0; padding:10px 28px; letter-spacing:2px; font-size:0.95em; font-weight:500;}
.section01 ul li.box01, .section01 ul li.box02 {transition:0.5s;}
.section01 ul li.box01 dl {bottom:0;}
.section01 ul li.box01 img {width:100%;}
.section01 ul li.box02 img {width:100%;}
.section01 ul li.box01:hover dd.btn {background:#fff; color:#222; transition:0.5s;}
.section01 ul li.box02:hover dd.btn {background:#fff; color:#222; transition:0.5s;}
.section01 ul:hover li.box01 {margin-top:-45px; transition:0.5s;}
.section01 ul:hover li.box02 {margin-top:35px; transition:0.5s;}
@media (max-width: 1400px) {
.section01 {padding:40px 20px 40px 20px; }
.section01 ul {width:100%;}
.section01 ul:hover li.box01 {margin-top:-35px; transition:0.5s;}
.section01 ul:hover li.box02 {margin-top:35px; transition:0.5s;}
.section01 ul li.box dl {padding:77px 65px;}
.section01 ul li.box dl dt {font-size:1.4em; }
.section01 ul li.box dl dt span{display:none;}
.section01 ul li.box dl dd {margin: 0 0 30px 0; font-size:1em; }
.section01 ul li.box dl dd.btn {padding:10px 18px; font-size:0.7em;}
}

@media (max-width: 1000px) {
.section01 ul li.box dl {padding:40px 30px;}
}

@media (max-width: 900px) {
.section01 {padding:0; }
.section01 ul li.box {width:100%;}
.section01 ul li.box dl {padding:20px; width:100%;}
.section01 ul li.box01 dl {bottom:10px;}
.section01 ul:hover li.box01 {margin-top:0; transition:0.5s;}
.section01 ul:hover li.box02 {margin-top:0; transition:0.5s;}
.section01 ul li.box dl dt {font-size:1.12em; }
.section01 ul li.box dl dd {margin: 0 0 20px 0; font-size:0.9em; }
.section01 ul li.box dl dd.btn {padding:8px 15px; font-size:0.65em;  border:1px solid #fff;}
}



/*7가지프리미엄*/
#fav_area{width:100%;}
#fav_area .title{font-size:1.6em; color: #666; font-weight:400; text-align:center;}
#fav_area .title strong{display:block;  font-family:Binggrae-Bold; color:#4e8d7c; font-size:1.35em; font-weight:500; margin-top:15px; }
#fav_area .big{font-size:3.5em;line-height:1.4em; color:#000; text-align:center; margin:20px 0 40px 0;}
#fav_area .big span{color:#4e8d7c; font-weight:700; font-size:1.1em}
#fav_area .fav{width:1300px; margin:60px auto 120px; position:relative;}
#fav_area .fav .arr{position:absolute; left:50%; transform:translateX(-50%); bottom:-60px; }
#fav_area .fav .arr span{/*margin-left:10px;*/margin:0 10px; text-align:center;}
#fav_area .fav .arr a{display: inline-block; font-size:3em; color:#999; width:50px;}
#fav_area .fav .btn-next a{color:#000;}
#fav_area .fav .slide-wrap{}
#fav_area .fav .slick-dots{display:none !important;}
#fav_area .thm{margin-right:12px; /*border:1px solid #000;*/ text-align:center; background:#000; position:relative;}
#fav_area .thm .over{overflow:hidden; background:#000; position:relative;}
#fav_area .thm .over img{width:100%; height:auto; transition:all 0.4s; opacity:0.7;}
#fav_area .thm .over:hover img{transform:scale(1.2);  transition:all 0.4s; opacity:0.33;}
#fav_area .thm .tit{ position:absolute; top:50%;left:50%;transform:translate(-50%, -50%); color:#fff; font-weight:500;}
#fav_area .thm .tit span{display:block;}
#fav_area .thm .tit .s1{font-size:1em; letter-spacing:0.1px;}
#fav_area .thm .tit .s2{font-size:1.2em; font-weight:400;}
#fav_area .thm .tit .s3{font-size:1.55em; font-weight:500; color:#ffffd9; margin-top:10px; line-height:1.45em;}
@media (max-width: 1199px) {
#fav_area{width:100%;  padding:10px 0 30px 0;}
#fav_area .title{font-size:1em; line-height:1.4em;}
#fav_area .title strong{ font-size:1.3em; margin-top:10px; }
#fav_area .big{font-size:1.7em; margin:10px 0 20px 0;}
#fav_area .fav{width:100%; margin:0 auto; padding:10px; margin-bottom:20px;}
#fav_area .fav .arr{bottom:-8px;}
#fav_area .fav .arr a{font-size:2em; width:30px;}
#fav_area .thm .tit{width:100%;}
#fav_area .thm .tit .s1{display:none;}
#fav_area .thm .tit .s2{font-size:0.9em; line-height:1.4em;}
#fav_area .thm .tit .s3{font-size:1em; margin-top:5px;}
}





/*알림마당*/
#main_news {background:#edf4f9 url(../img/main/back02.jpg) no-repeat; background-size:cover;  padding:80px 0;}
#main_news .main_tit{text-align:center;  margin-bottom:30px;}
#main_news .main_tit h2 {font-size:1.6em; margin-bottom:12px; color:#004654;}
#main_news .main_tit h3 {font-size:2.2em; color:#000;}
#main_news .in_box {width:1200px; margin:0 auto;}
#main_news a {width:calc(25% - 18px); margin-right:20px; display:inline-block; vertical-align: top; background: #fff; transition:0.3s ease all; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
#main_news a:nth-child(4n){margin:0;}
#main_news .txt{padding:30px;}
#main_news .txt h5{font-size:1em; font-weight:500; letter-spacing:0.2px;}
#main_news .txt h5 strong{font-size:1.3em;  font-weight:500; margin-left:7px;}
#main_news .txt p{font-size:1.2em;margin:20px 0;}
#main_news img {width:100%;}
#main_news .go_btn {display:block; transition:0.3s ease all;}
#main_news .go_btn .svg-inline--fa{font-size:2em;}
#main_news a:hover {box-shadow: 0 0 20px 5px rgba(0,0,0,0.15); }
#main_news a:hover h5 {color:#004654;}
#main_news a:hover .go_btn {transform:translate(20px, 0);}
@media (max-width: 1200px) {
#main_news{ padding:50px 15px 50px 15px;}
#main_news .main_tit{margin-bottom:22px;}
#main_news .main_tit h2 {font-size:1.25em;  margin-bottom:8px;}
#main_news .main_tit h3 {font-size:1.5em;}
#main_news .in_box {width:100%;}
#main_news a {width:calc(50% - 5px); margin-right:6px; margin-bottom:10px;}
#main_news a:nth-child(2n){margin-right:0;}
#main_news .txt{padding:18px 10px 10px 10px;}
#main_news .txt h5{font-size:1em;}
#main_news .txt h5 strong{font-size:1.05em; margin-left:0; margin-top:4px; display:block;}
#main_news .txt p{margin:10px 0 0 0; font-size:0.9em; line-height:1.4em; min-height:38px;}
}


/*동그란배너*/
#cong{width:1200px; margin:0 auto; padding:70px 0 50px 0;}
#cong li{float:left; margin-right:72px; text-align:center; }
#cong li:last-child{margin-right:0;}
#cong li a{display:block; }
#cong li .dg{border:1px solid #eee; box-shadow:0 0 12px #f3f3f3; padding:35px; border-radius:50%; transition:0.3s ease all;}
#cong li p{margin:25px 0 15px 0; font-size:1.25em; font-weight:500;}
#cong li:hover .dg{border:1px solid #4e8d7c; background:#4e8d7c; box-shadow:0 0 12px #acc4be;transition:0.3s ease all}
#cong li:hover p{color:#4e8d7c; }
@media (max-width: 1200px) {
#cong{width:100%; padding:50px 15px 30px 15px;}
#cong li{margin:5px 5px 10px 5px; width:calc(33.333% - 10px);}
#cong li .dg{padding:18px 10px; border-radius:0; }
#cong li .dg img{width:50px; height:auto;}
#cong li p{margin:5px 0 5px 0; font-size:1em;}
}




.down_button a {position:fixed; left:10px; bottom:10px; padding:16px 10px; text-align:center; font-size:16px; background-color:#214a9e; border:1px solid #072165; font-weight:700; border-radius:0px; margin:24px 0 10px; width:220px; transition:all 0.2s; color:#FFFF00!important; display:block; z-index:99999;}

.down_button a:hover {background-color:#ff0000; border:1px solid #d00000; color:#FFFF00!important;; transition:all 0.2s;}