@charset "utf-8";

*{margin:0; padding:0; font-family:'Noto Sans KR', sans-serif;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0; letter-spacing:-0.01em; line-height:1;}
html,body,input,textarea,select,button,table{font-family:'Noto Sans KR', sans-serif;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none; color:#000;}
a:hover,a:active,a:focus{text-decoration:none;}
input[type=text]::-ms-clear{display:none}
.blind{display:block;width:0;height:0;margin:0;padding:0;line-height:0;font-size:0;overflow:hidden;}
button {outline:none; border:0; cursor:pointer;}
br{font-family:initial;}
img{vertical-align:middle;}
html{
	/* Prevent font scaling in landscape */
	-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
	-moz-text-size-adjust: none; /*Firefox*/
	-ms-text-size-adjust: none;  /*Ie*/
	-o-text-size-adjust: none; /*old versions of Opera*/
}

#wrap{max-width:1920px; min-width:1300px; width:100%; height:100%; margin:0 auto; overflow-x:hidden;}
.menudiv{height:90px;}
.m{display:none !important;}
header .sub{display:none;}

header{width:100%; max-width:1920px; background:#ffffff; position:fixed; top:0; left:0;  margin:0 auto; z-index:99;}
header.border{border-bottom:1px solid #e9e9e9;}
header .in_box{width:1300px; height:90px; margin:0 auto; position:relative;}
header .logo{display:block; position:absolute; top:26px; left:0;}
header #navi{}
header #navi ul{position:absolute; right:0; top:0;}
header #navi ul li{float:left; display:inline-block; margin-left:52px; height:90px;}
header #navi ul li:first-child{margin-left:60px;}
header #navi ul:after{content:""; display:block; clear:both;}
header #navi ul li a{display:block; position:relative; padding:0 4px;}
header #navi ul li a p{font-size:18px; letter-spacing:-0.05em; font-weight:400; color:#333333; line-height:90px; text-align:center; position:relative; z-index:2;}
/* header #navi ul li:last-child{width:160px; height:50px; border:1px solid #0061ab; border-radius:50px; box-sizing:border-box; margin-top:20px; overflow:hidden;}
header #navi ul li:last-child a{width:160px; height:50px; padding:0;}
header #navi ul li:last-child a p{font-size:16px; letter-spacing:-0.05em; font-weight:500; color:#0061ab; line-height:48px;} */

header #navi ul li a span{display:block; width:0; height:10px; position:absolute; bottom:31px; left:0; background:#cce0f2; transition:all 0.4s; z-index:1;}

header #navi ul li:hover a p{}
header #navi ul li:hover a span{width:100%;}
header #navi ul li.on a p{font-weight:500;}
header #navi ul li.on a span{width:100%;}
/* header #navi ul li:last-child:hover{border:1px solid #fff;}
header #navi ul li:last-child:hover a{background: linear-gradient( to right, #20a8cc, #2b70bf );}
header #navi ul li:last-child:hover a p{color:#fff;} */


footer{max-width:1920px; width:100%; background:#1e1e1e;}
footer .in_box{width:1300px; height:220px; box-sizing:border-box; margin:0 auto; position:relative; padding:54px 0 53px;}
footer .in_box .footer_menu{}
footer .in_box .footer_menu li{float:left;}
footer .in_box .footer_menu:after{content:""; display:block; clear:both;}
footer .in_box .footer_menu li a{font-size:18px; color:#767676; font-weight:400; font-family:'NanumSquare' ,sans-serif;}
footer .in_box .footer_menu li:first-child:after{content:'|'; display:inline-block; margin:0 12px 0 6px; color:#767676; font-size:12px; position:relative; top:-2px; font-weight:100;}
footer .in_box .footer_menu li button{font-size:17px; color:#767676; font-weight:600; background:none;}
footer .in_box .footer_menu li a:hover{color:#a0a0a0;}
footer .in_box .footer_menu li button:hover{color:#fff;}

footer .in_box .footer_logo{float:right; margin-top:-20px;}
footer .in_box .footer_logo li{float:left; margin-left:25px;}
footer .in_box .footer_logo li:first-child{margin-left:0;}

footer .in_box .address{margin-top:28px;}
footer .in_box .address p{font-size:14px; color:#999999; font-weight:500; line-height:24px; letter-spacing:-0.04em;}
footer .in_box .address p span{margin-right:16px;}
footer .in_box .address p a{font-size:14px; color:#999999; font-weight:500; line-height:24px; letter-spacing:-0.04em;}
footer .in_box .address p.copy{float:right; margin-top:-22px;}

#popup_all > div {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:99999;}
#popup_all .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; filter:alpha(opacity=70); opacity:0.7;}
#popup_all .out_layer_box {display:table-cell; text-align:center; vertical-align:middle;}
#popup_all .in_layer_box {display:inline-block; width:958px;  position:relative; z-index:10; background:#fff;}
#popup_all .btn_close {display:inline-block;}
#popup_all > div .btn_close {display:inline-block; width:30px; height:30px; position:absolute; right:56px; top:35px; background:url(../images/popup_close.png) 0 0 no-repeat;}
#popup_privacy .title{font-size:32px; color:#fff; font-weight:500; line-height:104px; background:#999999; padding:0 40px; text-align:left; letter-spacing:-0.05em;}
#popup_privacy ul{padding:40px 38px 0 38px; height:700px; overflow-y:scroll;}
#popup_privacy ul li{margin-bottom:50px;}
#popup_privacy ul li:last-child{margin-bottom:40px;}
#popup_privacy ul li h1{font-size:25px; font-weight:500; letter-spacing:-0.05em; text-align:left; margin-bottom:20px;}
#popup_privacy ul li p{font-size:14px; font-weight:400; letter-spacing:-0.05em; text-align:left; line-height:26px; word-break:keep-all;}

#popup_all .in_layer_box {display:inline-block; width: 400px; position:relative; z-index:10; background:#fff url(../images/end_popup_bg.png) no-repeat top center; border-radius:10px; overflow:hidden;}
#popup_all > div#popup_EndEvet .btn_close {display:block; width:100%; height:62px; position:absolute; left:0; bottom:0; top:inherit; background: linear-gradient( to right, #20a8cc, #2b70bf ); text-align:center;}
#popup_all > div#popup_EndEvet .btn_close span{font-size:22px; color:#fff; font-weight:300;}

#popup_EndEvet .title{font-size:28px; color:#333; font-weight:300; line-height:37px; padding:84px 0; margin-bottom: 62px; text-align:center; letter-spacing:-0.07em;}

.Nolink{cursor:default;}
.End_link{cursor:pointer;}

/** 메인 01 **/
.main_01{max-width:1920px; width:100%;}
.main_01 .in_box{width:100%; height:758px; background:#000;}

/** 삭제해야함 **/
.main_01 .in_box .swiper-wrapper .swiper-slide01{background:url(../images/main_slide_01.jpg) no-repeat top center;}
/** //삭제해야함 **/

.main_01 .in_box .swiper-wrapper .swiper-slide{width:100%; height:758px; position:relative; overflow:hidden; transition:opacity 800ms ease 0s; opacity:0.2;}
.main_01 .in_box .swiper-wrapper .swiper-slide .swiper-slideBG{width:100%; height:100%; overflow:hidden; transform: skew(0deg, 0deg) scale(1, 1); transition:all 10s;}
.main_01 .in_box .swiper-wrapper .swiper-slide01 .swiper-slideBG{background:url(../images/main_slide_01.jpg) no-repeat top center;}
.main_01 .in_box .swiper-wrapper .swiper-slide02 .swiper-slideBG{background:url(../images/main_slide_02.jpg) no-repeat top center;}
.main_01 .in_box .swiper-wrapper .swiper-slide03 .swiper-slideBG{background:url(../images/main_slide_03.jpg) no-repeat top center;}
.main_01 .in_box .swiper-wrapper .swiper-slide04 .swiper-slideBG{background:url(../images/main_slide_04.jpg) no-repeat top center;}
.main_01 .in_box .swiper-wrapper .swiper-slide05 .swiper-slideBG{background:url(../images/main_slide_05.jpg) no-repeat top center;}
.main_01 .in_box .swiper-wrapper .swiper-slide06 .swiper-slideBG{background:url(../images/main_slide_06.jpg) no-repeat top center;}

.main_01 .in_box .swiper-wrapper .swiper-slide .txt_content{width:1300px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); margin:0 auto; z-index:1;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt{position:absolute; left:0px; top:220px; z-index:1;}
.main_01 .in_box .swiper-wrapper .swiper-slide02 .txt{top:146px;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt h1{font-size:75px; letter-spacing:-0.025em; font-weight:600; color:#fff; position:relative;}
.main_01 .in_box .swiper-wrapper .swiper-slide02 .txt h1{line-height:88px;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt p{font-size:19px; line-height:32px; letter-spacing:-0.05em; font-weight:400; color:#fff; margin:46px 0 26px; position:relative;}
.main_01 .in_box .swiper-wrapper .swiper-slide02 .txt p{margin:34px 0;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn{display:inline-block; background: linear-gradient( to right, #20a8cc, #2b70bf ); width:auto; padding:0 48px 0 25px; height:50px; border-radius:50px; color:#fff; font-size:16px; line-height:48px; letter-spacing:-0.05em; font-weight:500; color:#fff; text-align:center; position:relative; transition:all 0.3s; position:relative;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn::after{content: ""; display: block; width: 14px; height: 13px; background: url(../images/slideBtn-ico.png) no-repeat top center; position: absolute; top:17px; right: 26px;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn-wrap{display: flex; gap: 1em; width: fit-content;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn-wrap.grid-2{display: grid; grid-template-areas: "btn1 btn1" "btn2 btn3"; gap: 1em; width: fit-content;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn-wrap.grid-2 a:nth-child(1){grid-area: btn1; width: fit-content;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn-wrap.grid-2 a:nth-child(2){grid-area: btn2; width: fit-content;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn-wrap.grid-2 a:nth-child(3){grid-area: btn3; width: fit-content;}
@media (max-width: 1299px) {
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn-wrap.grid-2{display: flex;}
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn-wrap.grid-2 a:nth-child(1),
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn-wrap.grid-2 a:nth-child(2),
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn-wrap.grid-2 a:nth-child(3){width: initial;}
}

.main_01 .in_box .swiper-wrapper .swiper-slide03 .txt h1{line-height:88px;}
.main_01 .in_box .swiper-wrapper .swiper-slide03 .txt p{}
.main_01 .in_box .swiper-wrapper .txt p span{color:#2a73c0;font-weight:600;}

/** 수정시 주석 해제 **/
/* .main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn:hover{padding-right:50px;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn:after{content:""; display:block; width:20px; height:15px; background:url(../images/main_sec03_btn.png) no-repeat top right; opacity:0; transition:all 0.3s 0.6s; position:absolute; top:18px; right:35px;}
.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn:hover:after{opacity:1; animation:main_btn 1.2s ease-in-out infinite;}
@keyframes main_btn {
	0% {transform:translateX(10px);}
	50% {transform:translateX(0px);}
	100% {transform:translateX(10px);}
}*/

.main_01 .in_box .swiper-container .swiper-pagination{bottom:40px;}
.main_01 .in_box .swiper-container .swiper-pagination span{width:14px; height:14px; border-radius:14px; border:1px solid #fff; background:none; opacity:1; transition: all 0.6s;}
.main_01 .in_box .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{background:#fff; width:44px;}

.main_01 .in_box .swiper-wrapper .swiper-slide .bg01{position:absolute; top:103px; left:-50%; transform:translateX(50%);}
.main_01 .in_box .swiper-wrapper .swiper-slide .bg02{position:absolute; bottom:0; right:-50%; transform:translateX(-50%);}


.main_01 .in_box .swiper-wrapper .swiper-slide-active{opacity:1;}
.main_01 .in_box .swiper-wrapper .swiper-slide-active .swiper-slideBG{transform: skew(0.001deg, 0deg) scale(1.2, 1.2);}
.main_01 .in_box .swiper-wrapper .swiper-slide-active .bg{opacity:0; animation:slide01BG 1s 0.4s ease-in-out forwards;}
.main_01 .in_box .swiper-wrapper .swiper-slide-active .txt h1{opacity:0; animation:slideTxt 1s 0.8s ease-in-out forwards;}
.main_01 .in_box .swiper-wrapper .swiper-slide-active .txt p{opacity:0; animation:slideTxt 1s 1.2s ease-in-out forwards;}
.main_01 .in_box .swiper-wrapper .swiper-slide-active .txt .btn{opacity:0; animation:slideTxt 1s 1.6s ease-in-out forwards;}



/** 메인 02 **/
.main_02{max-width:1920px; width:100%; background:#f5f7f8;}
.main_02 .in_box{width:1300px; height:auto; margin:0 auto;}
.main_02 .in_box .tit{font-size:42px; font-weight:500; color:#0061ab; letter-spacing:-0.05em; padding-top:98px; text-align:center; opacity:0;}

.main_02 .in_box.effect .tit{animation:effect 0.8s ease-in-out forwards;}
.main_02 .in_box.effect ul li:nth-child(1){animation:effect 0.4s 0.4s ease-in-out forwards;}
.main_02 .in_box.effect ul li:nth-child(2){animation:effect 0.4s 0.8s ease-in-out forwards;}
.main_02 .in_box.effect ul li:nth-child(3){animation:effect 0.4s 1.2s ease-in-out forwards;}

.main_02 .in_box ul{padding:100px 0 100px; margin:0 auto;}
.main_02 .in_box ul li{float:left; margin-left:27px; opacity:0; transition:all 0.4s; border:none;}
.main_02 .in_box ul:after{content:""; display:block; clear:both;}
.main_02 .in_box ul li:first-child{margin-left:0;}

.main_02 .in_box ul li:nth-child(1){background:url(../images/main_sec02_img01.jpg) no-repeat center;}
.main_02 .in_box ul li:nth-child(2){background:url(../images/main_sec02_img02.jpg) no-repeat center;}
.main_02 .in_box ul li:nth-child(3){background:url(../images/main_sec02_img03.jpg) no-repeat center;}

.main_02 .in_box ul li a{display:block; width:415px; height:450px; box-sizing:border-box;}
.main_02 .in_box ul li a h1{font-size:30px; letter-spacing:-0.05em; font-weight:400; color:#fff; padding-top:33px; margin-left:34px;}
.main_02 .in_box ul li a p{display:inline-block; font-size:20px; letter-spacing:-0.05em; font-weight:400; color:#fff; margin-top:15px; margin-left:34px; padding-right:5px; position:relative;}
.main_02 .in_box ul li a p:after{content:""; display:block; width:12px; height:10px; background:url(../images/main_sec02_ico.png) no-repeat center; position:absolute; top:6px; left:100%; transition:all 0.5s ease;}

.main_02 .in_box ul li:hover{margin-top:-10px; box-shadow:0 10px 40px 0 rgba(0, 0, 0, 0.3);}

/** 비디오 섹션 **/
#sec_video{max-width:1920px; width:100%; background:#f5f7f8;}
#sec_video .in_box{width:1300px; height:auto; margin:0 auto; padding-bottom: 108px;}
.videoSlider{position: relative;}
#sec_video .in_box .swiper-container{width:1300px; height: 705px;}
#sec_video .in_box .swiper-slide{position: relative;}
#sec_video .in_box .swiper-slide .tit{position: absolute; top: 92px; left: 55px; z-index: 1;}
#sec_video .in_box .swiper-slide .tit h1{font-size: 52px; font-weight: 600; color:#fff; line-height: 62px;}
#sec_video .in_box .swiper-slide .playImg{position: absolute; top:0; left:0; cursor: pointer;}

#sec_video .swiper-pagination{width:auto; height: 20px; position:absolute; top: 60px; left: 60px;}
#sec_video .swiper-pagination .swiper-pagination-bullet{display: inline-block; width:auto; height: auto; background: none; font-size: 16px; font-weight: 600; color:#c3c3c3; opacity: 0.3; position: relative; margin-right: 14px; margin-left: 0;}
#sec_video .swiper-pagination .swiper-pagination-bullet::after{content: ""; display:block; width: 18px; height:2px; background: #c3c3c3; opacity: 0.3; bottom: -5px; position: absolute;}

#sec_video .swiper-pagination .swiper-pagination-bullet-active{color:#fff; opacity: 1;}
#sec_video .swiper-pagination .swiper-pagination-bullet-active::after{background:#fff; opacity: 1;}

#sec_video .in_box .slide_btn{width:48px; height:48px; border-radius:48px; position:absolute; z-index:2; top:286px; outline:none; border:0;}
#sec_video .in_box .slide_btn.swiper-button-disabled{opacity:1;}
#sec_video .in_box .swiper-button-prev{background:#333 url(../images/main_sec03_btn.png) no-repeat center left; left:55px;}
#sec_video .in_box .swiper-button-next{background:#333 url(../images/main_sec03_btn.png) no-repeat center right; left:112px;}
#sec_video .in_box .swiper-button-prev:hover{background:#0061ab url(../images/main_sec03_btn.png) no-repeat center left;}
#sec_video .in_box .swiper-button-next:hover{background:#0061ab url(../images/main_sec03_btn.png) no-repeat center right;}

/* 수정코드  */
#sec_video .videoSlider .swiper-button-disabled { cursor: pointer; pointer-events: initial;}


/** 메인 03 **/
.main_03{max-width:1920px; width:100%;}
.main_03 .in_box{width:100%; height:840px; position:relative;}
.main_03 .in_box .swiper-wrapper .swiper-slide{width:100%; height:840px; position:relative;}
.main_03 .in_box .swiper-wrapper .swiper-slide01{background:#4cbee3;}
.main_03 .in_box .swiper-wrapper .swiper-slide02{background:#4cbee3;}
.main_03 .in_box .swiper-wrapper .swiper-slide03{background:#4cbee3;}

.main_03 .in_box .swiper-wrapper .swiper-slide .txt_content{width:1300px; position:relative; margin:0 auto;}

.main_03 .in_box .swiper-wrapper .swiper-slide .ph_img{position:absolute; top:85px; left:156px; z-index:1;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt{position:absolute; top:274px; left:600px; z-index:1;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt h1{font-size:42px; letter-spacing:-0.05em; font-weight:700; color:#0061ab; position:relative;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt p{font-size:22px; letter-spacing:-0.075em; font-weight:400; line-height:30px; color:#fff; margin:50px 0 13px; position:relative;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt p:after{content:""; display:block; width:50px; height:2px; background:#fff; position:absolute; top:45px; left:148px;}
.main_03 .in_box .swiper-wrapper .swiper-slide02 .txt p:after{left:166px;}
.main_03 .in_box .swiper-wrapper .swiper-slide03 .txt p:after{left:128px;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt p span{font-weight:600;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2{font-size:44px; letter-spacing:-0.05em; font-weight:700; line-height:57px; color:#fff; position:relative; z-index:2;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2 span.line{position:relative; z-index:2;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2 span.line:after{content:""; display:block; width:0; height:17px; background:#3aa8d6; position:absolute; top:46px; left:0; z-index:-1; transition:all 0.8s 1.8s;}
.main_03 .in_box .swiper-wrapper .swiper-slide-active .txt h2 span.line:after{width:100%;}

.main_03 .in_box .swiper-wrapper .swiper-slide01 .bg01{position:absolute; top:0; left:0;}
.main_03 .in_box .swiper-wrapper .swiper-slide01 .bg02{position:absolute; top:0; right:0;}
.main_03 .in_box .swiper-wrapper .swiper-slide02 .bg01{position:absolute; top:0; left:0;}
.main_03 .in_box .swiper-wrapper .swiper-slide02 .bg02{position:absolute; top:0; right:0;}
.main_03 .in_box .swiper-wrapper .swiper-slide03 .bg01{position:absolute; top:0; left:0;}
.main_03 .in_box .swiper-wrapper .swiper-slide03 .bg02{position:absolute; top:0; right:0;}

.main_03 .in_box .swiper-wrapper .swiper-slide-active .bg{opacity:0; animation:slide02BG 1s 0.2s ease-in-out forwards;}
.main_03 .in_box .swiper-wrapper .swiper-slide-active .ph_img{opacity:0; animation:slideImg 1s 0.4s ease-in-out forwards;}
.main_03 .in_box .swiper-wrapper .swiper-slide-active .txt h1{opacity:0; animation:slideTxt 1s 0.8s ease-in-out forwards;}
.main_03 .in_box .swiper-wrapper .swiper-slide-active .txt p{opacity:0; animation:slideTxt 1s 1.2s ease-in-out forwards;}
.main_03 .in_box .swiper-wrapper .swiper-slide-active .txt h2{opacity:0; animation:slideTxt 1s 1.6s ease-in-out forwards;}

.main_03 .in_box .slide_btn{width:48px; height:48px; border-radius:48px; position:absolute; z-index:2; top:120px; outline:none; border:0;}
.main_03 .in_box .slide_btn.swiper-button-disabled{opacity:1;}
.main_03 .in_box .swiper-button-prev{background:#333 url(../images/main_sec03_btn.png) no-repeat center left; right:410px; left:auto;}
.main_03 .in_box .swiper-button-next{background:#333 url(../images/main_sec03_btn.png) no-repeat center right; right:350px;}
.main_03 .in_box .swiper-button-prev:hover{background:#0061ab url(../images/main_sec03_btn.png) no-repeat center left; right:410px; left:auto;}
.main_03 .in_box .swiper-button-next:hover{background:#0061ab url(../images/main_sec03_btn.png) no-repeat center right; right:350px;}


/** 메인 04 **/
.main_04{max-width:1920px; width:100%; background:#fff;}
.main_04 .in_box{width:1300px; height:320px; margin:0 auto; position:relative;}
.main_04 .in_box .tit{font-size:33px; font-weight:600; color:#333; letter-spacing:-0.05em; padding:94px 0 18px; opacity:0;}

.main_04 .in_box.effect .tit{animation:effect 0.8s ease-in-out forwards;}
.main_04 .in_box.effect .more{animation:effect 0.4s 0.4s ease-in-out forwards;}
.main_04 .in_box.effect ul{animation:effect 0.8s 0.4s ease-in-out forwards;}

.main_04 .in_box .more{float:right; margin-top:-44px; opacity:0;}
.main_04 .in_box .more a{display:inline-block; font-size:18px; font-weight:300; letter-spacing:-0.05em; color:#767676; padding-right:23px; background:url(../images/main_04_ico.png) no-repeat center right; position:relative;}
.main_04 .in_box .more a:before{content:""; display:block; width:0; height:10px; position:absolute; top:8px; left:0; background:#cce0f2; transition:all 0.4s; z-index:-1;}
.main_04 .in_box .more a:hover{color:#000;}
.main_04 .in_box .more a:hover:before{width:100%;}

.main_04 .in_box > ul{width:100%; border-top:1px solid #e9e9e9; padding-top:6px; opacity:0;}
.main_04 .in_box ul li{padding:8px 0 7px; border-bottom:1px solid #fff;}
.main_04 .in_box ul li a{display:block; width:100%;}
.main_04 .in_box ul li a h1{display:inline-block; font-size:18px; color:#333; letter-spacing:-0.05em; font-weight:400; width:calc(95% - 82px ); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_04 .in_box ul li a:hover h1{color:#0061ab; text-decoration:underline;}
.main_04 .in_box ul li a h1 span{font-weight:700;}
.main_04 .in_box ul li a .date{float:right; font-size:18px; color:#333; letter-spacing:-0.05em; font-weight:400;}


/**서브 페이지 공통**/
.sub_title{display:table; width:100%; background:linear-gradient( to right, #20a8cc, #2b70bf );}
.sub_title > div{display:table-cell; height:200px; text-align:center; vertical-align:middle;}
.sub_title h1{font-size:36px; font-weight:600; letter-spacing:-0.05em; color:#fff;}


/**사업소개**/
#intro{overflow-y:hidden;}
#intro .sub_title .in_box{background:url(../images/intro/intro_tit_bg.png) no-repeat top center;}

.intro_con{width:100%; background:url(../images/intro/intro_bg01.jpg) no-repeat top center;}
.intro_con .in_box{width:1300px; height:auto; margin:0 auto; position:relative;}
.intro_con .intro_top_txt{padding-top:86px; height:634px; text-align:center; box-sizing:border-box;}
.intro_con .intro_top_txt h1{font-size:40px; font-weight:500; letter-spacing:-0.05em; color:#333333; line-height:66px;}
.intro_con .intro_top_txt p{font-size:20px; font-weight:400; letter-spacing:-0.05em; color:#333333; line-height:32px; margin-top:18px;}
.intro_con .intro_top_txt > img{display:inline-block; margin-top:34px;}

.intro_group{width:1024px; margin:0 auto; position:relative;}
.intro_group .tit{text-align:center; padding:110px 0 80px;}
.intro_group .tit h1{font-size:42px; font-weight:600; letter-spacing:-0.05em; color:#000;}
.intro_group .tit h1 span{color:#0061ab;}

.intro_group ul{margin-top:32px;}
.intro_group ul li{margin-bottom:160px;}
.intro_group ul li > div{display:table; width:100%;}
.intro_group ul li > div > div{display:table-cell;}
.intro_group ul li div:after{content:""; display:block; clear:both;}
.intro_group ul li div .gr_img{width:275px; text-align:center; vertical-align:middle;}
.intro_group ul li div .gr_img:before{content:""; position:absolute; width:275px; height:275px; max-height:275px; border:1px solid #1165a2; border-radius:275px; box-sizing:border-box; left:0; top:50%; transform:translateY(-50%); -ms-transform : translateY(-50%);}
.intro_group ul li div .gr_img img{display:inline-block; vertical-align:middle;}
.intro_group ul li div .txt{}
.intro_group ul li div .txt > div{margin-left:68px;}
.intro_group ul li div .txt h1{font-size:30px; font-weight:600; letter-spacing:-0.05em; color:#333333; margin-bottom:38px;}
.intro_group ul li div .txt p{font-size:20px; font-weight:300; letter-spacing:-0.05em; color:#333333; line-height:32px; margin-bottom:20px;}
.intro_group ul li div .txt p span{color:#0061ab;}
.intro_group ul li div .txt a{display:block; width:168px; height:50px; line-height:50px; background:#000; font-size:16px; font-weight:500; letter-spacing:-0.05em; color:#fff; position:relative; border-radius:50px; overflow:hidden; text-align:center;}
.intro_group ul li div .txt a span{position:relative; z-index:1;}
.intro_group ul li div .txt a:after{content:""; display:block; width:100%; height:50px; background:linear-gradient( to right, #20a8cc, #2b70bf ); position:absolute; bottom:0; left:-100%; transition:all 0.4s;}
.intro_group ul li div .txt a:hover:after{left:0;}


/**신청하기**/
#store .sub_title .in_box{background:url(../images/store/store_tit_bg.png) no-repeat bottom center;}

.store_con{width:100%;}
.store_con .in_box{width:1300px; height:auto; margin:0 auto; position:relative;}
.store_top_txt{padding:118px 0 108px; border-bottom:1px solid #e9e9e9;}
.store_top_txt h1{font-size:40px; letter-spacing:-0.075em; font-weight:500; margin-bottom:36px; line-height:57px; color:#333;}
.store_top_txt h1 span{color:#0061ab;}
.store_top_txt h2{font-size:32px; letter-spacing:-0.05em; font-weight:600; margin-bottom:24px; color:#333333;}
.store_top_txt p{font-size:20px; letter-spacing:-0.05em; font-weight:400; color:#767676; line-height:32px;}
.store_top_txt p span{color:#0061ab;}

.store_text{margin-top:112px;}
.store_text .in_box{position:relative;}
.store_text .in_box:after{content:""; display:block; width:303px; height:255px; background:url(../images/store/store_bg01.png) no-repeat top center; position:absolute; top:132px; right:-41px;}
.store_text li{display:table; margin-bottom:50px;}
.store_text li:nth-child(3){margin-bottom:40px;}
.store_text li > div{display:table-cell;}
.store_text li:first-child > .tit{vertical-align:top;}
.store_text li:last-child > .tit{vertical-align:top;}
.store_text li > .tit{vertical-align:middle;}
.store_text li > .tit h1{font-size:24px; letter-spacing:-0.05em; font-weight:600; position:relative; z-index:2; margin-right:42px; vertical-align:top;}
.store_text li > .tit h1 span{width:86px; height:10px; background:#d1e3f4; position:absolute; bottom:-2px; left:0; z-index:-1;}

.store_text li > .txt p{display:inline-block; font-size:20px; letter-spacing:-0.05em; font-weight:400;}
.store_text li > .txt p span.col{color:#0061ab;}
.store_text li > .txt p span.txt{display:inline-block; margin-top:12px; font-size:16px; letter-spacing:-0.05em; font-weight:400;}
.store_text li > .txt a{display:inline-block; width:150px; height:46px; border:1px solid #116cb1; font-size:16px; font-weight:500; letter-spacing:-0.05em; color:#0061ab; text-align:center; line-height:44px; border-radius:46px; box-sizing:border-box; margin-left:16px;}
.store_text li > .txt a:hover{background: linear-gradient( to right, #20a8cc, #2b70bf ); color:#fff;}

.store_text li .content_tit{display:block;}
.store_text li .content{display:block; margin:13px auto 38px; position:relative;}
.store_text li .content .cont_all{margin-left:126px;}
.store_text li .content .cont{width:259px; height:259px; border-radius:259px; margin-left:61px; text-align:center; float:left; position:relative;}
.store_text li .content .cont_all:after{content:""; display:block; clear:both;}
.store_text li .content .cont_01{margin-left:0; background:#e5f2f5;}
.store_text li .content .cont_02{background:#f6f2e9;}
.store_text li .content .cont_03{background:#e6f0f7;}

.store_text li .content .cont > div{position:absolute; width:100%; top:50%; transform:translateY(-50%);}

.store_text li .content .cont h1{font-size:23px; letter-spacing:-0.05em; font-weight:600; position:relative;}
.store_text li .content .cont h1:after{content:""; display:block; width:28px; height:1px; background:#000; margin:17px auto;}
.store_text li .content .cont p{font-size:18px; letter-spacing:-0.05em; font-weight:400; line-height:28px; color:#333333;}

.store_date{}
.store_date > div{padding-bottom:48px;}
.store_date > div .num{display:inline-block; width:35px; height:35px; border-radius:35px; color:#fff; background:#a1a1a1; font-size:13px; font-weight:700; letter-spacing:-0.05em; text-align:center; line-height:33px; margin-right:32px; position:relative;}
.store_date > div .num:after{content:""; display:block; width:3px; height:94px; position:absolute; top:0; left:16px; z-index:-1; background:#a1a1a1;}
.store_date > div:last-child .num:after{display:none;}
.store_date > div .num.on{background:#2397c8;}

.store_date > div p{display:inline-block;}
.store_date > div p .date{font-size:20px; font-weight:400; letter-spacing:-0.05em; color:#333333;}
.store_date > div p .text_tit{font-size:24px; font-weight:500; letter-spacing:-0.05em; margin:0 6px 0 12px;}
.store_date > div p .text_txt{font-size:24px; font-weight:300; letter-spacing:-0.05em; color:#333333;}

.store_write{width:100%; padding:124px 0 120px; background:#f5f7f8 url(../images/store/store_bg02.jpg) no-repeat bottom center;}
.store_write h1{font-size:32px; letter-spacing:-0.05em; font-weight:400; color:#333;  line-height:42px; text-align:center;}
.store_write h1 span{color:#0061ab;}

.store_write a{display:block; width:196px; height:66px; border:1px solid #0061ab; line-height:64px; font-size:25px; font-weight:500; color:#0061ab; text-align:center; border-radius:66px; margin:26px auto 0; transition:all 0.4s;}
.store_write a:hover{background:#0061ab; color:#fff;}


/** 선한가게 **/
#shop .sub_title .in_box{background:url(../images/shop/shop_tit_bg.png) no-repeat bottom center;}

.shop_con{width:100%; height:610px; box-sizing:border-box; background:#f5f7f8 url(../images/shop/shop_img.png) no-repeat bottom center;}
.shop_con h1{font-size:40px; letter-spacing:-0.05em; font-weight:500; line-height:60px; color:#333; text-align:center; padding-top:84px;}
.shop_con h1 span{color:#2397c8;}

.imgTit{width:100%; position:relative;}
.imgTit > div{height:calc(100vh - 290px); background-image:url(../images/shop/shop_tit_bg.jpg); background-attachment:fixed; background-position:center -200px; text-align:center;}
.imgTit > div h1{font-size:40px; font-weight:400; line-height:52px; letter-spacing:-0.05em; color:#0061ab; padding-top:108px;}
.imgTit > div h1 span{color:#000;}
.imgTit > div p{font-size:20px; font-weight:300; line-height:32px; letter-spacing:-0.05em; color:#333333; margin:34px 0 45px;}
.imgTit > div p span{color:#0061ab;}
.imgTit > div button{display:inline-block; padding:0 47px 0 28px; height:50px; line-height:50px; background:#000; font-size:16px; font-weight:500; letter-spacing:-0.05em; color:#fff; border-radius:50px; position:relative;}
.imgTit > div button:after{content:''; width:16px; height:16px; background: url(../images/shop/shop_but_ico01.png) no-repeat center; position:absolute; top:18px; right:20px;}
.imgTit > div button:hover{background: linear-gradient( to right, #20a8cc, #2b70bf );}

.shop_cont{}
.shop_cont > div{display:flex; height:1080px; position:relative; vertical-align:middle;}
.shop_cont > div > div{width:50%; vertical-align:middle;}
.shop_cont > div.left > div > div.txt_cont{top:50%; left:0; height:auto; transform:translateY(-50%); position:absolute; z-index:1; padding:80px 50px; background:rgba(255, 255, 255, 0.6); opacity:0;}
.shop_cont > div.left > div > div.img_cont{top:50%; right:-12%; height:auto; transform:translateY(-50%); position:absolute; opacity:0;}

.shop_cont > div > div.txt_all h2{font-size:40px; font-weight:300; line-height:52px; letter-spacing:-0.05em;}
.shop_cont > div > div.txt_all h2 .col{color:#0061ab;}
.shop_cont > div > div.txt_all h2 .weight{font-weight:600; color:#0061ab;}
.shop_cont > div > div.txt_all p{padding-left:70px; font-size:20px; color:#333; letter-spacing:-0.05em; font-weight:300; line-height:32px; position:relative; margin-top:54px;}
.shop_cont > div > div.txt_all p:after{content:""; display:block; width:40px; height:1px; background:#000; position:absolute; top:16px; left:0;}

.shop_cont > div.right > div > div.txt_cont{top:50%; right:0%; height:auto; transform:translateY(-50%); position:absolute; z-index:1; padding:80px 50px; background:rgba(255, 255, 255, 0.6); opacity:0;}
.shop_cont > div.right > div > div.img_cont{top:50%; left:-12%; height:auto; transform:translateY(-50%); position:absolute; opacity:0;}

.shop_cont > div.left.effect > div > div.txt_cont{animation:S_effect_Ltxt 0.8s ease-in-out forwards;}
.shop_cont > div.left.effect > div > div.img_cont{animation:S_effect_Limg 0.8s ease-in-out forwards;}
.shop_cont > div.right.effect > div > div.txt_cont{animation:S_effect_Rtxt 0.8s ease-in-out forwards;}
.shop_cont > div.right.effect > div > div.img_cont{animation:S_effect_Rimg 0.8s ease-in-out forwards;}


.mapDiv{width:100%; position:relative;}
.mapDiv .in_box{width:1300px; height:auto; margin:0 auto; position:relative;}
.mapDiv .tit{padding:0px 0 30px; background:#fff; text-align:center;}
.mapDiv .tit h1{font-size:40px; font-weight:400; letter-spacing:-0.05em; color:#222222; margin-bottom:22px;}
.mapDiv .tit p{font-size:20px; font-weight:300; letter-spacing:-0.05em; color:#222222;}
.mapDiv .tit span{color:#0061ab;}
.mapDiv .mapNav{width:560px; background:#fff; padding-top:20px; position:absolute; top:152px; right:-90px; z-index:9; box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.3);}
.mapDiv .mapNav > h1{font-size:24px; font-weight:500; letter-spacing:-0.05em; color:#0061ab; padding:10px 25px 15px;}

.mapDiv #map{max-width:1920px; width:100%; height:calc(100vh - 150px);}

.mapDiv .mapNav .map_search{padding:0 25px 10px;}
.mapDiv .mapNav .map_search select{border:1px solid #116cb1; padding:0 17px; height:50px; box-sizing:border-box; font-size:18px; font-weight:400; letter-spacing:-0.05em; color:#222; width:calc(100% - 237px); outline:none;
	background:#fff url(../images/shop/search_ico.png) no-repeat 94% 50%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}
.mapDiv .mapNav .map_search select::-ms-expand {
	display: none;
}
.mapDiv .mapNav .map_search input{ border:1px solid #116cb1; padding:0 17px; height:50px; box-sizing:border-box; font-size:18px; font-weight:400; letter-spacing:-0.05em; color:#222; width:calc(100% - 100px); outline:none; }

.mapDiv .mapNav .map_search button{border:1px solid #116cb1; width:101px; height:50px; box-sizing:border-box; font-size:18px; font-weight:500; letter-spacing:-0.05em; color:#0061ab; background:#fff; margin-left:-5px;}

.mapNav_cont{padding:0 25px 25px; height:514px; overflow-y:scroll;}
.mapNav_cont li{border-bottom:1px solid #e4e4e4; cursor:pointer;}
.mapNav_cont li:hover ,.mapNav_cont li:active ,.mapNav_cont li:focus{background:#fafafa; outline:none;}
.mapNav_cont li.on{background:#fafafa;}
.mapNav_cont li > div{padding:18px 0; display:table;}
.mapNav_cont li > div > div{display:table-cell; vertical-align:middle;}
.mapNav_cont li div .img{width:146px; height:146px;}
.mapNav_cont li div .img img{width:100%;}
.mapNav_cont li div .txt{padding-left:24px; text-align:left;}
.mapNav_cont li div .txt .name{font-size:20px; font-weight:600; letter-spacing:-0.05em; color:#0061ab;}
.mapNav_cont li div .txt .cont{font-size:16px; font-weight:400; letter-spacing:-0.05em; color:#222; line-height:22px; margin:5px 0;}
.mapNav_cont li div .txt .add{font-size:15px; font-weight:300; letter-spacing:-0.05em; color:#a8a8a8; margin-bottom:5px; line-height:20px;}
.mapNav_cont li div .txt .ph a{font-size:15px; font-weight:300; letter-spacing:-0.05em; color:#989898; margin-top:5px;}
.mapNav_cont::-webkit-scrollbar{width:10px;}
.mapNav_cont::-webkit-scrollbar-track {background-color:#d6d6d6;}
.mapNav_cont::-webkit-scrollbar-thumb {background-color:#0061ab;border-radius:0px;}
.mapNav_cont::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {width:0;height:0;background:none;}

#Mypo{position:absolute; top:300px; left:0; z-index:9;background:#fff; overflow:hidden; border-radius:10px; box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.2);}
#Mypo button{display:block; width:62px; height:62px; background: url(../images/shop/my_point.png) no-repeat center; overflow:hidden; background-size:36px; opacity:0.6;}
.custom_zoomcontrol{width:62px; height:auto; position:absolute; top:175px; left:0; z-index:9; box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.2);}
.custom_zoomcontrol span{display:block; width:62px; height:52px; background:#fff; overflow:hidden;}
.custom_zoomcontrol span img{width:62px;}
.custom_zoomcontrol span:first-child{border-radius:10px 10px 0 0; border-bottom:1px solid #c3c3c3;}
.custom_zoomcontrol span:last-child{border-radius:0 0 10px 10px;}

#TopBtn{z-index:10;position:fixed; right:30px; bottom:-200px; width:101px;height:101px; cursor:pointer; transition:bottom 0.6s;}
#TopBtn.on{bottom:100px;}

/** 커뮤니티 **/
#community{overflow-y:hidden;}
#community .sub_title .in_box{background:url(../images/community/community_tit_bg.png) no-repeat top center;}
#community .sub_title .in_box p{font-size:20px; font-weight:500; letter-spacing:-0.05em; color:#fff; margin-top:16px;}

.comm_con .in_box{width:1300px; height:auto; padding-bottom:300px; margin:0 auto; position:relative;}
.comm_con .tab{display:inline-block; margin:0 auto; padding-top:116px; position:relative; left:50%; transform:translateX(-50%);}
.comm_con .tab > div{float:left; padding:0 5px; position:relative; cursor:pointer;}
.comm_con .tab > .tab_01{margin-right:32px;}
.comm_con .tab:after{content:""; display:block; clear:both;}
.comm_con .tab > div h1{font-size:36px; font-weight:400; letter-spacing:-0.05em; color:#333333; position:relative; z-index:2;}
.comm_con .tab > .tab_02 h1{font-family:'NanumSquare' ,sans-serif; font-size:44px;}
.comm_con .tab > div span{display:block; width:0; height:10px; position:absolute; bottom:-6px; left:0; background:#cce0f2; transition:all 0.4s; z-index:1;}
.comm_con .tab > div.tab_02 span{bottom:3px;}

.comm_con .tab > div.on h1{font-weight:500; color:#0061ab;}
.comm_con .tab > .tab_02.on h1{font-weight:600;}
.comm_con .tab > div.on span{width:100%;}

#comm{margin-top:49px;}
#comm > ul{border-top:1px solid #000;}
#comm > ul li{display:table; width:100%;}
#comm > ul li:hover{background:#f8f8f8;}
#comm > ul > li > div{display:table-cell; vertical-align:middle;}
#comm ul li div > a{display:block; box-sizing:border-box; padding:37px 0; width:100%; border-bottom:1px solid #bdbdbd;}
#comm ul li div > a > div{display:inline-block;}
#comm ul li div > a > div.num{font-size:18px; font-weight:300; letter-spacing:-0.05em; color:#767676; padding:0 27px;}
#comm ul li div > a > div.txt{font-size:18px; font-weight:400; letter-spacing:-0.05em; color:#000; padding-left:162px; width:calc( 100% - 214px); box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:1086px;}
#comm ul li div > a > div.date{font-size:18px; font-weight:300; letter-spacing:-0.05em; color:#767676; padding:0 32px;}

#faq{margin-top:49px; display:none;}
#faq > ul{border-top:1px solid #000;}
#faq > ul li{display:table; width:100%;}
#faq > ul li:hover{background:#f8f8f8;}
#faq > ul > li > div{display:table-cell; vertical-align:middle;}
#faq > ul > li > div.on{background:#f8f8f8;}
#faq ul li div > a{display:block; box-sizing:border-box; padding:37px 0; width:100%; border-bottom:1px solid #bdbdbd; cursor:pointer;}
#faq ul li div > a > div{display:inline-block;}
#faq ul li div > a > div.num{font-size:18px; font-weight:300; letter-spacing:-0.05em; color:#767676; padding:0 27px;}
#faq ul li div > a > div.txt{font-size:18px; font-weight:400; letter-spacing:-0.05em; color:#000; padding-left:162px; width:calc( 100% - 150px); box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:1150px;}
#faq ul li div > a > div.txt:before{content:"Q. "; display:inline-block; font-size:18px; font-weight:400; letter-spacing:-0.05em;}
#faq ul li div > a > div.btn{width:78px; height:18px; background:url(../images/community/faq_ico.png) no-repeat center; transition:all 0.6s;}
#faq ul li div > a > div.btn.on{transform:rotate(180deg);}

#faq .q_txt{display:none; padding:40px 0 40px 223px;}
#faq .q_txt p{font-size:18px; line-height:30px; font-weight:300; letter-spacing:-0.05em; color:#000;}

.comm_navi{margin-top:56px; position:relative; display:inline-block; padding:0 48.5px; left:50%; transform:translateX(-50%);}
.comm_navi > button{display:block; width:32px; height:32px; background:url(../images/community/community_btn.png) no-repeat; position:absolute;}
.comm_navi > button.comm_next{background-position:left center; top:0; left:0;}
.comm_navi > button.comm_pevr{background-position:right center; top:0; right:0;}
.comm_navi > ul{vertical-align:middle;}
.comm_navi li{font-size:18px; height:32px; line-height:32px; font-weight:300; letter-spacing:-0.05em; color:#767676; position:relative; display:inline-block; margin:0 16.5px; cursor:pointer;}
.comm_navi li:hover a{font-weight:600; color:#0061ab;}
.comm_navi li.on a{font-weight:600; color:#0061ab;}


/** 커뮤니티 리스트 **/
#community .comm_list_tit{padding-top:82px; text-align:center;}
#community .comm_list_tit p{font-size:16px; font-weight:500; color:#767676; margin-bottom:20px;}
#community .comm_list_tit h1{font-size:32px; letter-spacing:-0.05em; font-weight:400;}
#community .comm_list{margin:49px 0; padding:40px 0; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd;}
#community .comm_list > p{display:inline-block; font-size:16px; letter-spacing:-0.05em; line-height:32px; font-weight:400; position:relative; left:50%; transform:translateX(-50%);}
#community .comm_list > p p{font-size:16px !important; letter-spacing:-0.05em; line-height:32px !important; font-weight:400; position:relative; left:50%; transform:translateX(-50%);}
#community .comm_list > p span{font-size:16px !important; font-family:'Noto Sans KR', sans-serif !important;}

.community_btn{text-align:center;}
.community_btn a{display:inline-block; width:160px; height:60px; background:#2784c4; font-size:20px; letter-spacing:-0.05em; line-height:60px; font-weight:600; color:#fff; text-align:center; border-radius:60px; transition:all 0.4s;}
.community_btn a:hover{background:#000;}

/** width 780 **/
@media (max-width: 1495px) {
	.mapDiv .mapNav{right:10px;}
}

/** width 780 **/
@media (max-width: 1299px) {
	#wrap{max-width:750px; min-width:750px; width:100%; height:100%; margin:0 auto; overflow-x:hidden;}
	.menudiv{display:none;}
	.m{display:block !important;}
	.pc{display:none !important;}

	/** header **/
	header.main .in_box{background:rgba(255, 255, 255, 0.8);}
	header.main .logo .m.sub{display:block !important;}
	header.main .logo .m{display:none !important;}
	header .logo .m.sub{display:none !important;}
	header.main .m_menu_btn span{display:block; width:100%; height:2px; background:#000; margin-bottom:8px;}

	header.sub{}
	header.sub .in_box{background:#fff;}
	header.sub .logo .m.sub{display:block !important;}
	header.sub .logo .m{display:none !important;}
	header .logo .m.sub{display:none !important;}
	header.sub .m_menu_btn span{display:block; width:100%; height:2px; background:#000; margin-bottom:9px;}

	header{width:100%; max-width:750px; background:none; position:fixed; top:0; left:50%; transform:translateX(-50%); margin:0 auto; z-index:9998;}
	header .in_box{width:100%; height:90px; margin:0 auto;}
	header .logo{display:block; position:absolute; top:26px; left:43px;}
	header .logo a:first-child{display:none;}
	.m_menu_btn{position:absolute; width:32px; top:34px; right:42px;}
	.m_menu_btn span{display:block; width:100%; height:2px; background:#fff; margin-bottom:9px;}
	.m_menu_btn span:last-child{margin-bottom:0px;}
	header #navi{visibility:hidden; position:fixed; top:0; right:-100%; background:rgba(0, 0, 0, 0.8); width:100%; height:300vh; z-index:9999; overflow:hidden; transition:all 0.6s;}
	header #navi.open{visibility:inherit; right:0;}
	header #navi ul{width:321px; height:100%; background:#fff; right:-1px;}
	header #navi ul li{float:none; display:block; height:90px; text-align:center; vertical-align:middle; margin-left:0px;}
	header #navi ul li:first-child{margin-left:0px; margin-bottom:9px;}
	header #navi ul li a{display:block; position:relative; height:100px; line-height:100px; padding:0;}
	header #navi ul li a p{font-size:30px; letter-spacing:-0.025em; font-weight:400; color:#000; line-height:90px; text-align:center; position:relative; z-index:2;}
	/* header #navi ul li:last-child{width:100%; height:115px; border:none; margin-top:57px; border-radius:0;}
	header #navi ul li:last-child a{width:100%; height:115px; padding:0; background: linear-gradient( to right, #20a8cc, #2b70bf ); padding-right:30px; position:relative; box-sizing:border-box;}
	header #navi ul li:last-child a:after{content:""; display:block; width:21px; height:17px; background:url(../images/menu_btn_ico.png) no-repeat center; position:absolute; top:48px; right:37px;}
	header #navi ul li:last-child a p{font-size:30px; letter-spacing:-0.05em; font-weight:500; color:#fff; line-height:115px;}
	header #navi ul li:last-child:hover{border:0;} */
	.menu_close{width:35px; height:35px; position:absolute; top:27px; right:332px;}

	header #navi ul li a span{left:50%; transform:translateX(-50%); bottom:36px;}
	header #navi ul li.on a span{width:114px;}

	footer{max-width:750px; width:100%; background:#1e1e1e;}
	footer .in_box{width:auto; margin:0 40px; height:auto; padding:60px 0 80px;}
	footer .in_box .footer_menu li a{font-size:28px; color:#999; font-family:'NanumSquare' ,sans-serif; font-weight:600;}
	footer .in_box .footer_menu li:first-child:after{content:'|'; display:inline-block; margin:0 17px 0 17px; color:#767676; font-size:15px; position:relative; top:-3px;}
	footer .in_box .footer_menu li button{font-size:24px; color:#c1c1c1;}
	footer .in_box .footer_logo{float:none; margin-top:64px;}
	footer .in_box .footer_logo li{float:none; margin-top:65px; margin-left:0;}
	footer .in_box .footer_logo li:first-child{margin-top:0;}
	footer .in_box .address{margin-top:72px;}
	footer .in_box .address p{font-size:22px;font-weight:500; line-height:36px;}
	footer .in_box .address p a{font-size:22px;font-weight:500; line-height:36px;}
	footer .in_box .address p.copy{float:none; margin-top:60px;}

	#popup_all .in_layer_box {width:670px;}
	#popup_privacy ul{height:600px;}
	#popup_privacy ul li p{font-size:24px; line-height:35px;}

	#popup_all #popup_EndEvet .in_layer_box {width: 400px;}


	/** 메인 **/
	.main_01{max-width:750px; width:100%;}
	.main_01 .in_box{width:100%; height:1100px;}
	.main_01 .in_box .swiper-wrapper .swiper-slide{width:100%; height:1100px; position:relative;}
	.main_01 .in_box .swiper-wrapper .swiper-slide01{background:url(../images/m_main_slide_01.png) no-repeat top center;}

	.main_01 .in_box .swiper-wrapper .swiper-slide .swiper-slideBG{height:1100px;}
	.main_01 .in_box .swiper-wrapper .swiper-slide01 .swiper-slideBG{background:url(../images/m_main_slide_01.png) no-repeat top center;}
	.main_01 .in_box .swiper-wrapper .swiper-slide02 .swiper-slideBG{background:url(../images/m_main_slide_02.png) no-repeat top center;}
	.main_01 .in_box .swiper-wrapper .swiper-slide03 .swiper-slideBG{background:url(../images/m_main_slide_03.jpg) no-repeat top center;}
	.main_01 .in_box .swiper-wrapper .swiper-slide04 .swiper-slideBG{background:url(../images/m_main_slide_04.jpg) no-repeat top center;}
	.main_01 .in_box .swiper-wrapper .swiper-slide05 .swiper-slideBG{background:url(../images/m_main_slide_05.jpg) no-repeat top center;}
	.main_01 .in_box .swiper-wrapper .swiper-slide06 .swiper-slideBG{background:url(../images/m_main_slide_06.jpg) no-repeat top center;}
	
	.main_01 .in_box .swiper-wrapper .bg{display:none;}
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt_content{width:750px; height:100%; margin:0 auto;}

	/** 수정시 주석 **/
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt{width:750px; position:absolute; left:0px; top:50%; transform:translateY(-50%); z-index:1; text-align:center;}
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt h1{}
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt p{font-size:28px; line-height:40px; font-weight:500; color:#fff; margin:34px 0 36px;}
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn{padding: 0 56px 0 30px; height:74px; border-radius:74px; font-size:26px; line-height:74px;}
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn::after{right: 34px; top: 30px;}
	.main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn-wrap{flex-direction: column; margin-left: auto; margin-right: auto;}

	/** 수정시 주석 해제 **/
	/* .main_01 .in_box .swiper-wrapper .swiper-slide .txt{width:750px; position:absolute; left:40px; top:190px; z-index:1; text-align:left;}
      .main_01 .in_box .swiper-wrapper .swiper-slide .txt h1{line-height: 84px;}
      .main_01 .in_box .swiper-wrapper .swiper-slide .txt p{font-size:28px; line-height:42px; font-weight:500; color:#fff; margin:34px 0 36px;}
      .main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn{padding: 0 56px 0 30px; height:74px; border-radius:74px; font-size:26px; line-height:74px;}
    .main_01 .in_box .swiper-wrapper .swiper-slide .txt .btn::after{right: 34px; top: 30px;}
      .main_01 .in_box .swiper-container .swiper-pagination{display:none;}*/


	.main_02{max-width:750px;}
	.main_02 .in_box{width:auto; margin:0 40px; box-sizing:border-box;}

	.main_02 .in_box ul{padding:100px 0 80px; margin:0 auto;}
	.main_02 .in_box ul li{float:none; margin-left:0; opacity:0; margin-bottom:20px;}
	.main_02 .in_box ul li:nth-child(1){background:#21a7cd url(../images/m_main_sec02_img01.png) no-repeat center;}
	.main_02 .in_box ul li:nth-child(2){background:#308bd1 url(../images/m_main_sec02_img02.png) no-repeat center;}
	.main_02 .in_box ul li:nth-child(3){background:#0060aa url(../images/m_main_sec02_img03.png) no-repeat center;}
	.main_02 .in_box ul li a{display:block; width:100%; height:240px; box-sizing:border-box;}
	.main_02 .in_box ul li a h1{font-size:40px; padding-top:27px; margin-left:30px;}
	.main_02 .in_box ul li a p{display:inline-block; font-size:27px; margin-top:14px; margin-left:30px; padding-right:5px; position:relative;}
	.main_02 .in_box ul li:hover{margin-top:0px; box-shadow:none;}

	#sec_video{max-width:750px;}
	#sec_video .in_box{width:100%; height: 746px; padding-bottom: 98px;}
	#sec_video .in_box .swiper-container{width:750px; height: 746px;}
	#sec_video .in_box .swiper-slide .tit{width:750px; text-align: center; top: 0; left: 50%; transform:  translateX(-50%); z-index: 1;}
	#sec_video .in_box .swiper-slide .tit h1{font-size: 50px; font-weight: 600; color:#222; line-height: 1;}
	#sec_video .in_box .swiper-slide .tit h1 br{display: none;}
	#sec_video .in_box .swiper-slide .tit h1 span{color:#0061ab;}
	#sec_video .in_box .swiper-slide .playImg{top:104px; height: 537px;}
	#sec_video .in_box .swiper-slide .youtubevideo{height: 537px !important; margin-top: 104px;}

	#sec_video .swiper-pagination{top: 690px; left: 50%; transform: translateX(-50%);}
	#sec_video .swiper-pagination .swiper-pagination-bullet{font-size: 24px; opacity: 1; margin-right: 24px;}
	#sec_video .swiper-pagination .swiper-pagination-bullet::after{opacity: 1; width: 30px; height: 4px; bottom: -8px;}

	#sec_video .swiper-pagination .swiper-pagination-bullet-active{color:#0061ab;}
	#sec_video .swiper-pagination .swiper-pagination-bullet-active::after{background:#0061ab;}

	#sec_video .in_box .slide_btn{width:80px; height:80px; top:688px; background-size:180px; background-color:#0061ab;}
	#sec_video .in_box .swiper-button-disabled{width: 80px; height: 80px; background: url(../images/videoBtn.png) no-repeat}
	#sec_video .in_box .swiper-button-disabled.swiper-button-prev{background-position: center left;}
	#sec_video .in_box .swiper-button-disabled.swiper-button-next{background-position: center right;}
	#sec_video .in_box .slide_btn:hover{background-size:180px;}
	#sec_video .in_box .swiper-button-prev{left:40px;}
	#sec_video .in_box .swiper-button-next{left:612px;}
	#sec_video .in_box .swiper-button-prev:hover{left:40px;}
	#sec_video .in_box .swiper-button-next:hover{right:40px;}

	.main_03{max-width:750px; width:100%;}
	.main_03 .in_box{width:100%; height:1386px;}
	.main_03 .in_box .swiper-wrapper .swiper-slide{height:1386px;}
	.main_03 .in_box .swiper-wrapper .swiper-slide01{background:#4cbee3;}
	.main_03 .in_box .swiper-wrapper .swiper-slide02{background:#4cbee3;}
	.main_03 .in_box .swiper-wrapper .swiper-slide03{background:#4cbee3;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt_content{width:auto;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .ph_img{width:509px; top:466px; left:154px;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .bg{display:none;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt{width:750px; top:100px;  left:50%; transform:translateX(-50%); text-align:center;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt h1{font-size:50px; font-weight:600;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt p{font-size:28px; letter-spacing:-0.05em; font-weight:500; line-height:36px; margin:50px 0 12px;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt p:after{display:none;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2{font-size:44px; letter-spacing:-0.05em; font-weight:700;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2 span.ico:first-child{display:block; line-height:1; height:22px; margin-bottom:5px;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2 span.ico:last-child{display:none;}
	.main_03 .in_box .slide_btn{width:80px; height:80px; top:785px; background-size:180px; background-color:#0061ab;}
	.main_03 .in_box .slide_btn:hover{background-size:180px;}
	.main_03 .in_box .swiper-button-prev{left:40px;}
	.main_03 .in_box .swiper-button-next{right:40px;}
	.main_03 .in_box .swiper-button-prev:hover{left:40px;}
	.main_03 .in_box .swiper-button-next:hover{right:40px;}

	.main_04{max-width:750px; width:100%; background:#fff;}
	.main_04 .in_box{width:auto; height:auto; margin:0 40px; position:relative; padding-bottom:95px;}
	.main_04 .in_box .tit{font-size:40px; color:#000; letter-spacing:-0.05em; padding:90px 0 30px; opacity:0;}
	.main_04 .in_box .more{float:right; margin-top:-44px; opacity:0;}
	.main_04 .in_box .more a{font-size:24px; padding-right:23px; background:url(../images/m_main_04_ico.png) no-repeat center right;}
	.main_04 .in_box .more a:before{display:none;}
	.main_04 .in_box ul{width:calc(100% + 80px); border-top:1px solid #e9e9e9; padding-top:0px; opacity:0; margin-left:-40px;}
	.main_04 .in_box ul li{padding:12px 0px; border-bottom:0; margin:0 80px;}
	.main_04 .in_box ul li:first-child{padding-top:28px;}
	.main_04 .in_box ul li a{display:block; width:100%;}
	.main_04 .in_box ul li a h1{font-size:26px; color:#000; width:calc(95% - 82px);}
	.main_04 .in_box ul li a:hover h1{}
	.main_04 .in_box ul li a h1 span{display:none;}
	.main_04 .in_box ul li a .date{font-size:24px; color:#000; font-weight:400;}

	/**서브 페이지 공통**/
	.sub_title{margin-top:90px;}
	.sub_title > div{height:240px;}
	.sub_title h1{font-size:40px;}

	/**사업소개**/
	#intro .sub_title .in_box{background:url(../images/intro/m_intro_tit_bg.png) no-repeat top center;}
	.intro_con{width:100%; background:url(../images/intro/m_intro_bg01.jpg) no-repeat 50% 3%;}
	.intro_con .in_box{width:750px;}
	.intro_con .intro_top_txt{padding-top:122px; height:1200px; background:url(../images/intro/m_intro_logo.png) no-repeat 133px 196px;}
	.intro_con .intro_top_txt h1{font-size:50px; color:#000; height:260px; position:relative; line-height:1;}
	.intro_con .intro_top_txt h1 span{position:absolute; bottom:0px; right:140px;}
	.intro_con .intro_top_txt p{font-size:28px; line-height:46px; margin-top:57px;}
	.intro_group{width:auto; margin:0 40px;}
	.intro_group .tit{text-align:center; padding:117px 0 94px;}
	.intro_group .tit h1{font-size:50px; line-height:66px;}
	.intro_group ul{margin-top:0;}
	.intro_group ul li{margin-bottom:160px;}
	.intro_group ul li > div{display:block; width:100%;}
	.intro_group ul li > div > div{display:block;}
	.intro_group ul li div .gr_img{width:275px; height:275px; border:1px solid #1165a2; border-radius:275px; position:relative; margin:0 auto; margin-bottom:50px;}
	.intro_group ul li div .gr_img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	.intro_group ul li div .gr_img:before{display:none;}
	.intro_group ul li div .txt > div{margin-left:0; text-align:center;}
	.intro_group ul li div .txt h1{font-size:40px; margin-bottom:40px;}
	.intro_group ul li div .txt p{font-size:28px; line-height:46px; margin-bottom:50px; word-break:keep-all;}
	.intro_group ul li div .txt a{width:250px; height:80px; line-height:80px; font-size:26px; margin:0 auto;}
	.intro_group ul li div .txt a:after{left:0; height:80px;}

	/**신청하기**/
	#store .sub_title .in_box{background:url(../images/store/m_store_tit_bg.png) no-repeat bottom center;}
	.store_con .in_box{width:750px;}
	.store_top_txt{padding:112px 0 108px; border-bottom:1px solid #e3e3e3;}
	.store_top_txt .in_box{margin:0 40px;}
	.store_top_txt h1{font-size:44px; line-height:60px; margin-bottom:44px;}
	.store_top_txt h2{font-size:40px; line-height:56px; margin-bottom:35px; color:#333333; line-height:64px;}
	.store_top_txt p{font-size:28px; line-height:42px;}
	.store_top_txt p span{color:#0061ab;}

	.store_text{margin-top:110px;}
	.store_text .in_box{margin:0 40px;}
	.store_text .in_box:after{display:none;}
	.store_text li{margin-bottom:62px;}
	.store_text li:nth-child(3){margin-bottom:48px;}
	.store_text li > .tit h1{font-size:28px; margin-right:36px;}
	.store_text li:first-child > .tit h1{margin-top:5px;}
	.store_text li > .tit h1 span{width:104px; left:-4px; }
	.store_text li > .txt p{font-size:28px; line-height:40px;}
	.store_text li > .txt p span.txt{font-size:24px; line-height:36px;}
	.store_text li > .txt a{width:227px; height:54px; border:1px solid #116cb1; font-size:24px; font-weight:500; line-height:50px; border-radius:50px; box-sizing:border-box; margin-left:20px;}
	.store_text li > .txt a:hover{}

	.store_text li .content{margin:13px auto 46px; height:534px;}
	.store_text li .content .cont_all{margin-left:0; position:relative;}
	.store_text li .content .cont{width:300px; height:300px; border-radius:300px; margin-left:0px; float:none; position:absolute;}
	.store_text li .content .cont_01{top:0; left:44px;}
	.store_text li .content .cont_02{top:0; left:326px;}
	.store_text li .content .cont_03{top:245px; left:185px;}
	.store_text li .content .cont h1{font-size:28px;}
	.store_text li .content .cont h1:after{margin:13px auto 16px;}
	.store_text li .content .cont p{font-size:24px; line-height:35px;}

	.store_text li:nth-child(6) > .tit{display:block;}
	.store_date{display:block !important; margin-top:50px;}
	.store_date > div .num{width:38px; height:38px; border-radius:38px; font-size:20px; line-height:38px;}
	.store_date > div p .text_tit{margin:0 6px 0 12px;}

	.store_write{width:auto; padding:137px 0 100px; background:#f5f7f8 url(../images/store/m_store_bg02.jpg) no-repeat bottom center;}
	.store_write h1{font-size:32px; line-height:42px; margin:0 40px;}

	/** 선한가게 **/
	#shop .sub_title .in_box{background:url(../images/shop/m_shop_tit_bg.png) no-repeat top center;}
	.shop_con{width:100%; height:900px; box-sizing:border-box; background:#f5f7f8 url(../images/shop/m_shop_img.png) no-repeat center 350px;}
	.shop_con h1{padding-top:104px;}
	.imgTit{width:100%; position:relative;}
	.imgTit > div{height:1066px; background-image:url(../images/shop/m_shop_tit_bg.jpg); background-attachment:initial; background-position:-450px 0px; background-repeat:no-repeat;}
	.imgTit > div h1{font-size:50px; line-height:62px; padding-top:210px; color:#000;}
	.imgTit > div p{font-size:28px; line-height:46px; color:#333333;  margin:40px 0 60px;}
	.imgTit > div p span{color:#333;}
	.imgTit > div button{height:80px; line-height:80px; padding:0 62px 0 40px; background: linear-gradient( to right, #20a8cc, #2b70bf ); font-size:26px; }
	.imgTit > div button:after{width:20px; height:20px; background-size:cover; top:32px; right:27px;}

	.shop_cont > div{display:block; height:auto;}
	.shop_cont > div > div{width:100%;}
	.shop_cont > div.left > div > div.img_cont{position:static; transform: translateY(0); opacity:1;}
	.shop_cont > div.right > div > div.img_cont{position:static; transform: translateY(0); text-align:center; opacity:1;}
	.shop_cont > div.right > div > div.img_cont .m{display:inline-block !important;}
	.shop_cont > div.effect > div > div.img_cont{animation:none !important;}

	/*.shop_cont > div > div.txt_all{margin:0 40px;}*/
	.shop_cont > div.left > div > div.txt_cont{top:auto; left:50% !important; transform:translateX(-50%); bottom:0; padding:70px 0 120px 60px; width:670px; box-sizing:border-box; background:#fff;}
	.shop_cont > div.effect > div > div.txt_cont{animation:M_effect_img 0.8s ease-in-out forwards !important;}
	/* .shop_cont > div:nth-child(3).left > div > div.txt_cont{padding:70px 0 74px 60px;} */
	.shop_cont > div.right > div > div.txt_cont{top:auto; left:50% !important; transform:translateX(-50%); bottom:0; padding:70px 0 140px 60px; width:670px; box-sizing:border-box; background:#fff; opacity:1;}
	.shop_cont > div > div.txt_all h2{font-size:54px; line-height:69px;}
	.shop_cont > div > div.txt_all p{font-size:28px; margin-top:68px; line-height:42px;}
	.shop_cont > div > div.txt_all p:after{width:53px; top:20px;}
	.shop_cont > div:nth-child(1){padding-bottom:320px;}
	.shop_cont > div:nth-child(2){padding-bottom:578px;}
	.shop_cont > div:nth-child(3){padding-bottom:340px; /*background:#f8f8f8;*/}
	.shop_cont > div:nth-child(4){padding-bottom:490px;}
	.shop_cont > div:nth-child(5){padding-bottom:300px;}
	.shop_cont > div:nth-child(6){padding-bottom:400px;}

	.mapDiv{padding-bottom:674px;}
	.mapDiv .in_box{width:750px;}
	.mapDiv .tit{padding:130px 0 30px; background:#f8f8f8;}
	.mapDiv .tit h1{font-size:48px; margin-bottom:16px;}
	.mapDiv .tit p{font-size:26px;}
	.mapDiv #map{height:500px !important;}

	.mapDiv .mapNav{width:750px; top:746px; box-shadow:none; right:0px; border-radius:10px;}
	.mapDiv .mapNav > h1{display:none; font-size:46px; padding:60px 40px 30px;}
	.mapDiv .mapNav .map_search{padding:0 40px;}
	.mapDiv .mapNav .map_search select{padding:0 32px; height:76px; line-height:76px; font-size:28px; background-size:27px 14px; width: calc(100% - 144px); border-bottom:5px solid #3a3a3a; border-top:none; border-left:none; border-right:none; background:#fff url(../images/shop/m_search_ico.png) no-repeat 94% 50%;}
	.mapDiv .mapNav .map_search button{width:145px; height:76px; font-size:28px; vertical-align:top; background:#3a3a3a; color:#fff; border:none;}
	.mapNav_cont{padding:0 40px 0; height:538px;}
	.mapNav_cont li > div{padding:20px 0;}
	.mapNav_cont li div .img{width:210px; height:210px;}
	.mapNav_cont li div .txt{padding-left:30px;}
	.mapNav_cont li div .txt .name{font-size:28px; font-weight:500;}
	.mapNav_cont li div .txt .cont{font-size:24px; line-height:32px; margin:10px 0 10px 0;}
	.mapNav_cont li div .txt .add{font-size:22px; line-height:28px;}
	.mapNav_cont li div .txt .ph a{font-size:22px; margin-top:10px;}

	#Mypo{top:438px; left: initial; right:40px; z-index:9;}
	#Mypo button{width:97px; height:97px; background-size:54px;}
	.custom_zoomcontrol{width:97px; left:initial; right:40px; top:545px;}
	.custom_zoomcontrol span{width:97px; height:82px;}
	.custom_zoomcontrol span img{width:97px;}

	/** 커뮤니티 **/
	#community .sub_title .in_box{background:url(../images/community/m_community_tit_bg.png) no-repeat top center;}
	#community .sub_title .in_box p{font-size:24px; color:#fff; margin-top:13px;}
	.comm_con .in_box{width:750px; padding-bottom:240px;}
	.comm_con .tab{display:inline-block; margin:0 auto; padding-top:102px; position:relative; left:0; transform:translateX(0%);}
	.comm_con .tab > div{float:left; padding:0 5px; margin:0; position:relative; cursor:pointer;}
	.comm_con .tab > div h1{}
	#comm{margin:70px 0 0;}
	#comm ul li div > a{padding:32px 0;}
	#comm ul li div > a > div.num{display:none;}
	#comm ul li div > a > div.txt{font-size:24px; padding-left:0px; width:calc( 100% - 135px);}
	#comm ul li div > a > div.date{font-size:24px; padding:0; margin-left:20px; }

	#faq{margin:35px 0 0; display:none;}
	#faq ul li div > a{padding:32px 0;}
	#faq > ul li:hover{background:#fff;}
	#faq > ul > li > div.on{background:#fff;}
	#faq ul li div > a > div.num{display:none;}
	#faq ul li div > a > div.txt{font-size:24px; padding-left:0;  width:calc( 100% - 56px);}
	#faq ul li div > a > div.txt:before{font-size:24px;}
	#faq ul li div > a > div.btn{width:20px; margin-left:20px;}
	#faq .q_txt{display:none; padding:32px 20px 44px 10px; background:#f8f8f8;}
	#faq .q_txt p{font-size:24px; line-height:40px; font-weight:300; color:#444444; word-break: keep-all;}

	.comm_navi{margin-top:100px; padding:0 52px;}
	.comm_navi > button{width:52px; height:52px; background:url(../images/community/m_community_btn.png) no-repeat;}
	.comm_navi li{font-size:28px; height:52px; line-height:52px; margin:0 27px}

	/** 커뮤니티 리스트 **/
	#community .comm_con .in_box{width:auto; margin:0 40px;}
	#community .comm_list_tit{padding-top:80px; text-align:center;}
	#community .comm_list_tit p{font-size:24px; margin-bottom:25px;}
	#community .comm_list_tit h1{font-size:40px;}
	#community .comm_list{margin:75px 0 90px; padding:55px 10px;}
	#community .comm_list p{font-size:26px; line-height:42px; word-break: keep-all;}
	.community_btn a{width:130px; font-size:26px;}

	#community .comm_list > p p{font-size:24px !important; line-height:40px !important;}
	#community .comm_list > p span{font-size: 24px !important;}
	#community .comm_list table{max-width:670px; width:auto !important;}

}












@keyframes effect {
	0% {opacity:0; transform: translateY(40px);}
	100% {opacity:1; transform: translateY(0px);}
}


@keyframes slideImg {
	0% {opacity:0; transform: translateY(200px);}
	100% {opacity:1; transform: translateY(0px);}
}

@keyframes slide01BG {
	0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes slide02BG {
	0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes slideTxt {
	0% {opacity:0; top:40px;}
	100% {opacity:1; top:0px;}
}


@keyframes S_effect_Ltxt {
	0% {opacity:0; left:0;}
	100% {opacity:1; left:12%;}
}
@keyframes S_effect_Limg {
	0% {opacity:0; right:-12%;}
	100% {opacity:1; right:0;}
}

@keyframes S_effect_Rtxt {
	0% {opacity:0; right:0;}
	100% {opacity:1; right:16%;}
}
@keyframes S_effect_Rimg {
	0% {opacity:0; left:-12%;}
	100% {opacity:1; left:0;}
}

@keyframes M_effect_img {
	0% {opacity:0; bottom:100%;}
	100% {opacity:1; bottom:0;}
}



/* ------------------------- */
/* -----20230703 수정------- */
/* ------------------------- */
footer .in_box .address {margin-top: 60px;}

.main_02 .in_box ul li {width: 48%;}
.main_02 .in_box ul li a {width: 100%;}
.main_02 .in_box ul li:nth-child(1) {background: url(../images/main_sec02_img01_modi.png) no-repeat center center/cover;}
.main_02 .in_box ul li:nth-child(2) {margin-left: 4%; background: url(../images/main_sec02_img02_modi.png) no-repeat center center/cover;}

.main_03 .in_box .swiper-wrapper .swiper-slide {position: relative;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt {top: 200px;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt h1{font-size: 24px; font-weight:600; color: #28a8d1;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt h1 span {padding: 8px 16px; border-radius: 32px; background-color: #93e5ff;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt p {margin: 60px 0 30px 0; color: #00579a; font-size: 32px; line-height: 60px; font-weight: 500;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt p span {font-size: 46px; font-weight: 900;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt p:after {display: none;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2 {font-size: 34px; font-weight: 600;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2::before {content: ""; display: block; width: 40px; height: 1px; margin-bottom: 34px; background-color: #c2effd;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2 span.line:after {top: auto; bottom: 0px;}
.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2 span.ico {display: none;}

#shop {padding-bottom: 200px;}
.custom_zoomcontrol {top: 318px;}
#Mypo {top: 436px;}
.mapDiv .btn_wrap {margin-bottom:  46px;}
.mapDiv .btn_wrap ul {display: flex; justify-content: center; align-items: center;}
.mapDiv .btn_wrap li a {position: relative; display: inline-block; padding: 16px 36px 16px 24px; font-size: 16px; text-align: center; border-radius: 100px; box-sizing: border-box; font-weight: 500;}
.mapDiv .btn_wrap li a::after {content: ""; position: absolute; right: 24px; top: 50%; width: 6px; height: 12px; transform: translateY(-45%);}
.mapDiv .btn_wrap li:nth-child(1) {margin-right: 20px;}
.mapDiv .btn_wrap li:nth-child(1) a {background-color: #00b900; color: #fff;}
.mapDiv .btn_wrap li:nth-child(2) a {background-color: #ffd200;}
.mapDiv .btn_wrap li:nth-child(1) a::after {background: url(../images/ico_right_w.png) no-repeat center/100% auto;}
.mapDiv .btn_wrap li:nth-child(2) a::after {background: url(../images/ico_right_b.png) no-repeat center/100% auto}
.mapDiv .mapNav {top: 318px; width: 520px;}
/*.mapDiv .mapNav .map_search select {width: calc(100% - 120px);}*/
.mapDiv .mapNav .map_search button {float: right;}
.mapDiv .map_cate {margin-bottom: 28px; padding: 0 25px;}
.mapDiv .map_cate ul {display: flex;  flex-wrap: wrap; width: 100%;}
.mapDiv .map_cate li {position: relative; width: 88px; margin: 10px 7px 0 0;}
.mapDiv .map_cate li:nth-child(5) {margin-right: 0px;}
.mapDiv .map_cate input[type="radio"] {position: absolute; left: 0; top: 0; width: 1px; height: 1px; vertical-align: middle;outline: none;box-sizing: border-box;border-radius: 0;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
.mapDiv .map_cate input[type="radio"] + label {display: block; width: 100%; text-align: center; color: #7897af; font-size: 16px; cursor: pointer;}
.mapDiv .map_cate input[type="radio"] + label span {display: block; width: 60px; height: 60px; margin: 0 auto 8px;}
.mapDiv .map_cate li:nth-child(1) input[type="radio"] + label span {background: url(../images/shop_cate_01.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(2) input[type="radio"] + label span {background: url(../images/shop_cate_02.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(3) input[type="radio"] + label span {background: url(../images/shop_cate_03.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(4) input[type="radio"] + label span {background: url(../images/shop_cate_04.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(5) input[type="radio"] + label span {background: url(../images/shop_cate_05.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(6) input[type="radio"] + label span {background: url(../images/shop_cate_06.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(7) input[type="radio"] + label span {background: url(../images/shop_cate_07.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(8) input[type="radio"] + label span {background: url(../images/shop_cate_08.png) no-repeat center/100% auto;}
.mapDiv .map_cate input[type="radio"]:checked + label {color: #0061ab; font-weight: 500;}
.mapDiv .map_cate li:nth-child(1) input[type="radio"]:checked + label span {background: url(../images/shop_cate_01_on.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(2) input[type="radio"]:checked + label span {background: url(../images/shop_cate_02_on.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(3) input[type="radio"]:checked + label span {background: url(../images/shop_cate_03_on.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(4) input[type="radio"]:checked + label span {background: url(../images/shop_cate_04_on.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(5) input[type="radio"]:checked + label span {background: url(../images/shop_cate_05_on.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(6) input[type="radio"]:checked + label span {background: url(../images/shop_cate_06_on.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(7) input[type="radio"]:checked + label span {background: url(../images/shop_cate_07_on.png) no-repeat center/100% auto;}
.mapDiv .map_cate li:nth-child(8) input[type="radio"]:checked + label span {background: url(../images/shop_cate_08_on.png) no-repeat center/100% auto;}

.mapNav_cont {height: 523px;}
.mapNav_cont li {position: relative;}
.mapNav_cont li .btn_share {position: absolute; right: 14px; bottom: 14px; padding: 10px; background-color:transparent; font-size: 16px; font-weight: 500; z-index: 100;}
.mapNav_cont li .btn_share::before {content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 6px; background: url(../images/ico_share.png) no-repeat center/100% auto; vertical-align: -4px;}
.mapNav_cont .pop_share {position: absolute; right: 24px; bottom: 58px; padding: 22px 32px; border: 1px solid #ddd; background-color: #fff; display: none;}
.mapNav_cont .pop_share ul {display: flex; justify-content: space-between; width: 182px;}
.mapNav_cont .pop_share li {width: 48px; height: 48px; border-bottom: 0px;}
.mapNav_cont .pop_share li a {display:block; width: 100%; height: 100%;}
.mapNav_cont .pop_share li a:hover {background-color: none;}
.mapNav_cont .share_kakao a {background: url(../images/ico_kakao.png) no-repeat center/100% auto;}
.mapNav_cont .share_line a {background: url(../images/ico_line.png) no-repeat center/100% auto;}
.mapNav_cont .share_url a {background: url(../images/ico_url.png) no-repeat center/100% auto;}
.mapDiv #map {height: 1000px;}
@media (max-width: 1299px){
	header #navi ul li:last-child {margin-top: 0px;}
	/* header.border {background: rgba(255, 255, 255, 0.8);} */

	footer .in_box .address {margin-top: 72px;}
	footer .in_box .address p.copy {margin-top: 10px;}

	.main_02 .in_box ul li {width: 100%;}
	.main_02 .in_box ul li:nth-child(1) {background: url(../images/main_sec02_img01_modi.png) no-repeat center top 40%/cover;}
	.main_02 .in_box ul li:nth-child(2) {margin-left: 0%; background: url(../images/main_sec02_img02_modi.png) no-repeat center top 40%/cover;}

	.main_03 .in_box .swiper-wrapper .swiper-slide .txt {top: 100px;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt p {margin: 28px 0 14px 0;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2::before {margin: 0 auto 14px;}
	.main_03 .in_box .swiper-wrapper .swiper-slide .txt h2 span.ico:first-child {display: none;}

	#shop {padding-bottom: 50px;}
	.custom_zoomcontrol {top: 706px;}
	#Mypo {top: 886px;}
	.mapDiv {padding-bottom: 1140px;}
	.mapDiv .tit {padding: 130px 0 60px; background-color: #fff;}
	.mapDiv .btn_wrap ul {flex-wrap: wrap;}
	.mapDiv .btn_wrap li {width: 100%; text-align: center;}
	.mapDiv .btn_wrap li:nth-child(1) {margin-right: 0px; margin-bottom: 20px;}
	.mapDiv .btn_wrap li a {width: 450px; padding: 18px 36px 18px 24px; font-size: 22px;}
	.mapDiv .btn_wrap li a::after {right: 30px;}
	.mapDiv .mapNav {top: 1000px; width: 750px;}
	.mapDiv .mapNav .map_search select {width: 100%; border: 1px solid #116cb1; background: #fff url(../images/shop/search_ico.png) no-repeat 94% 50%;}
	.mapDiv .mapNav .map_search input {width: calc(100% - 143px); height: 76px;}
	.mapDiv .mapNav .map_search button {border: 1px solid #116cb1; color: #0061ab; background: #fff;}
	.mapDiv .map_cate ul {justify-content: space-between;}
	.mapDiv .map_cate li {width: 25%; margin: 14px 0px 0px 0px;}
	.mapDiv .map_cate input[type="radio"] + label {font-size: 22px;}
	.mapDiv .map_cate input[type="radio"] + label span {width: 90px; height: 90px; margin: 0 auto 12px;}

	.mapNav_cont {height: 751px;}
	.mapNav_cont li .btn_share::before {width: 25px; height: 25px;}
	.mapNav_cont li .btn_share {bottom: 0px; padding: 20px; font-size: 26px;}
	.mapNav_cont .pop_share {bottom: 64px;}
	.mapNav_cont .pop_share ul {width: 290px;}
	.mapNav_cont .pop_share li {width: 80px; height: 80px;}

	.intro_con .intro_top_txt {background: url(../images/m_intro_logo_modi.png) no-repeat 133px 196px;}
}



/* ------------------------- */
/* -----20230711 수정------- */
/* ------------------------- */
.mapNav_cont .no_list {border-bottom: 0px;}
.mapNav_cont .no_list:hover,
.mapNav_cont .no_list:active,
.mapNav_cont .no_list:focus,
.mapNav_cont .no_list.on {background: none; cursor: default;}
.mapNav_cont .no_list h2 {margin-top: 40px; font-size: 24px; font-weight: 400; text-align: center; color: #333333;}
@media (max-width: 1299px){
	.mapNav_cont .no_list h2 {margin-top: 80px; font-size: 30px;}
}


/* ------------------------- */
/* -----20230713 수정------- */
/* ------------------------- */
/* images/shop_title.png */
.main_02 .in_box ul li:nth-child(2) {position: relative;}
.main_02 .in_box ul li:nth-child(2)::after {content: ""; position: absolute; left: 30px; bottom: 30px; width: 176px; height: 116px; background: url(../images/add_title.png) no-repeat center/100% auto;}
@media (max-width: 1299px){
	.main_02 .in_box ul li:nth-child(2)::after {bottom: 26px; width: 120px; height: 80px;}
	#sec_video .in_box {height: 780px; padding-bottom: 120px;}
	#sec_video .in_box .swiper-container {height: 776px;}
	#sec_video .in_box .swiper-slide .tit {top: auto; bottom: 666px;}
	#sec_video .in_box .swiper-slide .tit h1 br {display: block;}
	#sec_video .in_box .swiper-slide .tit h1 {line-height: 120%;}
	#sec_video .in_box .swiper-slide .playImg {top: 134px;}
	#sec_video .in_box .swiper-slide .youtubevideo {margin-top: 134px;}
	#sec_video .in_box .slide_btn {top: auto; bottom: 0;}
	#sec_video .swiper-pagination {top: 718px;}
}