@charset "utf-8";

/*
================================================================================
main layout
================================================================================
*/
#container{max-width:100%;padding: 110px 0 0 0;}
.wrapper{min-width:1750px;}
/*
================================================================================
main contents
================================================================================
*/
/* mvisual */
.mvisual{position:relative;margin-bottom:30px;overflow:hidden}
.mvisual .caroufredsel_wrapper{height: 700px !important;z-index: 2;}
.mvisual ul{height:700px !important;}
.mvisual ul li{position:relative;float:left;width:100%;height: 700px;/* background-size: contain; */background-position:50% 0;background-repeat:no-repeat;min-width:1240px;}
.mvisual ul li > a{ display:block; width:100%; height: 100%;}

.mvisual .pager{display: inline-block;position: absolute;bottom: 25px;right: 50%;width: 200px;margin-right: -100px;}
.mvisual .pager a{display:inline-block;margin:0 4px;width:13px;height:13px;background: rgb(0 0 0 / 50%);border-radius:50%;text-indent:-999px;overflow:hidden;}
.mvisual .pager a.selected{background: #fff;box-shadow:0px 0px 5px rgba(0,0,0,0.5); }
.mvisual .before a,
.mvisual .next a { display:block; width:35px; height:75px;}
.mvisual .btn_box{position:absolute;bottom: 0;left: 50%;width: 1400px;margin-left: -700px;text-align:center;z-index: 1;}
.mvisual .btn_box .before, .mvisual .btn_box .next{display: none;top: 0;margin-top: -28%;width: 35px;}
.mvisual .btn_box .before{position:absolute;left:0;}
.mvisual .btn_box .next{position:absolute;right:0;}

/* quick */
.quick{position: absolute;top: 620px;text-align: center;z-index: 10;width: 100%;min-width:1750px;}
.quick li{display: inline-block;margin: 0 5px;/* width: 150px; */vertical-align: top;}
.quick li a{display: block;width: 100%;width: 110px;height: 110px;padding: 20px 10px;border-radius: 50%;background-color: rgb(36 129 195 / 80%);box-shadow: 0 1px 10px rgba(0,0,0,0.25);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;box-sizing: border-box;}
.quick li a .ico{display: block;margin: 0 auto 13px auto;width: 45px;height: 45px;background-position: 50% 30%;background-repeat:no-repeat;background-size: 45px;}
.quick li:nth-child(1) a .ico{ background-image:url('../images/main2019/quick_01.png');}
.quick li:nth-child(2) a .ico{ background-image:url('../images/main2019/quick_02.png');}
.quick li:nth-child(3) a .ico{ background-image:url('../images/main2019/quick_03.png');}
.quick li:nth-child(4) a .ico{ background-image:url('../images/main2019/quick_04.png');}
.quick li:nth-child(5) a .ico{ background-image:url('../images/main2019/quick_05.png');}
.quick li:hover a {background-color: rgb(19 110 175 / 1);}
.quick li a p{font-size: 14px;letter-spacing: -0.08em;color: rgba(255, 255, 255, 0.9);}

/* content */
#content{ position:relative;}
#content .inner{max-width:1200px; margin:0 auto;}
.section {overflow:hidden;}
.section h2{font-family:'BM JUA','배달의민족 주아',sans-serif; font-size:45px; text-align: center; line-height: 1em; margin-bottom: 10px;}
.section h2 + p{font-size: 25px;text-align: center;line-height: 1.1em;}
.section .tit{font-family: 'Nanum Barun Gothic', '나눔바른고딕';line-height: 1em;margin-bottom: 15px;font-weight: 700;}
.section a{box-sizing:border-box;}
.section .con{ float:left; position: relative;}
.section .con:last-child{ margin-right:0;}
.section .con a{display:block; height: 100%;}
.section .more{ border:1px solid rgba(104, 100, 101, 0.8); color:#3c3a3b; padding:10px;}
.section .more:hover,
.sec01 .con02:hover .more,
.sec01 .con03 li:hover .more,
.sec03 .con:hover .more{ background:rgba(104, 100, 101, 0.8); color:#fff;border-color:rgba(104, 100, 101, 0.0)}
.section .con.news{/* background:#f5eeeb; */width:385px;position: absolute;right: 0;/* top: 0; */height: 510px;border: 1px solid #ddd;}
.section .con.news a{padding: 30px 30px;}
.section .con.news h3.tit{font-family:'Nanum Barun Gothic', '나눔바른고딕';font-weight: 700;font-size: 22px;/* color: #77676e; */padding-bottom: 5px;/* border-bottom: 1px solid rgba(161, 134, 127, 0.3); */}
.section .con.news .more{position:absolute;right: 30px;left: inherit;bottom: inherit;top: 36px;display: block;color: #77676e;padding:0 12px 0 0;font-size:14px;border:0;height:auto;line-height: inherit;background-color:transparent !important;}
.section .con.news .more:after{content:''; display:block; background:url('../images/main2019/ico_more.png') 0 0 no-repeat; width:5px; height: 9px; position: absolute; right:0; top:2px; opacity: 0.6;}
.section .con.news .pic_box{margin-bottom: 10px;height: 168px;overflow: hidden;}
.section .con.news .pic_box img{ width:100%; height: 100%; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.section .con.news .txt_box .tit{font-size: 16px;line-height: 1em;margin-bottom: 25px;border:0;padding:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: 'Nanum Barun Gothic', '나눔바른고딕';font-weight: 500;color:#444;}
.section .con.news .txt_box .txt{font-size: 14px;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #777;display: none;}
.section .con.news a .pic_box:hover img{-webkit-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
.section.sec01 .con.news { height:300px}
.section.sec01 .con.news.news1 {right: 386px;}

/* sec01 */
.sec01{width: 1750px;margin: 0 auto;overflow:hidden;padding: 40px 0 90px 0;position: relative;}
.sec01 h2{ display:none;}
.sec01 h3.tit{text-align: left;font-size: 22px;color: #444;}
.sec01 h3.tit span{display: block;font-size: 0.85em;letter-spacing:-0.05em;margin-top: 10px;}
.sec01 h3.tit span.color{color: #f86900;}
.sec01 .more{position: absolute;right:20px;bottom:20px;font-size:22px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 5px;display: none;}

.sec01 .con{float:left;/* margin-right: 15px; */height: 300px;}
.sec01 .con a{padding: 30px 30px;}
.sec01 .con02{background: #b8e4ff url(../images/main2019/story02.jpg)  15px 100% no-repeat;background-size: 80%;width: 260px;margin-right: 0;}
.sec01 .con03{background: #d6ebe6 url(../images/main2023/story03.jpg)  15px 100% no-repeat;background-size: 80%;width: 260px;margin-right: 15px;}

.sec01 .con04{width: 410px;margin-right: 20px;}
.sec01 .con04 h3.tit{text-align: left;font-size: 20px;/* color:#78696e; */}
.sec01 .con04 p{color:#555;line-height: 1.2;}
.sec01 .con04 li{display:block;margin-bottom: -1px;border: 1px solid #cccccc;/* border-width:1px 1px 0px 1px; */}
.sec01 .con04 li:last-child{margin-bottom: 0;}
.sec01 .con04 li a{padding: 19px 20px 0px 20px;height: 99px;/* border-bottom: 1px solid #7c7c7c; */-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.sec01 .con04 li:nth-child(1) a{ background:url('../images/main2019/strory_ico01.png') no-repeat right 20px center;}
.sec01 .con04 li:nth-child(2) a{ background:url('../images/main2019/strory_ico02.png') no-repeat right 20px center;}
.sec01 .con04 li:nth-child(3) a{ background:url('../images/main2019/strory_ico03.png') no-repeat right 20px center;}
.sec01 .con04 li a:hover{ background-color:rgb(184 228 255);}

/* sec02 */
.sec02{width:100%;margin:0 auto;overflow:hidden;background: #ffe0af;padding: 60px 0 50px 0;}
.sec02 h2, .sec02 p{ color:#403b38;}
.sec02 ul{ width:70%; text-align: center; margin:30px auto 0 auto;}
.sec02 li {display: inline-block;margin: 0 20px;}
.sec02 li a{display:block;color: #6a5f56;background: #fff;font-size: 15px;font-weight: 600;width: 160px;height: 160px;overflow:hidden;margin: 0 auto;border-radius:50%;border:3px solid #fff;padding:0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.sec02 li a:hover{ color:#603e31; border-color:#66462e;}
.sec02 li a:before{content:'';width:100%;height: 105px;display:block;margin: 0 auto 15px auto;background-color:#fff;background-repeat:no-repeat;background-position: 50% 100%;background-size: 60%;}
.sec02 li:nth-child(1) a:before{ background-image:url('../images/main2019/ico_test01.png');}
.sec02 li:nth-child(2) a:before{ background-image:url('../images/main2019/ico_test02.png');}
.sec02 li:nth-child(3) a:before{ background-image:url('../images/main2019/ico_test03.png');}

/* sec03 */
.sec03{width: 1750px;margin:0 auto;overflow:hidden;padding: 70px 0 80px 0;position: relative;}
.sec03 h2{ font-size: 0;}
.sec03 h3.tit{text-align: left;font-size: 22px;/* color:#77676e; */}
.sec03 h3.tit + p{font-size: 15px;line-height: 1.4em;color: #666;}
.sec03 h3.tit span{font-size: .85em;display: block;/* line-height: 1.4em; */margin-top: 7px;color: #656565;}
.sec03 .more{font-size:22px;line-height: 35px;height: 35px;padding: 4px 20px 2px 20px;position: absolute;bottom: 25px;left: 35px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 5px;display: none;}
.sec03 .con{float:left;margin-right: 0;height: 255px;}
.sec03 .con:last-child{margin-left: 0;}
.sec03 .con a{padding: 40px 35px 0;position: relative;}
.sec03 .con01{background: #baf2ed url(../images/main2019/advice01.png) no-repeat bottom right 15px;width: 440px;margin-bottom: 0;background-size: 45%;}
.sec03 .con02{background: #fff2cc url(../images/main2019/advice02.png) no-repeat bottom right 0px;width: 440px;margin-bottom: 0;background-size: 55%;}
.sec03 .con03{background: #dde5ff url(../images/main2019/advice03.png) no-repeat bottom right 15px;width: 440px;margin-right: 0;margin-bottom: 0;background-size: 50%;}
.sec03 .con04{background: #d3c1b8 url(../images/main2019/advice04.png) no-repeat bottom right 0;width:440px;clear: both;float: left;background-size: 40%;}
.sec03 .con05{background: #cee2f6 url(../images/main2019/advice05.png) no-repeat bottom right 0;width:440px;background-size: 60%;}
.sec03 .con06{background: #f0f0f0 url(../images/main2019/advice06.png) no-repeat bottom 15px right 15px;width:440px;}

.sec03 .con06 h3.tit, .sec03 .con04 h3.tit{/* color:#655a5f; */}
.sec03 .con01 h3.tit + p{/* color: #196a7b; */} .sec03 .con02 h3.tit + p{/* color:#155818; */}
.sec03 .con03 h3.tit + p{/* color:#e2377d; */}
.sec03 .con04 h3.tit + p{/* color: #544c48; */}
.sec03 .con05 h3.tit + p{/* color:#1c4c9e; */}
.sec03 .con06 h3.tit + p{color: #5f5f5f;}
.sec03 .con04 h3.tit + p, .sec03 .con05 h3.tit + p, .sec03 .con06 h3.tit + p{font-size: 16px;}

/* sec04 */
.sec04{width:100%;margin:0 auto;overflow:hidden;background: rgb(103 146 205) url('../images/main2023/sec04_bg.jpg') no-repeat 50% 0;padding-top: 80px;position: relative;/* height: 865px; */margin-bottom: 80px;}
.sec04 h2{color:#fff;text-align: center;margin-bottom: 55px;}
.sec04 h2 a.more {
    display: inline-block;
    color: #fff;
    border-color: rgba(255,255,255,0.8);
    font-size: 20px;
    padding: 15px 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 30px;
    line-height: 22px;
    margin-top: 15px;
    }
.sec04 h2 a.more:hover {display: inline-block;
     background:rgba(255,255,255, 1); color:#2d4e82;}

/****** owl-theme  ******/
.owl-theme .owl-dots, .owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{position: absolute;top: 50%;left: 0;margin-top: -10px;display: none !important;}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size: 19px;margin: 0;padding: 0;background: rgba(130, 130, 139, 0.3);display:inline-block;width: 25px;height: 25px;cursor:pointer;border-radius: 3px;}
.owl-theme .owl-nav [class*=owl-]:hover{background: rgba(130, 130, 139, 0.8);color:#FFF;text-decoration:none;}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{font-size: 0;position: absolute;right: 50%;bottom: 125px;margin-right: -36px;}
.owl-theme .owl-dots .owl-dot{display: inline-block;margin:6px 0;zoom:1;}
.owl-theme .owl-dots .owl-dot span{width:20px;height:20px;margin:0px 2px;background: transparent;border:5px solid #fff;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ border-color:#e87f41;}
.owl-theme .control_bn{position:absolute;right: 50%;bottom: 167px;margin-right: 22px;font-size:0;z-index: 9;}
.owl-theme .control_bn .btn.play,
.owl-theme .control_bn .btn.stop{position:absolute;right: 11px;top:15px;width: 22px;height: 22px;text-align: center;}
.owl-theme .control_bn .btn.play{ display:none;}
.owl-theme .control_bn .btn.play:after{content:'\f04b';font-family: "FontAwesome";font-size: 16px;color: #fff;}
.owl-theme .control_bn .btn.play:hover:after,
.owl-theme .control_bn .btn.play.on:after{color:#01a7b6;}
.owl-theme .control_bn .btn.stop{background: url('../images/main2019/owl_btn_stop.png') no-repeat 50% 50%;margin-top: 1px;}
.owl-theme .control_bn .btn.stop.on,
.owl-theme .control_bn .btn.stop:hover{background-image: url('../images/main2019/owl_btn_stop_on.png');}

/* center_box */
.center_box {position:relative;box-sizing: border-box;width:100%;height: 70px;overflow: hidden;}

.itemCarousel{}
.itemCarousel{overflow:hidden;position: relative;height: 70px;width:auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background:rgb(13 59 123 / 60%);}
.itemCarousel .list{/* display:none; */position:relative;/* font-size:0; *//* white-space:nowrap; */display: flex;flex-wrap: nowrap;width: 100%;}
.itemCarousel .list .item{flex: 1;/* overflow:hidden; */position:relative;/* display:inline-block; */vertical-align:top;height: 70px;background-position: 50% 100% !important;background-repeat:no-repeat !important;background-size: cover !important;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.itemCarousel .list .item:nth-child(odd){background: rgb(13 59 123/ 60%);}
.itemCarousel .list .item a{/* position: absolute; *//* left: 0; *//* top: 0px !important; */width: 100%;height: 70px;z-index: 100;z-index: 2;}
.itemCarousel .list .item a p{color:#fff;font-size: 18px;line-height:70px;text-align: center;z-index: 2;}
.itemCarousel .list .item a img{position:relative;width:100%;height:auto; opacity:0.5}
/*.itemCarousel .list .item:after{content:'';display: block;position: absolute;left: 0;top:0;background: rgba(40, 68, 113, 0);width: 100%;height: 100%;z-index: 1;}*/
.itemCarousel .list .item.on, .itemCarousel .list .item:hover{background-color: #0d203e;}
.itemCarousel .list .item:hover a{/*box-shadow: 0 0 0 0px #f8f8f8 inset;*/ }
/*.itemCarousel .list .item.on a p:hover,*/
.itemCarousel .list .item:hover p{font-weight:500;text-shadow: 0px 0px 3px rgba(0,0,0,.8);}
.sec04 .tit{font-family: 'Nanum Barun Gothic', '나눔바른고딕';font-size: 20px;font-weight:700;line-height: 60px;height: 60px;display: block;text-align: center;margin-bottom: 0;margin-top: 10px;}
.sec04 .map{float:left;width: 52%;border: 1px solid  #c1c1c1;border-right: 0;overflow: hidden;}
.sec04 .map > div{width:100%;height: 380px;}
.sec04 .map h3{ font-size:0;}
.sec04 .info{width: 50%;height: 380px;float: left;background-size: cover !important;}
.sec04 .info:after{content:'';display:block;width: 1px;height:100%;position:absolute;right:0;top:0;background: #c1c1c1;}
.sec04 .event{float: left;width: 50%;padding: 0;border: 0;overflow: hidden;}
.sec04 .event p{display:block;margin: 0;height: 300px;text-align: center;padding: 0 15px;}
.sec04 .event img{/* width: 90%; */vertical-align: bottom;min-height: 295px;}

.tab_container{ position:relative;}
.info_box{overflow:hidden;border: 1px solid #c1c1c1;background: #ffffff;float: right;position: absolute;right: 0;top: 0;z-index: 10;width: 48%;}

.info{ float:left; width:325px; height:270px; position:relative;}
.info a{display:block;height: 100%;padding: 0px 30px;box-sizing:border-box;}
.info li{color:#333;font-size: 15px;display:block;margin-bottom:5px;padding-left:30px;position:relative;line-height: 1.5;}
.info li:before{ content:""; display:block; width:20px; height:20px; position:absolute; left:0px; margin-right:10px; background:#6eacdd; border-radius:50%; vertical-align:middle;}
.info li.add:before{background:#6eacdd url('../images/main2019/ico_add.png') no-repeat center center;}
.info li.tel:before{background:#6eacdd url('../images/main2019/ico_tel.png') no-repeat center center;}
.mn01 .info{background:url('../images/main2019/pic01.jpg') no-repeat center bottom;}
.mn02 .info{ background:url('../images/main2019/pic02.jpg') no-repeat center bottom;}
.mn03 .info{background: url('../images/main2019/pic03.jpg') no-repeat center top;}
.mn04 .info{ background:url('../images/main2019/pic04.jpg') no-repeat center bottom;}
.mn05 .info{ background:url('../images/main2019/pic05.jpg') no-repeat center bottom;}
.mn06 .info{ background:url('../images/main2019/pic06.jpg') no-repeat center bottom;}
.mn07 .info{ background:url('../images/main2019/pic07.jpg') no-repeat center bottom;}
.mn08 .info{ background:url('../images/main2019/pic08.jpg') no-repeat center bottom;}
.mn09 .info{ background:url('../images/main2019/pic07.jpg') no-repeat center bottom;}
.mn10 .info{ background:url('../images/main2019/pic10.jpg') no-repeat center bottom;}
.mn11 .info{ background:url('../images/main2019/pic11.jpg') no-repeat center bottom;}

.mapCon{ width:330px; height:270px; float:left; overflow:hidden;}


/* sec05 */
.sec05{background: #1279a9;background-size:cover;padding: 60px 0;}
.sec05 h2{color:#fff;margin-bottom: 45px;}
.sec05 .list_box{ display: block; text-align: center; margin: 0 auto; width:1200px;}
.sec05 .list_box li{ display: block; float: left; width:25%; margin:0; position: relative;}
.sec05 .list_box li:after{content:'';display: block;position: absolute;right:0;top:0;background: rgba(255,255,255,0.2);width:1px;height: 170px;}
.sec05 .list_box li:last-child:after{ display:none;}
.sec05 .list_box li a{ display: block;} 
.sec05 .list_box li a .tit{font-family: 'Nanum Barun Gothic', '나눔바른고딕';font-size: 18px;color:#fff;line-height: 1.2em;/* margin-bottom: 20px; */font-weight: 500;}
.sec05 .list_box li a .ico{margin-bottom: 25px;overflow: hidden;display: block;}
.sec05 .list_box li a .more{border-radius:5px;color:#fff;border-color:rgba(255,255,255,0.6);font-size:18px;padding: 15px 30px;display: inline-block;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;display: none;}
.sec05 .list_box li a:hover .more{color:#ffff0c;border-color:#ffff0c;background-color: transparent;}

/* sec06 */
.sec06{background: #f6f6f6;height: 115px;position:relative;}
.sec06 .arrow{position:relative; width:1260px; margin: 0 auto; z-index: 1; display: none;}
.sec06 .arrow a {position:absolute; top:40px; display:block; width:40px; height:40px; z-index:2; background:url('../images/main2019/arrow_logo.png') no-repeat; opacity: .4;}
.sec06 .arrow a span { visibility:hidden; font-size:0;}
.sec06 .arrow a.prev{ background-position: -1px -1px;  left:-50px;}
.sec06 .arrow a.next{ background-position: -43px -1px ; right:-50px;}
.sec06 .arrow a.prev:hover, .sec06 .arrow a.next:hover{ opacity: 0.8;}
.sec06 .scroll-img {height:60px;overflow:hidden; clear:both; margin:27px auto; z-index: 5}
.sec06 .scroll-img ul {position:relative; height:60px; margin:0; padding:0 }
.sec06 .scroll-img li {display: block;position:relative; height: 60px;margin:0 30px 0; float:left;}

/* Container DIV - automatically generated */
.simply-scroll-container { position: relative; }

/* Clip DIV - automatically generated */
.simply-scroll-clip { position: relative; overflow: hidden; z-index: 2; }

/* sec07 */
.sec07{  padding:90px 0; text-align: center; overflow: hidden;}
.sec07 h2{ margin-bottom: 50px; color:#000;}
.sec07 .list_box{ display: block; margin: 0 auto; width:1750px; overflow: hidden; margin-bottom: 40px;}
.sec07 .list_box li{ display: block; float: left; width:570px; margin-right:20px;}
.sec07 .list_box li:last-child{margin-right: 0;}
.sec07 .list_box li a{ display: block;background:#f1f1f1;} 
.sec07 .list_box li a .pic{ overflow: hidden; height: 320px;}
.sec07 .list_box li a .pic img{ width:100%; height: 100%; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.sec07 .list_box li a .tit{font-family: 'Nanum Barun Gothic', '나눔바른고딕';font-weight: 500;/* color:#000; */font-size: 18px;line-height: 1.2em;padding: 25px;text-align: left;}
.sec07 .list_box li a .tit em.ico{display: block;float:left;margin-right: 20px;}
.sec07 .list_box li a .tit span{display:block;font-size: 0.8em;color: #757171;font-weight: 600;}

.sec07 .more {display:inline-block;color: #444;border-color:rgba(0,0,0,0.8);font-size: 20px;padding: 15px 40px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 30px;line-height: 22px;}

.sec07 .list_box li a:hover .pic img{-webkit-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}