@charset "utf-8";

    #direct .cont li:nth-child(1) i{background-image:url("../img/index/main_bt_1_off.png")}
	#direct .cont li:nth-child(2) i{background-image:url("../img/index/main_bt_2_off.png")}
	#direct .cont li:nth-child(3) i{background-image:url("../img/index/main_bt_3_off.png")}
	#direct .cont li:nth-child(4) i{background-image:url("../img/index/main_bt_4_off.png")}
	#direct .cont li:nth-child(5) i{background-image:url("../img/index/main_bt_5_off.png")}
	#direct .cont li:nth-child(1):hover i{background-image:url("../img/index/main_bt_1_on.png")}
	#direct .cont li:nth-child(2):hover i{background-image:url("../img/index/main_bt_2_on.png")}
	#direct .cont li:nth-child(3):hover i{background-image:url("../img/index/main_bt_3_on.png")}
	#direct .cont li:nth-child(4):hover i{background-image:url("../img/index/main_bt_4_on.png")}
	#direct .cont li:nth-child(5):hover i{background-image:url("../img/index/main_bt_5_on.png")}

@media all and (min-width:1600px){
	
	/**/
	#visual{position:relative;}
	#visual .visual{position:relative;z-index:9}
	#visual .visual .item{position:relative;height: 645px;overflow:hidden;}
	#visual .visual .item *{line-height:1.2;text-transform:uppercase;transition:all 1s; background-size: 100%;}
	#visual .visual .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
	#visual .visual .box .img{}
	#visual .visual .box .img.mo{display:none !important}
	#visual .visual .box .tit{position:relative;z-index:2;display:block;line-height: 1;font-size: 46px;font-weight: 700;color: #fff;}
	#visual .visual .box .txt{position: relative;z-index: 2;display: block;padding: 30px 0 0 0;line-height: 1;font-size: 56px;font-weight: 700;color: #fff;}
	#visual .visual .swiper-slide-active .tit strong,
	#visual .visual .swiper-slide-active .txt{transform:translateY(0%);opacity:1}
	#visual .visual .swiper-dots{position:absolute;z-index:10;left: 50%;bottom: 20px;padding: 12px 20px;margin-left: -800px;text-align:center;border-radius: 18px;background: rgba(0,0,0,0.25);overflow: hidden;}
	#visual .visual .swiper-dots .dots{float:left;}
	#visual .visual .swiper-dots .dots span{position: relative;display:inline-block;width: 20px;height: 20px;text-indent:-9999em;background: transparent;border-radius:10px;opacity:1;}
	#visual .visual .swiper-dots .dots span:before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);}
	#visual .visual .swiper-dots .dots span:after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box}
	#visual .visual .swiper-dots .dots span + span{margin-left:12px;}
	#visual .visual .swiper-dots .dots span.swiper-pagination-bullet-active:before{width:12px;height:12px;}
	#visual .visual .swiper-dots .dots span.swiper-pagination-bullet-active:after{}
	#visual .visual .swiper-dots .play{float: left;margin-left:12px;width:20px;height:20px;background:url("../img/index/pause.png") no-repeat 50% 50%;cursor: pointer;}
	#visual .visual .swiper-dots .play.on{background:url("../img/index/play.png") no-repeat 50% 50%}
	#visual .visual .arrow{position:absolute;z-index:100;top: 50%;width:70px;line-height:70px;font-size:40px;text-align:center;color:#fff;cursor:pointer;transition:all .3s;}
	#visual .visual .arrow i{opacity:0.5}
	#visual .visual .arrow:hover i{opacity:1}
	#visual .visual .arrow span{display:none}
	#visual .visual .prev{left:0}
	#visual .visual .next{right:0}

	/**/
	#direct{position: relative;border-bottom: 1px solid #eee;}
	#direct .cont{}
	#direct .cont ul{font-size:0;background:#fff;border-left: 1px solid #eee;border-right: 1px solid #eee;}
	#direct .cont li{display:inline-block;width:20%;text-align: center;}
	#direct .cont li + li{border-left:1px solid #eee}
	#direct .cont a{display:block;padding:20px 0 30px 0;line-height: 30px;font-size: 22px;font-weight: 500;color: #000;font-family: 'Noto Sans KR';}
	#direct .cont i{display:block;margin: 0 auto 15px;width: 140px;height: 140px;border-radius: 50%;background-repeat:no-repeat;background-position:50% 0;background-color:#f2fbff}
	#direct .cont a:hover{color: #5397fa;background:#f2fbff;}
	#direct .cont a:hover i{background-color:#5397fa}
	
	/**/
	#community{padding:120px 0;}
	#community .cont{overflow:hidden}
	#community .cont .ntc{float:left;width: 64%;position: relative;padding: 0 50px 0 0;}
	#community .cont .ntc .box{overflow:hidden}
	#community .cont .ntc .tit{margin: 0 0 20px 0;line-height:50px;font-size: 30px;color: #000;font-family: 'Noto Sans KR';}
	#community .cont .ntc .list{position: relative;}
	#community .cont .ntc .swiper-wrapper{margin: 0 -9px;}
	#community .cont .ntc .item{padding: 0 10px;}
	#community .cont .ntc .inner{position:relative;display:block;padding:35px;min-height: 324px;border-radius:20px;background:#f8f8f8;}
	#community .cont .ntc .inner .cate{display:inline-block;margin:0 0 25px 0;padding:0 10px;line-height: 30px;font-size: 16px;font-weight:bold;color:#000;border-radius: 5px;}
	#community .cont .ntc .inner .cate1{background:#70ceff}
	#community .cont .ntc .inner .cate2{background:#ffd41c}
	#community .cont .ntc .inner .cate3{background:#abf5ff}
	#community .cont .ntc .inner .subj{line-height:30px;font-size:20px;color:#000;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cont .ntc .inner .date{position: absolute;bottom: 35px;left: 35px;line-height: 30px;font-size: 16px;color: #ababab;}
	#community .cont .ntc .swiper-ctrl{position:absolute;top: -70px;right: 0;}
	#community .cont .ntc .swiper-ctrl .arrow{float: left;width: 50px;height: 50px;text-align:center;cursor: pointer;border-radius: 5px;border: 1px solid #eee;}
    #community .cont .ntc .swiper-ctrl .arrow + .arrow{margin-left:10px}
    #community .cont .ntc .swiper-ctrl .prev{left:0;background:url("../img/index/ntc_prev.png") no-repeat 50% 50%}
    #community .cont .ntc .swiper-ctrl .next{right:0;background:url("../img/index/ntc_next.png") no-repeat 50% 50%}
    #community .cont .ntc .swiper-ctrl .arrow span{display:block;font-size:0;text-indent:-9999em;overflow:hidden}
	#community .cont .bnr{float:left;width: 36%;padding: 15px;border-radius: 15px;border: 1px solid #eee;}
	#community .cont .bnr .list{overflow:hidden;}
	#community .cont .bnr .list .desc{border-radius: 20px;overflow:hidden;}
    #community .cont .bnr .list img{display:block;width:100%;height: auto;}
    #community .cont .bnr .swiper-ctrl{display:block;padding: 6px 0;background:#fff;overflow: hidden;}
    #community .cont .bnr .swiper-arrow{float: right;position:relative;}
    #community .cont .bnr .swiper-arrow .play{position: relative;z-index: 4;margin:0 30px;width: 25px;height: 25px;display: block;background:url("../img/index/bnr_pause.png") no-repeat 50% 50%;}
    #community .cont .bnr .swiper-arrow .play.on{background:url("../img/index/bnr_play.png") no-repeat 50% 50%}
    #community .cont .bnr .swiper-arrow .arrow{position:absolute;z-index: 5;top:0;width: 25px;height: 25px;text-align:center;cursor: pointer;}
    #community .cont .bnr .swiper-arrow .arrow + .arrow{margin-left:10px}
    #community .cont .bnr .swiper-arrow .prev{left:0;background:url("../img/index/bnr_prev.png") no-repeat 50% 50%}
    #community .cont .bnr .swiper-arrow .next{right:0;background:url("../img/index/bnr_next.png") no-repeat 50% 50%}
    #community .cont .bnr .swiper-arrow .arrow span{display:block;font-size:0;text-indent:-9999em;overflow:hidden}
    #community .cont .bnr .swiper-nums{float: left;line-height: 25px;font-size:16px;}
    #community .cont .bnr .swiper-nums p{float:left;width: 10px;line-height: 25px;font-weight:600;color: #1e1e1e;text-align:center;}
    #community .cont .bnr .swiper-nums #start_index{margin:0;width: 25px;line-height: 25px;color: #000000;border-radius: 50%;background: #f9ed32;}
    #community .cont .bnr .swiper-nums #end_index{}

	/**/
	#notice .tabs{float:left;width:18%;padding:0 0 20px 0}
    #notice .tabs ul{}
    #notice .tabs li a{display:block;padding:0 20px;line-height: 70px;font-size: 22px;font-weight: 500;color:#000;border-radius: 15px;background:#fff url("../img/index/plus.png") no-repeat right 20px center;}
    #notice .tabs li.sel a{color:#fff;background-color: #5bb6ff; font-weight:700;}
	#notice .cons{float:left;width: 60%;padding: 0 30px;}
	#notice .cons ul{margin: 0 -20px;overflow:hidden;}
	#notice .cons li{float:left;width:33.33%;min-height: 400px;padding: 15px 20px 30px;}
	#notice .cons li + li{border-left:1px solid #e9e9e9;}
	#notice .cons a{display:block;}
	#notice .cons ul li .box{position:relative;}
	#notice .cons ul li .box .tit{height: 102px;line-height: 34px;font-size: 24px;font-weight: 500;color: #333;letter-spacing: -0.5px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#notice .cons ul li .box .dat{margin: 35px 0 0 0;padding: 0 80px 0 0;line-height: 24px;font-size:14px;color:#666;}
	#notice .cons ul li .box .ico{position:absolute;bottom:0;right: 10px;width: 60px;line-height: 24px;font-size: 16px;font-weight: 900;color: #5db5ff;border-radius: 50px;background: #eff8ff;letter-spacing: -0.5px;text-align: center;}
    #notice .cons ul li .txt{margin: 30px 0 0 0;padding: 30px 0 0 0;border-top:1px dashed #e9e9e9;height: 135px;line-height: 35px;font-size: 20px;font-weight: 400;color: #333;letter-spacing: -0.5px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#notice .menu{float:left;width: 22%;}
	#notice .menu .inner{padding:15px;height: 400px;border-radius: 25px;background: #eff8ff url("../img/index/food.png") no-repeat center bottom;background-size: 100% auto;}
	#notice .menu .tit{line-height:60px;font-size:20px;font-weight: 700;color: #fff;background: #5bb6ff;border-radius: 15px;text-align: center;letter-spacing: -0.5px;}
	#notice .menu .txt{margin-top: 25px;line-height: 40px;font-size: 20px;font-weight: 500;color:#333;letter-spacing:-0.5px;text-align: center;}
    #notice .menu .txt span{display:block;}
   	#community .cont .ntc .swiper-ctrl .arrow{float:left;margin-left:10px;width:50px;height:50px;border-radius:5px;border:1px solid #eee;background:#fff url("../img/index/story_more.png") no-repeat 50% 50%}

	/**/
	#story{padding:120px 0;background: #f2fbff;}
	#story .tabs{margin-bottom: 20px;}
	#story .tabs ul{font-size:0;}
	#story .tabs li{display:inline-block;position: relative;vertical-align:top;}
	#story .tabs li + li:before{content:'';position:absolute;top:50%;left:0;margin-left: -2px;width:4px;height:30px;background:#ababab;transform:translateY(-50%);}
	#story .tabs li + li{margin-left:10px;padding-left: 10px;}
	#story .tabs li a{display:block;padding: 0 20px;line-height: 50px;font-size: 30px;font-weight: 500;color: #ababab;font-family: 'Noto Sans KR';}
	#story .tabs li a.sel{color:#19475f;}
	#story .cons{overflow: hidden;}
	#story .cons .desc{padding:0 10px 20px}
	#story .cons .desc .inner{display: block;border:1px solid #e9e9e9;background:#fff;border-radius:15px;overflow:hidden}
	#story .cons .desc .img img{width:100%;height:auto}
	#story .cons .desc .sub{padding: 15px 15px 0 15px;line-height:24px;font-size:18px;font-weight:600;color:#5bb6ff;}
	#story .cons .desc .tit{padding: 15px;line-height:30px;font-size:20px;font-weight:500;color:#000;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#story .cons .desc .txt{padding:0 15px 15px;}
	#story .cons .desc .txt dl{padding: 10px 0 0 0;line-height:24px;border-top:1px solid #e9e9e9;overflow:hidden;}
	#story .cons .desc .txt dt{float:left;width:24px;height:24px;background:url("../img/index/time.png") no-repeat 50% 50%}
	#story .cons .desc .txt dt img{display:block;}
	#story .cons .desc .txt dd{float:right;font-size:15px;color:#999;}
    #story .cons .swiper-ctrl{position: absolute;top: 0px;right: 0;}
    #story .cons .swiper-ctrl .ctrl{display:inline-block;vertical-align:top;overflow:hidden}
    #story .cons .swiper-ctrl .ctrl .arrow{width: 50px;height: 50px;cursor: pointer;}
    #story .cons .swiper-ctrl .ctrl .prev{float:left;border-radius:5px;border:1px solid #eee;background:#fff url("../img/index/story_prev.png") no-repeat 50% 50%}
    #story .cons .swiper-ctrl .ctrl .next{float:left;margin-left:10px;border-radius:5px;border:1px solid #eee;background:#fff url("../img/index/story_next.png") no-repeat 50% 50%}
    #story .cons .swiper-ctrl .ctrl a{float:left;margin-left:10px;width:50px;height:50px;border-radius:5px;border:1px solid #eee;background:#fff url("../img/index/story_more.png") no-repeat 50% 50%}
    
	/**/
    #info{padding:120px 0;}
    #info .qik{float:left;width: 38%;}
    #info .qik ul{overflow:hidden;border-radius:25px;border: 1px solid #eee;}
    #info .qik li{float:left;width:50%}
    #info .qik li:nth-child(1),
    #info .qik li:nth-child(3){border-right:1px solid #eee}
    #info .qik li:nth-child(3),
    #info .qik li:nth-child(4){border-top:1px solid #eee}
    #info .qik li a {display: block;padding: 50px 0 25px 0;text-align: center;}
    #info .qik li a .img{margin: 0 auto;width: 130px;height: 110px;}
    #info .qik li a .tit{margin-top: 30px;line-height: 30px;font-size: 22px;font-weight: 500;color: #000;font-family: 'Noto Sans KR';}
    #info .qik li:nth-child(1) a .img{background:url("../img/index/s_main_bt_1_off.png") no-repeat 50% 50%}
    #info .qik li:nth-child(2) a .img{background:url("../img/index/s_main_bt_2_off.png") no-repeat 50% 50%}
    #info .qik li:nth-child(3) a .img{background:url("../img/index/s_main_bt_3_off.png") no-repeat 50% 50%}
    #info .qik li:nth-child(4) a .img{background:url("../img/index/s_main_bt_4_off.png") no-repeat 50% 50%}
    #info .qik li:nth-child(1) a:hover .img{background:url("../img/index/s_main_bt_1_on.png") no-repeat 50% 50%}
    #info .qik li:nth-child(2) a:hover .img{background:url("../img/index/s_main_bt_2_on.png") no-repeat 50% 50%}
    #info .qik li:nth-child(3) a:hover .img{background:url("../img/index/s_main_bt_3_on.png") no-repeat 50% 50%}
    #info .qik li:nth-child(4) a:hover .img{background:url("../img/index/s_main_bt_4_on.png") no-repeat 50% 50%}
    #info .qik li a:hover{background:#5bb6ff; font-weight:700;}
    #info .qik li a:hover .tit{color:#fff;}
    #info .info{float:left;width:62%;padding: 15px 0 0 0;padding-left: 35px;}
    #info .tabs1{margin-bottom: 50px;}
	#info .tabs1 ul{font-size:0;}
	#info .tabs1 li{display:inline-block;position: relative;vertical-align:top;}
	#info .tabs1 li + li:before{content:'';position:absolute;top:50%;left:0;margin-left: -2px;width:4px;height: 26px;background:#ababab;transform:translateY(-50%);}
	#info .tabs1 li + li{margin-left: 15px;padding-left: 15px;}
	#info .tabs1 li a{display:block;line-height: 50px;font-size: 34px;font-weight: 500;color: #ababab;font-family: 'Noto Sans KR';}
	#info .tabs1 li a.sel{color: #000;}
	#info .cont{position:relative;}
	#info .cont .more{position:absolute;top: -100px;right:0;}
	#info .cont .more a{display:block;width:50px;height:50px;border-radius:5px;background:#fff url("../img/index/info_more.png") no-repeat 50% 50%;border:1px solid #eee;}
	#info .cont .list{overflow:hidden;margin: 0 -15px;}
	#info .cont .desc{float:left;width:33.33%;padding: 0 15px;}
	#info .cont .desc .inner{display: block;background:#fff;overflow:hidden;text-align: center;}
	#info .cont .desc .img{border-radius:15px;overflow:hidden;}
	#info .cont .desc .img img{width:100%;height:auto}
	#info .cont .desc .sub{padding: 15px 15px 0 15px;line-height:24px;font-size:18px;font-weight:600;color:#5bb6ff;}
	#info .cont .desc .tit{padding: 25px 15px;line-height:30px;font-size:20px;font-weight:500;color:#000;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#info .cont .desc .txt{padding:0 15px 15px;}
	#info .cont .desc .txt dl{padding: 10px 0 0 0;line-height:24px;border-top:1px solid #e9e9e9;overflow:hidden;}
	#info .cont .desc .txt dt{float:left;width:24px;height:24px;background:url("../img/index/time.png") no-repeat 50% 50%}
	#info .cont .desc .txt dt img{display:block;}
	#info .cont .desc .txt dd{float:right;font-size:15px;color:#999;}

	/**/
	#agency{padding: 0 0 70px 0;}
	#agency .agency{padding-left: 10%;width: 100%;height: 100%;position: relative;overflow: hidden;border: 1px solid #eee;border-radius: 25px;}
	#agency .cntbox{position: relative;padding: 25px 0;overflow: hidden;}
	#agency .swiper-wrapper{transition-property:all;transition-timing-function:linear;}
	#agency .swiper-slide{text-align:center}
	#agency .swiper-slide img {margin:25px 0;height:50px; width:100%; max-width:250px;}
	#agency .agency .ctrl{position:absolute;z-index:10;top:0;left:0;padding:20px;width:10%;height:100%;background:#fff;}
    #agency .agency .ctrl .arrow{float: left;width: 45px;height: 100%;border: 1px solid #eee;border-radius: 5px;cursor: pointer;}
    #agency .agency .ctrl .arrow + .arrow{margin-left:5px;}
    #agency .agency .ctrl .prev{background:#fff url("../img/index/agency_prev.png") no-repeat 50% 50%}
    #agency .agency .ctrl .next{background:#fff url("../img/index/agency_next.png") no-repeat 50% 50%}
}

@media (max-width:1600px) and (min-width:749px) {
	
	/**/
	#visual{position:relative;}
	#visual .visual{position:relative;z-index:9}
	#visual .visual .item{position:relative;padding: 44% 0 0 0;background: #fff;overflow:hidden;}
	#visual .visual .item *{line-height:1.2;text-transform:uppercase;transition:all 1s; background-size: 100%;}

	#visual .visual .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 111px 0 0 0;text-align: center;}
	#visual .visual .box .img{position: absolute;bottom: 0;left: 0;width: 100%;}
	#visual .visual .box .img.mo{display:none !important}
	#visual .visual .box .img img{width: 100%;height: auto;}
	#visual .visual .box .tit{position:relative;z-index:2;display:block;line-height: 1;font-size: 46px;font-weight: 700;color: #fff;}
	#visual .visual .box .txt{position: relative;z-index: 2;display: block;padding: 30px 0 0 0;line-height: 1;font-size: 56px;font-weight: 700;color: #fff;}
	#visual .visual .swiper-slide-active .tit strong,
	#visual .visual .swiper-slide-active .txt{transform:translateY(0%);opacity:1}
	#visual .visual .swiper-dots{position:absolute;z-index:10;left: 10px;bottom: 10px;padding: 8px;text-align:center;border-radius: 18px;background: rgba(0,0,0,0.25);overflow: hidden;}
	#visual .visual .swiper-dots .dots{float:left;}
	#visual .visual .swiper-dots .dots span{position: relative;display:inline-block;width: 20px;height: 20px;text-indent:-9999em;background: transparent;border-radius:10px;opacity:1;}
	#visual .visual .swiper-dots .dots span:before{content:'';position:absolute;top:50%;left:50%;width: 14px;height: 14px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);}
	#visual .visual .swiper-dots .dots span:after{content:'';position:absolute;top:50%;left:50%;width: 16px;height: 16px;border: 2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box;}
	#visual .visual .swiper-dots .dots span + span{margin-left:12px;}
	#visual .visual .swiper-dots .dots span.swiper-pagination-bullet-active:before{width: 8px;height: 8px;}
	#visual .visual .swiper-dots .dots span.swiper-pagination-bullet-active:after{}
	#visual .visual .swiper-dots .play{float: left;margin-left:12px;width:20px;height:20px;background:url("../img/index/pause.png") no-repeat 50% 50%;cursor: pointer;background-size: auto 12px;}
	#visual .visual .swiper-dots .play.on{background:url("../img/index/play.png") no-repeat 50% 50%;background-size: auto 14px;}
	#visual .visual .arrow{position:absolute;z-index:100;top: 50%;width:70px;line-height:70px;font-size:40px;text-align:center;color:#fff;cursor:pointer;transition:all .3s;}
	#visual .visual .arrow i{opacity:0.5}
	#visual .visual .arrow:hover i{opacity:1}
	#visual .visual .arrow span{display:none}
	#visual .visual .prev{left:0}
	#visual .visual .next{right:0}

	/**/
	#direct{position: relative;border-bottom: 1px solid #eee;}
	#direct .cont{}
	#direct .cont ul{font-size:0;background:#fff;border-left: 1px solid #eee;border-right: 1px solid #eee;}
	#direct .cont li{display:inline-block;width:20%;text-align: center;}
	#direct .cont li + li{border-left:1px solid #eee}
	#direct .cont a{display:block;padding:20px 0 30px 0;line-height: 20px;font-size: 17px;font-weight: 500;color: #000;font-family: 'Noto Sans KR';}
	#direct .cont i{display:block;margin: 0 auto 15px;width: 100px;height: 100px;border-radius: 50%;background-repeat:no-repeat;background-position:50% 0;background-color:#f2fbff;background-size: cover !important;}
	#direct .cont a:hover{color: #5397fa;background:#f2fbff;}
	#direct .cont a:hover i{background-color:#5397fa}
	
	/**/
	#community{padding: 60px 0;}
	#community .cont{overflow:hidden}
	#community .cont .ntc{float:left;width: calc(100% - 400px);position: relative;padding: 0 20px 0 0;}
	#community .cont .ntc .box{overflow:hidden}
	#community .cont .ntc .tit{margin: 0 0 20px 0;line-height: 40px;font-size: 22px;color: #000;font-family: 'Noto Sans KR';}
	#community .cont .ntc .list{position: relative;}
	#community .cont .ntc .swiper-wrapper{margin: 0 -4px;}
	#community .cont .ntc .item{padding: 0 4px;}
	#community .cont .ntc .inner{position:relative;display:block;padding: 15px;min-height: 223px;border-radius:20px;background:#f8f8f8;}
	#community .cont .ntc .inner .cate{display:inline-block;margin: 0 0 10px 0;padding:0 10px;line-height: 30px;font-size: 16px;font-weight:bold;color:#000;border-radius: 5px;}
	#community .cont .ntc .inner .cate1{background:#70ceff}
	#community .cont .ntc .inner .cate2{background:#ffd41c}
	#community .cont .ntc .inner .cate3{background:#abf5ff}
	#community .cont .ntc .inner .subj{height: 75px;line-height: 25px;font-size: 16px;color:#000;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cont .ntc .inner .date{position: absolute;bottom: 15px;left: 15px;line-height: 24px;font-size: 14px;color: #ababab;}
	#community .cont .ntc .swiper-ctrl{position:absolute;top: -60px;right: 0;}
	#community .cont .ntc .swiper-ctrl .arrow{float: left;width: 40px;height: 40px;text-align:center;cursor: pointer;border-radius: 5px;border: 1px solid #eee;}
    #community .cont .ntc .swiper-ctrl .arrow + .arrow{margin-left:10px}
    #community .cont .ntc .swiper-ctrl .prev{left:0;background:url("../img/index/ntc_prev.png") no-repeat 50% 50%;background-size: cover;}
    #community .cont .ntc .swiper-ctrl .next{right:0;background:url("../img/index/ntc_next.png") no-repeat 50% 50%;background-size: cover;}
    #community .cont .ntc .swiper-ctrl .arrow span{display:block;font-size:0;text-indent:-9999em;overflow:hidden}
	#community .cont .bnr{float:left;width: 400px;padding: 8px;border-radius: 15px;border: 1px solid #eee;}
	#community .cont .bnr .list{overflow:hidden;}
	#community .cont .bnr .list .desc{border-radius: 20px;overflow:hidden;}
    #community .cont .bnr .list img{display:block;width:100%;height: auto;}
    #community .cont .bnr .swiper-ctrl{display:block;padding: 6px 0;background:#fff;overflow: hidden;}
    #community .cont .bnr .swiper-arrow{float: right;position:relative;}
    #community .cont .bnr .swiper-arrow .play{position: relative;z-index: 4;margin:0 30px;width: 25px;height: 25px;display: block;background:url("../img/index/bnr_pause.png") no-repeat 50% 50%;}
    #community .cont .bnr .swiper-arrow .play.on{background:url("../img/index/bnr_play.png") no-repeat 50% 50%}
    #community .cont .bnr .swiper-arrow .arrow{position:absolute;z-index: 5;top:0;width: 25px;height: 25px;text-align:center;cursor: pointer;}
    #community .cont .bnr .swiper-arrow .arrow + .arrow{margin-left:10px}
    #community .cont .bnr .swiper-arrow .prev{left:0;background:url("../img/index/bnr_prev.png") no-repeat 50% 50%}
    #community .cont .bnr .swiper-arrow .next{right:0;background:url("../img/index/bnr_next.png") no-repeat 50% 50%}
    #community .cont .bnr .swiper-arrow .arrow span{display:block;font-size:0;text-indent:-9999em;overflow:hidden}
    #community .cont .bnr .swiper-nums{float: left;line-height: 25px;font-size:16px;}
    #community .cont .bnr .swiper-nums p{float:left;width: 10px;line-height: 25px;font-weight:600;color: #1e1e1e;text-align:center;}
    #community .cont .bnr .swiper-nums #start_index{margin:0;width: 25px;line-height: 25px;color: #000000;border-radius: 50%;background: #f9ed32;}
    #community .cont .bnr .swiper-nums #end_index{}

	/**/
	#notice .tabs{float:left;width:18%;padding:0 0 20px 0}
    #notice .tabs ul{}
    #notice .tabs li a{display:block;padding:0 20px;line-height: 70px;font-size: 22px;font-weight: 500;color:#000;border-radius: 15px;background:#fff url("../img/index/plus.png") no-repeat right 20px center;}
    #notice .tabs li.sel a{color:#fff;background-color: #5bb6ff; font-weight:700;}
	#notice .cons{float:left;width: 60%;padding: 0 30px;}
	#notice .cons ul{margin: 0 -20px;overflow:hidden;}
	#notice .cons li{float:left;width:33.33%;min-height: 400px;padding: 15px 20px 30px;}
	#notice .cons li + li{border-left:1px solid #e9e9e9;}
	#notice .cons a{display:block;}
	#notice .cons ul li .box{position:relative;}
	#notice .cons ul li .box .tit{height: 102px;line-height: 34px;font-size: 24px;font-weight: 500;color: #333;letter-spacing: -0.5px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#notice .cons ul li .box .dat{margin: 35px 0 0 0;padding: 0 80px 0 0;line-height: 24px;font-size:14px;color:#666;}
	#notice .cons ul li .box .ico{position:absolute;bottom:0;right: 10px;width: 60px;line-height: 24px;font-size: 16px;font-weight: 900;color: #5db5ff;border-radius: 50px;background: #eff8ff;letter-spacing: -0.5px;text-align: center;}
    #notice .cons ul li .txt{margin: 30px 0 0 0;padding: 30px 0 0 0;border-top:1px dashed #e9e9e9;height: 135px;line-height: 35px;font-size: 20px;font-weight: 400;color: #333;letter-spacing: -0.5px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#notice .menu{float:left;width: 22%;}
	#notice .menu .inner{padding:15px;height: 400px;border-radius: 25px;background: #eff8ff url("../img/index/food.png") no-repeat center bottom;background-size: 100% auto;}
	#notice .menu .tit{line-height:60px;font-size:20px;font-weight: 700;color: #fff;background: #5bb6ff;border-radius: 15px;text-align: center;letter-spacing: -0.5px;}
	#notice .menu .txt{margin-top: 25px;line-height: 40px;font-size: 20px;font-weight: 500;color:#333;letter-spacing:-0.5px;text-align: center;}
    #notice .menu .txt span{display:block;}

	/**/
	#story{padding: 60px 0;background: #f2fbff;}
	#story .tabs{margin-bottom: 20px;}
	#story .tabs ul{font-size:0;}
	#story .tabs li{display:inline-block;position: relative;vertical-align:top;}
	#story .tabs li + li:before{content:'';position:absolute;top:50%;left:0;margin-left: -1px;width: 2px;height: 15px;background:#ababab;transform:translateY(-50%);}
	#story .tabs li + li{margin-left: 20px;padding-left: 20px;}
	#story .tabs li a{display:block;line-height: 40px;font-size: 22px;font-weight: 500;color: #ababab;font-family: 'Noto Sans KR';}
	#story .tabs li a.sel{color:#19475f;}
	#story .cons{overflow: hidden;}
	#story .cons .desc{padding:0 10px 20px}
	#story .cons .desc .inner{display: block;border:1px solid #e9e9e9;background:#fff;border-radius:15px;overflow:hidden}
	#story .cons .desc .img img{width:100%;height:auto}
	#story .cons .desc .sub{padding: 15px 15px 0 15px;line-height:24px;font-size:18px;font-weight:600;color:#5bb6ff;}
	#story .cons .desc .tit{padding: 15px;line-height:30px;font-size:20px;font-weight:500;color:#000;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#story .cons .desc .txt{padding:0 15px 15px;}
	#story .cons .desc .txt dl{padding: 10px 0 0 0;line-height:24px;border-top:1px solid #e9e9e9;overflow:hidden;}
	#story .cons .desc .txt dt{float:left;width:24px;height:24px;background:url("../img/index/time.png") no-repeat 50% 50%}
	#story .cons .desc .txt dt img{display:block;}
	#story .cons .desc .txt dd{float:right;font-size:15px;color:#999;}
    #story .cons .swiper-ctrl{position: absolute;top: 0px;right: 0;}
    #story .cons .swiper-ctrl .ctrl{display:inline-block;vertical-align:top;overflow:hidden}
    #story .cons .swiper-ctrl .ctrl .arrow{width: 40px;height: 40px;cursor: pointer;}
    #story .cons .swiper-ctrl .ctrl .prev{float:left;border-radius:5px;border:1px solid #eee;background:#fff url("../img/index/story_prev.png") no-repeat 50% 50%;background-size: cover;}
    #story .cons .swiper-ctrl .ctrl .next{float:left;margin-left:10px;border-radius:5px;border:1px solid #eee;background:#fff url("../img/index/story_next.png") no-repeat 50% 50%;background-size: cover;}
    #story .cons .swiper-ctrl .ctrl a{float:left;margin-left:10px;width:40px;height:40px;border-radius:5px;border:1px solid #eee;background:#fff url("../img/index/story_more.png") no-repeat 50% 50%;background-size: cover;}
    
	/**/
    #info{padding: 60px 0;}
    #info .qik{float:left;width: 40%;}
    #info .qik ul{overflow:hidden;border-radius:25px;border: 1px solid #eee;}
    #info .qik li{float:left;width:50%}
    #info .qik li:nth-child(1),
    #info .qik li:nth-child(3){border-right:1px solid #eee}
    #info .qik li:nth-child(3),
    #info .qik li:nth-child(4){border-top:1px solid #eee}
    #info .qik li a {display: block;padding: 15px 5px;text-align: center;}
    #info .qik li a .img{margin: 0 auto;width: 85px;height: 80px;}
    #info .qik li a .tit{margin-top: 10px;line-height: 30px;font-size: 16px;font-weight: 500;color: #000;font-family: 'Noto Sans KR';}
    #info .qik li:nth-child(1) a .img{background:url("../img/index/s_main_bt_1_off.png") no-repeat 50% 50%;background-size:cover}
    #info .qik li:nth-child(2) a .img{background:url("../img/index/s_main_bt_2_off.png") no-repeat 50% 50%;background-size:cover}
    #info .qik li:nth-child(3) a .img{background:url("../img/index/s_main_bt_3_off.png") no-repeat 50% 50%;background-size:cover}
    #info .qik li:nth-child(4) a .img{background:url("../img/index/s_main_bt_4_off.png") no-repeat 50% 50%;background-size:cover}
    #info .qik li:nth-child(1) a:hover .img{background:url("../img/index/s_main_bt_1_on.png") no-repeat 50% 50%;background-size:cover}
    #info .qik li:nth-child(2) a:hover .img{background:url("../img/index/s_main_bt_2_on.png") no-repeat 50% 50%;background-size:cover}
    #info .qik li:nth-child(3) a:hover .img{background:url("../img/index/s_main_bt_3_on.png") no-repeat 50% 50%;background-size:cover}
    #info .qik li:nth-child(4) a:hover .img{background:url("../img/index/s_main_bt_4_on.png") no-repeat 50% 50%;background-size:cover}
    #info .qik li a:hover{background:#5bb6ff; font-weight:700;}
    #info .qik li a:hover .tit{color:#fff;}
    #info .info{float:left;width: 60%;padding-left: 25px;}
    #info .tabs1{margin-bottom: 20px;}
	#info .tabs1 ul{font-size:0;}
	#info .tabs1 li{display:inline-block;position: relative;vertical-align:top;}
	#info .tabs1 li + li:before{content:'';position:absolute;top:50%;left:0;margin-left: -1px;width: 2px;height: 15px;background:#ababab;transform:translateY(-50%);}
	#info .tabs1 li + li{margin-left: 15px;padding-left: 15px;}
	#info .tabs1 li a{display:block;line-height: 40px;font-size: 22px;font-weight: 500;color: #ababab;font-family: 'Noto Sans KR';}
	#info .tabs1 li a.sel{color: #000;}
	#info .cont{position:relative;}
	#info .cont .more{position:absolute;top: -60px;right:0;}
	#info .cont .more a{display:block;width: 40px;height: 40px;border-radius:5px;background:#fff url("../img/index/info_more.png") no-repeat 50% 50%;border:1px solid #eee;background-size: cover;}
	#info .cont .list{overflow:hidden;margin: 0 -5px;}
	#info .cont .desc{float:left;width:33.33%;padding: 0 5px;}
	#info .cont .desc .inner{display: block;background:#fff;overflow:hidden;text-align: center;}
	#info .cont .desc .img{border-radius:15px;overflow:hidden;}
	#info .cont .desc .img img{width:100%;height:auto}
	#info .cont .desc .sub{padding: 15px 15px 0 15px;line-height:24px;font-size:18px;font-weight:600;color:#5bb6ff;}
	#info .cont .desc .tit{padding: 15px 0;line-height:30px;font-size: 16px;font-weight:500;color:#000;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#info .cont .desc .txt{padding:0 15px 15px;}
	#info .cont .desc .txt dl{padding: 10px 0 0 0;line-height:24px;border-top:1px solid #e9e9e9;overflow:hidden;}
	#info .cont .desc .txt dt{float:left;width:24px;height:24px;background:url("../img/index/time.png") no-repeat 50% 50%}
	#info .cont .desc .txt dt img{display:block;}
	#info .cont .desc .txt dd{float:right;font-size:15px;color:#999;}

	/**/
	#agency{padding: 0 0 70px 0;}
	#agency .agency{padding-left: 150px;width: 100%;height: 100%;position: relative;overflow: hidden;border: 1px solid #eee;border-radius: 25px;}
	#agency .agency .wrapper{transition-timing-function: linear !important;font-size: 0;}
	#agency .agency .slide{position:relative;text-align: center;}
	#agency .swiper-slide img {margin:35px 0;width:100%; max-width:180px;}
	#agency .agency .ctrl{position:absolute;z-index:10;top:0;left:0;padding:20px;width: 150px;height:100%;background:#fff;}
    #agency .agency .ctrl .arrow{float: left;width: 45px;height: 100%;border: 1px solid #eee;border-radius: 5px;cursor: pointer;}
    #agency .agency .ctrl .arrow + .arrow{margin-left:5px;}
    #agency .agency .ctrl .prev{background:#fff url("../img/index/agency_prev.png") no-repeat 50% 50%;background-size: auto 15px;}
    #agency .agency .ctrl .next{background:#fff url("../img/index/agency_next.png") no-repeat 50% 50%;background-size: auto 15px;}
}
@media (max-width: 748px){
	/**/
	#visual{position:relative;}
	#visual .visual{position:relative;z-index:9}
	#visual .visual .item{position:relative;padding: 84% 0 0 0;overflow:hidden;}
	#visual .visual .item *{line-height:1.2;text-transform:uppercase;transition:all 1s; background-size: 100%;}

	#visual .visual .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 60px 0 0 0;text-align: center;}
	#visual .visual .box .img{display:none !important;position: absolute;bottom: 0;left: 0;width: 100%;}
	#visual .visual .box .img.mo{display:block !important;position: absolute;bottom: 0;left: 0;width: 100%;}
	#visual .visual .box .img img{width:100%;height: auto;}
	#visual .visual .box .tit{position:relative;z-index:2;display:block;line-height: 1;font-size: 46px;font-weight: 700;color: #fff;}
	#visual .visual .box .txt{position: relative;z-index: 2;display: block;padding: 30px 0 0 0;line-height: 1;font-size: 56px;font-weight: 700;color: #fff;}
	#visual .visual .swiper-slide-active .tit strong,
	#visual .visual .swiper-slide-active .txt{transform:translateY(0%);opacity:1}
	#visual .visual .swiper-dots{position:absolute;z-index:10;left: 50%;bottom: 20px;padding: 12px 20px;margin-left: -800px;text-align:center;border-radius: 18px;background: rgba(0,0,0,0.25);overflow: hidden;}
	#visual .visual .swiper-dots .dots{float:left;}
	#visual .visual .swiper-dots .dots span{position: relative;display:inline-block;width: 20px;height: 20px;text-indent:-9999em;background: transparent;border-radius:10px;opacity:1;}
	#visual .visual .swiper-dots .dots span:before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);}
	#visual .visual .swiper-dots .dots span:after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box}
	#visual .visual .swiper-dots .dots span + span{margin-left:12px;}
	#visual .visual .swiper-dots .dots span.swiper-pagination-bullet-active:before{width:12px;height:12px;}
	#visual .visual .swiper-dots .dots span.swiper-pagination-bullet-active:after{}
	#visual .visual .swiper-dots .play{float: left;margin-left:12px;width:20px;height:20px;background:url("../img/index/pause.png") no-repeat 50% 50%;cursor: pointer;}
	#visual .visual .swiper-dots .play.on{background:url("../img/index/play.png") no-repeat 50% 50%}
	#visual .visual .arrow{position:absolute;z-index:100;top: 50%;width: 60px;line-height: 60px;font-size: 25px;text-align:center;color:#fff;cursor:pointer;transition:all .3s;}
	#visual .visual .arrow i{opacity:0.5}
	#visual .visual .arrow:hover i{opacity:1}
	#visual .visual .arrow span{display:none}
	#visual .visual .prev{left:0}
	#visual .visual .next{right:0}

	/**/
	#direct{position: relative;border-bottom: 1px solid #eee;}
	#direct .khwrap{margin:0;}
	#direct .cont{}
	#direct .cont ul{font-size:0;background:#fff;border-left: 1px solid #eee;border-right: 1px solid #eee;}
	#direct .cont li{display:inline-block;width: 20%;text-align: center;vertical-align: top;}
	#direct .cont li + li{border-left:1px solid #eee}
	#direct .cont a{display:block;padding: 10px 0;line-height: 15px;font-size: 13px;font-weight: 500;color: #000;font-family: 'Noto Sans KR'; word-break:keep-all;}
	#direct .cont i{display:block;margin: 0 auto 15px;width: 50px;height: 50px;border-radius: 50%;background-size: cover;background-repeat:no-repeat;background-position:50% 0;background-color:#f2fbff;}
	#direct .cont a:hover{color: #5397fa;background:#f2fbff;}
	#direct .cont a:hover i{background-color:#5397fa}
	
	/**/
	#community{padding: 30px 0;}
	#community .cont{overflow:hidden}
	#community .cont .ntc{position: relative;}
	#community .cont .ntc .box{overflow:hidden}
	#community .cont .ntc .tit{margin: 0 0 20px 0;line-height: 30px;font-size: 18px;color: #000;font-family: 'Noto Sans KR';}
	#community .cont .ntc .list{position: relative;}
	#community .cont .ntc .swiper-wrapper{margin: 0 -9px;}
	#community .cont .ntc .item{padding: 0 5px;}
	#community .cont .ntc .inner{position:relative;display:block;padding: 15px;min-height: 170px;border-radius: 5px;background:#f8f8f8;}
	#community .cont .ntc .inner .cate{display:inline-block;margin: 0 0 10px 0;padding:0 10px;line-height: 30px;font-size: 13px;font-weight:bold;color:#000;border-radius: 5px;}
	#community .cont .ntc .inner .cate1{background:#70ceff}
	#community .cont .ntc .inner .cate2{background:#ffd41c}
	#community .cont .ntc .inner .cate3{background:#abf5ff}
	#community .cont .ntc .inner .subj{line-height: 20px;font-size: 15px;color:#000;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 60px;}
	#community .cont .ntc .inner .date{position: absolute;bottom: 15px;left: 15px;line-height: 30px;font-size: 12px;color: #ababab;}
	#community .cont .ntc .swiper-ctrl{position:absolute;top: -50px;right: 0;}
	#community .cont .ntc .swiper-ctrl .arrow{float: left;width: 30px;height: 30px;text-align:center;cursor: pointer;border-radius: 5px;border: 1px solid #eee;}
    #community .cont .ntc .swiper-ctrl .arrow + .arrow{margin-left:10px}
    #community .cont .ntc .swiper-ctrl .prev{left:0;background:url("../img/index/ntc_prev.png") no-repeat 50% 50%;background-size: cover;}
    #community .cont .ntc .swiper-ctrl .next{right:0;background:url("../img/index/ntc_next.png") no-repeat 50% 50%;background-size: cover;}
    #community .cont .ntc .swiper-ctrl .arrow span{display:block;font-size:0;text-indent:-9999em;overflow:hidden}
	#community .cont .bnr{margin-top: 25px;padding: 10px;border-radius: 15px;border: 1px solid #eee;}
	#community .cont .bnr .list{overflow:hidden;}
	#community .cont .bnr .list .desc{border-radius: 10px;overflow:hidden;}
    #community .cont .bnr .list img{display:block;width:100%;height: auto;}
    #community .cont .bnr .swiper-ctrl{display:block;padding: 6px 0;background:#fff;overflow: hidden;}
    #community .cont .bnr .swiper-arrow{float: right;position:relative;}
    #community .cont .bnr .swiper-arrow .play{position: relative;z-index: 4;margin:0 30px;width: 25px;height: 25px;display: block;background:url("../img/index/bnr_pause.png") no-repeat 50% 50%;background-size: auto 15px;}
    #community .cont .bnr .swiper-arrow .play.on{background:url("../img/index/bnr_play.png") no-repeat 50% 50%}
    #community .cont .bnr .swiper-arrow .arrow{position:absolute;z-index: 5;top:0;width: 25px;height: 25px;text-align:center;cursor: pointer;}
    #community .cont .bnr .swiper-arrow .arrow + .arrow{margin-left:10px}
    #community .cont .bnr .swiper-arrow .prev{left:0;background:url("../img/index/bnr_prev.png") no-repeat 50% 50%;background-size: auto 15px;}
    #community .cont .bnr .swiper-arrow .next{right:0;background:url("../img/index/bnr_next.png") no-repeat 50% 50%;background-size: auto 15px;}
    #community .cont .bnr .swiper-arrow .arrow span{display:block;font-size:0;text-indent:-9999em;overflow:hidden}
    #community .cont .bnr .swiper-nums{float: left;line-height: 25px;font-size: 11px;}
    #community .cont .bnr .swiper-nums p{float:left;width: 10px;line-height: 25px;font-weight:600;color: #1e1e1e;text-align:center;}
    #community .cont .bnr .swiper-nums #start_index{margin:0;width: 25px;line-height: 25px;color: #000000;border-radius: 50%;background: #f9ed32;}
    #community .cont .bnr .swiper-nums #end_index{}

	/**/
	#notice .tabs{float:left;width:18%;padding:0 0 20px 0}
    #notice .tabs ul{}
    #notice .tabs li a{display:block;padding:0 20px;line-height: 70px;font-size: 22px;font-weight: 500;color:#000;border-radius: 15px;background:#fff url("../img/index/plus.png") no-repeat right 20px center;}
    #notice .tabs li.sel a{color:#fff;background-color: #5bb6ff; font-weight:700;}
	#notice .cons{float:left;width: 60%;padding: 0 30px;}
	#notice .cons ul{margin: 0 -20px;overflow:hidden;}
	#notice .cons li{float:left;width:33.33%;min-height: 400px;padding: 15px 20px 30px;}
	#notice .cons li + li{border-left:1px solid #e9e9e9;}
	#notice .cons a{display:block;}
	#notice .cons ul li .box{position:relative;}
	#notice .cons ul li .box .tit{height: 102px;line-height: 34px;font-size: 24px;font-weight: 500;color: #333;letter-spacing: -0.5px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#notice .cons ul li .box .dat{margin: 35px 0 0 0;padding: 0 80px 0 0;line-height: 24px;font-size:14px;color:#666;}
	#notice .cons ul li .box .ico{position:absolute;bottom:0;right: 10px;width: 60px;line-height: 24px;font-size: 16px;font-weight: 900;color: #5db5ff;border-radius: 50px;background: #eff8ff;letter-spacing: -0.5px;text-align: center;}
    #notice .cons ul li .txt{margin: 30px 0 0 0;padding: 30px 0 0 0;border-top:1px dashed #e9e9e9;height: 135px;line-height: 35px;font-size: 20px;font-weight: 400;color: #333;letter-spacing: -0.5px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#notice .menu{float:left;width: 22%;}
	#notice .menu .inner{padding:15px;height: 400px;border-radius: 25px;background: #eff8ff url("../img/index/food.png") no-repeat center bottom;background-size: 100% auto;}
	#notice .menu .tit{line-height:60px;font-size:20px;font-weight: 700;color: #fff;background: #5bb6ff;border-radius: 15px;text-align: center;letter-spacing: -0.5px;}
	#notice .menu .txt{margin-top: 25px;line-height: 40px;font-size: 20px;font-weight: 500;color:#333;letter-spacing:-0.5px;text-align: center;}
    #notice .menu .txt span{display:block;}

	/**/
	#story{padding: 30px 0;background: #f2fbff;}
	#story .tabs{margin-bottom: 20px;}
	#story .tabs ul{font-size:0;}
	#story .tabs li{display:inline-block;position: relative;vertical-align:top;}
	#story .tabs li + li:before{content:'';position:absolute;top:50%;left:0;margin-left: -1px;width: 2px;height: 20px;background:#ababab;transform:translateY(-50%);}
	#story .tabs li + li{margin-left:10px;padding-left: 10px;}
	#story .tabs li a{display:block;line-height: 30px;font-size: 18px;font-weight: 500;color: #ababab;font-family: 'Noto Sans KR';}
	#story .tabs li a.sel{color:#19475f;}
	#story .cons{overflow: hidden;}
	#story .cons .desc{padding: 0 5px;}
	#story .cons .desc .inner{display: block;border:1px solid #e9e9e9;background:#fff;border-radius:15px;overflow:hidden}
	#story .cons .desc .img img{width:100%;height:auto}
	#story .cons .desc .sub{padding: 15px 15px 0 15px;line-height:24px;font-size:18px;font-weight:600;color:#5bb6ff;}
	#story .cons .desc .tit{padding: 8px;line-height: 20px;font-size: 14px;font-weight:500;color:#000;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#story .cons .desc .txt{padding: 0 8px 8px;}
	#story .cons .desc .txt dl{padding: 10px 0 0 0;line-height: 16px;border-top:1px solid #e9e9e9;overflow:hidden;}
	#story .cons .desc .txt dt{float:left;width: 16px;height: 16px;background-size: cover;}
	#story .cons .desc .txt dt img{display:block;width: 100%;height: auto;}
	#story .cons .desc .txt dd{float:right;font-size: 11px;color:#999;}
    #story .cons .swiper-ctrl{position: absolute;top: 0px;right: 0;}
    #story .cons .swiper-ctrl .ctrl{display:inline-block;vertical-align:top;overflow:hidden}
    #story .cons .swiper-ctrl .ctrl .arrow{width: 30px;height: 30px;cursor: pointer;}
    #story .cons .swiper-ctrl .ctrl .prev{float:left;border-radius:5px;border:1px solid #eee;background:#fff url("../img/index/story_prev.png") no-repeat 50% 50%;background-size: cover;}
    #story .cons .swiper-ctrl .ctrl .next{float:left;margin-left: 2px;border-radius:5px;border:1px solid #eee;background:#fff url("../img/index/story_next.png") no-repeat 50% 50%;background-size: cover;}
    #story .cons .swiper-ctrl .ctrl a{float:left;margin-left: 2px;width: 30px;height: 30px;border-radius:5px;border:1px solid #eee;background:#fff url("../img/index/story_more.png") no-repeat 50% 50%;background-size: cover;}
    
	/**/
    #info{padding: 30px 0;}
    #info .qik{}
    #info .qik ul{overflow:hidden;border-radius:5px;border: 1px solid #eee;}
    #info .qik li{}
    #info .qik li + li{border-top:1px solid #eee;}
    #info .qik li a {display: block;padding: 5px 15px;text-align: center;overflow: hidden;}
    #info .qik li a .img{float: left;width: 60px;height: 45px;}
    #info .qik li a .tit{float: left;width: calc(100% - 60px);padding: 0 15px;line-height: 45px;font-size: 15px;font-weight: 500;color: #000;font-family: 'Noto Sans KR';text-align: left;}
    #info .qik li:nth-child(1) a .img{background:url("../img/index/s_main_bt_1_off.png") no-repeat 50% 50%;background-size: cover;}
    #info .qik li:nth-child(2) a .img{background:url("../img/index/s_main_bt_2_off.png") no-repeat 50% 50%;background-size: cover;}
    #info .qik li:nth-child(3) a .img{background:url("../img/index/s_main_bt_3_off.png") no-repeat 50% 50%;background-size: cover;}
    #info .qik li:nth-child(4) a .img{background:url("../img/index/s_main_bt_4_off.png") no-repeat 50% 50%;background-size: cover;}
    #info .qik li:nth-child(1) a:hover .img{background:url("../img/index/s_main_bt_1_on.png") no-repeat 50% 50%;background-size: cover;}
    #info .qik li:nth-child(2) a:hover .img{background:url("../img/index/s_main_bt_2_on.png") no-repeat 50% 50%;background-size: cover;}
    #info .qik li:nth-child(3) a:hover .img{background:url("../img/index/s_main_bt_3_on.png") no-repeat 50% 50%;background-size: cover;}
    #info .qik li:nth-child(4) a:hover .img{background:url("../img/index/s_main_bt_4_on.png") no-repeat 50% 50%;background-size: cover;}
    #info .qik li a:hover{background:#5bb6ff; font-weight:700;}
    #info .qik li a:hover .tit{color:#fff;}
    #info .info{padding: 25px 0 0 0;}
    #info .tabs1{margin-bottom: 20px;}
	#info .tabs1 ul{font-size:0;}
	#info .tabs1 li{display:inline-block;position: relative;vertical-align:top;}
	#info .tabs1 li + li:before{content:'';position:absolute;top:50%;left:0;margin-left: -1px;width: 2px;height: 20px;background:#ababab;transform:translateY(-50%);}
	#info .tabs1 li + li{margin-left: 15px;padding-left: 15px;}
	#info .tabs1 li a{display:block;line-height: 30px;font-size: 18px;font-weight: 500;color: #ababab;font-family: 'Noto Sans KR';}
	#info .tabs1 li a.sel{color: #000;}
	#info .cont{position:relative;}
	#info .cont .more{position:absolute;top: -50px;right:0;}
	#info .cont .more a{display:block;width: 30px;height: 30px;border-radius:5px;background:#fff url("../img/index/info_more.png") no-repeat 50% 50%;background-size: cover;border:1px solid #eee;}
	#info .cont .list{overflow:hidden;margin: 0 -5px;}
	#info .cont .desc{float:left;width: 50%;padding: 0 5px;}
	#info .cont .desc:nth-child(3){display:none !important}
	#info .cont .desc .inner{display: block;background:#fff;overflow:hidden;text-align: center;}
	#info .cont .desc .img{border-radius: 5px;overflow:hidden;}
	#info .cont .desc .img img{width:100%;height:auto}
	#info .cont .desc .sub{padding: 15px 15px 0 15px;line-height:24px;font-size:18px;font-weight:600;color:#5bb6ff;}
	#info .cont .desc .tit{padding: 10px;line-height:30px;font-size: 14px;font-weight:500;color:#000;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#info .cont .desc .txt{padding:0 15px 15px;}
	#info .cont .desc .txt dl{padding: 10px 0 0 0;line-height:24px;border-top:1px solid #e9e9e9;overflow:hidden;}
	#info .cont .desc .txt dt{float:left;width:24px;height:24px;background:url("../img/index/time.png") no-repeat 50% 50%}
	#info .cont .desc .txt dt img{display:block;}
	#info .cont .desc .txt dd{float:right;font-size:15px;color:#999;}

	/**/
	#agency{padding: 0 0 20px 0;}
	#agency .agency{position: relative;overflow: hidden;border: 1px solid #eee;border-radius: 5px;}
	#agency .agency .wrapper{font-size: 0;transition-timing-function: linear !important;}
	#agency .agency .slide{position:relative;text-align: center;}
	#agency .swiper-slide img {margin:30px 0;width:100%; max-width:180px; height:40px;}
	#agency .agency .ctrl{position: relative;padding: 5px;background:#fff;overflow: hidden;}
    #agency .agency .ctrl .arrow{float: left;margin: 0 1%;width: 48%;height: 35px;border: 1px solid #eee;border-radius: 5px;cursor: pointer;}
    #agency .agency .ctrl .prev{background:#fff url("../img/index/agency_prev.png") no-repeat 50% 50%;background-size: auto 14px;}
    #agency .agency .ctrl .next{background:#fff url("../img/index/agency_next.png") no-repeat 50% 50%;background-size: auto 14px;}
}




/*팝업*/
#hd_pop{position:absolute;z-index:90000}	
#hd_pop h2{display:none}
#hd_pop .hd_pops{position:absolute}
#hd_pop .hd_pops img{display:block}
#hd_pop .hd_pops_con{overflow:hidden;box-shadow:3px 3px 5px rgba(0,0,0,0.15)}
#hd_pop .hd_pops_footer{padding:5px 20px;background:#000}
#hd_pop .hd_pops_footer button{font-size:13px;color:#fff;line-height:28px;background:none}
#hd_pop .hd_pops_footer .hd_pops_close{float:right}
#hd_pop .hd_pops_footer .hd_pops_close span{position:relative;top:-3px}
#hd_pop .hd_pops_footer .hd_pops_close i{position:relative;top:2px;font-size:24px}