@charset "UTF-8";


.content_wrap{position: relative; padding-top: 286px; background: url(/_static/osan/img/main/main_top_b2.jpg) no-repeat center top 101px;}


/* visual */
.visual{height: 543px ; position: relative;}
.visual > div{ position: absolute; right: 0; bottom: 0;}
.visual .img_area{margin-bottom: 40px;}
.visual .img_area img{}
.visual .visual_box{ background: #2f961e; padding: 40px; max-width: 430px;}
.visual .visual_box .tit{ color: #ffffff; font-size: 1.75em; margin-bottom: 15px; line-height: 1; letter-spacing: -0.040em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
  display: block;
}
.visual .visual_box p{ 
  color: #ffffff;
  line-height: 1.4;
  font-size: 0.938em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 5.6em;
  letter-spacing: -0.010em;
}
.visual .visual_box dl{ color: #ffffff; line-height: 1.4; font-size: 0.938em; letter-spacing: -0.010em;}
.visual .visual_box dl dt{}
.visual .visual_box dl dd{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.8em;}
.visual .visual_box .date{ color: #fff; font-weight: 300; font-size: 0.938em; text-align: right; display: block; margin-top: 24px;}
.visual .mo{display: none;}
.visual .btn_area{}
.visual .btn_area > a{ border: 1px solid #ddd; color: #ffffff; font-size: 0.938em; font-weight: 300; height: 40px; line-height: 38px;}

.visual_slide .slick-arrow{
  width: 40px;
  height: 74px;
  z-index: 1;
  top: 50%;
  transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
  left: inherit;
}
.visual_slide .slick-prev.slick-arrow{
  left: -100px;
  background: url(/_static/osan/img/main/place_left.png) no-repeat center;
}
.visual_slide .slick-next.slick-arrow{
  right: -100px;
    background: url(/_static/osan/img/main/place_right.png) no-repeat center;
}

.section_wrap{position: relative; background: #006cc0;}
/* .section_wrap:before{content:''; position: absolute; background: url(/_static/osan/img/main/section_left_bg.png); width: 410px; height: 505px; bottom: 0; left: 0; z-index: 0;}
.section_wrap:after{ content:''; position: absolute; background: url(/_static/osan/img/main/section_right_bg.png); width: 200px; height: 414px; right: 0; bottom: 0; z-index: 0;} */

.section.search{background: #eeeeee;}
.section.search .search_bg{position: relative; background: #006cc0;}
.section.search .search_bg:before{content:'';display: block;position: absolute;left: 0;top: 0;height: 100%;background: #0ac0c7;width: 38%;}
.search_cont{ display: table; table-layout: fixed; width: 100%;}
.search_cont .tit{ font-size: 1.75em; color: #fff; font-weight: 300; width: 23%; text-align: center; line-height: 1; background: #0ac0c7; display: table-cell; vertical-align: middle;}
.search_cont .search_area{ display: table-cell; vertical-align: middle; background: #006cc0; padding: 24px 0 24px 65px;}
.search_cont .search_area .serch_ver.skin2{ border-radius: 50px; height: 60px; background: #fff; width: 100%; padding: 0 28px; position: relative;}
.search_cont .search_area .serch_ver.skin2 .sch_slt{ width: 23%; height: 60px; border: 0; color: #383838; font-size: 1.125em; padding:0 50px 0 8px; margin-right: 0; border-right: 1px solid #e2e2e2;}
.search_cont .search_area .serch_ver.skin2 .sch_slt{background-position:center right 30px;}
.search_cont .search_area .ipt_search{ float: left; width: 65%; height: 60px; border: 0; padding-left: 10px;}
.search_cont .search_area .btn_search{ position: absolute; right: 4px; top: 4px; font-size: 0; width: 52px; height: 52px; display: block; background: url(/_static/osan/img/main/search_btn.png) no-repeat;}

/*news*/
.section.news{display: none;}


/* notice */
.section.notice{padding: 50px 0; background: #eeeeee;}
.notice_list{overflow: hidden;}
.notice_list > div{ float: left; width: 23.75%; margin-right: 1.66%; border: 1px solid #d5d5d5; background: #fff; padding: 30px; position:relative;}
.notice_list > div:last-child{margin-right: 0;}
.notice_list > div .tit{ color: #0f0f0f; font-size: 1.375em; font-weight: 500; line-height: 1; position: relative; padding-top: 18px;}
.notice_list > div .tit:before{ content:''; display: block; background: #006cc0; height: 3px; width: 37px; position: absolute; top: 0; left: 0;}
.notice_list > div > p a{ color: #131313; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.6em; margin-top: 26px; display: block;}
.notice_list > div .date{ display: block; text-align: right; color: #717171; font-weight: 300; font-size: 0.875em; margin-top: 20px;}
.notice_list > div .weather_cont{text-align: center;}
.notice_list > div .img_area{ margin-top: 7px; display: inline-block; vertical-align: middle;}

/*날씨*/
.short-info{margin-top:25px;}
.short-info > li{position: relative; margin-top: 10px; height: 20px;} 
.short-info > li:first-child{margin-top: 0;}
.short-info .s-tit{
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
}
.short-info .s-txt{display: block; text-align: right;}
.short-info .s-txt.normal{color: #47d28d;} /*보통*/
.short-info .s-txt.best{color: #54a0f8;} /*좋음*/
.short-info .s-txt.bad{color: #ff974b;} /*나쁨*/

.btn_more{ width: 18px; height: 18px; background: url(/_static/osan/img/common/btn_more.png); display: block;}

.notice_list > div .btn_more{ width: 18px; height: 18px; background: url(/_static/osan/img/common/btn_more.png); position: absolute; right: 30px; top: 49px;}

.m_notice_list{display: none;}


/* place */
.section.place{ padding: 50px 0 55px; position: relative; z-index: 1;}
.section.place .tit{ color: #ffffff; font-size: 1.875em; line-height: 1; text-align: center;}
.place_slide{margin: 0 auto; 
    max-width: 1200px;
    padding: 15px 0;
  }
  .place_slide > div{}
  .place_slide > div a{display: block; text-align: center; margin: 0 10px; position: relative;}
  .place_slide > div a div{display: block; /*height: 64px;*/ width: 80px; margin: 0 auto;}
  .place_slide > div a div img{margin: 0 auto; width: 80px;}
  .place_slide > div a .name{ 
    color: #fff;
    font-size: 0.74em;
    font-weight: 300;
    letter-spacing: 0;
    margin-top: 10px;
    display: inline-block;
  }
.place_slide .slick-arrow{
 width: 40px;
 height: 74px;
 z-index: 1;
 top: 50%;
 transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
 left: inherit;
}
/* .place_slide > div a .name + img{display: none;} */
.place_slide .slick-prev.slick-arrow{
 left: -90px; margin-top: -32px;
 background: url(/_static/osan/img/main/place_left.png) no-repeat center;
}
.place_slide .slick-next.slick-arrow{
 right: -90px; margin-top: -32px;
 background: url(/_static/osan/img/main/place_right.png) no-repeat center;
}

/* help */
.section.help{padding: 50px 0; background: #f3f3f5;}
.section.help .main_tit{ color: #1a1a1a; font-size: 2.125em; text-align: center; line-height: 1; font-weight: 300;}
.hidden_wrap{overflow: hidden;}
.help_slide{margin: 30px -15px 0;}
.help_slide > div{}
.help_slide > div a{display: block; text-align: center; border: 1px solid #e2e2e3; margin: 0 15px; padding: 27px 25px 22px;}
.help_slide .help1 a{background: #fff url(/_static/osan/img/main/help_img1.png) no-repeat center top 27px;}
.help_slide .help2 a{background: #fff url(/_static/osan/img/main/help_img2.png) no-repeat center top 27px;}
.help_slide .help3 a{background: #fff url(/_static/osan/img/main/help_img3.png) no-repeat center top 27px;}
.help_slide .help4 a{background: #fff url(/_static/osan/img/main/help_img4.png) no-repeat center top 27px;}
.help_slide .help5 a{background: #fff url(/_static/osan/img/main/help_img5.png) no-repeat center top 27px;}
.help_slide .help1 a:hover, .help_slide .help1 a:focus{background: #2f961e url(/_static/osan/img/main/help_img1.png) no-repeat center top 27px;}
.help_slide .help2 a:hover, .help_slide .help2 a:focus{background: #2f961e url(/_static/osan/img/main/help_img2.png) no-repeat center top 27px;}
.help_slide .help3 a:hover, .help_slide .help3 a:focus{background: #2f961e url(/_static/osan/img/main/help_img3.png) no-repeat center top 27px;}
.help_slide .help4 a:hover, .help_slide .help4 a:focus{background: #2f961e url(/_static/osan/img/main/help_img4.png) no-repeat center top 27px;}
.help_slide .help5 a:hover, .help_slide .help5 a:focus{background: #2f961e url(/_static/osan/img/main/help_img5.png) no-repeat center top 27px;}
.help_slide > div a .tit{ color: #2b2b2b; font-size: 1.313em; font-weight: 500; line-height: 1; padding-top: 87px;}
.help_slide > div a:hover .tit, .help_slide > div a:focus .tit{color:#fdff55;}
.help_slide > div a p{color: #717171; font-size: 0.938em; font-weight: 300; margin-top: 7px;}
.help_slide > div a:hover p, .help_slide > div a:focus p{color: #fff;}


/* zone */
.zone_wrap{position: relative;}
.section.zone{position: relative;}
.section.zone:before{content:''; position: absolute; top: 113px; left: 0; width: 100%; height:calc(100% - 113px); background: #2f961e;}
.popup_area{ float: left; width: 47.5%; margin-top: 9.4%; position: absolute; top: 0; left: 0; margin-right: 5%;}
.popup_area a{display:block;}
.popup_area:before{ content: ''; display: block; background: url(/_static/osan/img/main/popup_bg.png) no-repeat; width: 10.53%; position: absolute; right: -10.53%; top: -26.4%; height: 126.4%; background-size: 100%;}
/* .popup_area:before{ content: ''; display: block; width: 0; height: 0; border-top: 113px solid transparent; border-left: 60px solid#e2e2e2; width: 9.52%; position: absolute; right: 0; top: -113px; height: 100%;} */
.popup_area .tit{color: #fff; background: #040404; display: inline-block; vertical-align: middle; min-width: 94px; height: 55px; line-height: 53px; text-align: center; font-size: 1.188em; position: absolute; top: 0; left: 0; z-index: 1;} 
.popup_area .popup_slide{position: relative;} 
.popup_area .popup_slide .slick-arrow{width:53px; height:53px; z-index: 1; transform: none; top: auto; bottom: 0; left: inherit;} 
.popup_area .popup_slide .slick-prev.slick-arrow {right: 108px; background:url(/_static/osan/img/main/cont_slide_left.png) no-repeat center;}
.popup_area .popup_slide .slick-next.slick-arrow {right: 0;background:url(/_static/osan/img/main/cont_slide_right.png) no-repeat center;}
.popup_area .btn_play{position: absolute; right: 54px; bottom: 0; width: 53px; height: 53px; background: #fff url(/_static/osan/img/main/cont_slide_stop.png) no-repeat center; text-indent: -9999px; z-index: 10;}
.popup_area .btn_play.on{ background:url(/_static/osan/img/main/cont_slide_stop.png) no-repeat center;}

.popup_area .popup_slide .slick-dots{position: absolute; bottom: 20px; left: 50%; display: inline-block !important; width: auto; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}
.popup_area .popup_slide .slick-dots li{ width: 18px; height: 18px; margin: 0 4px;}
.popup_area .popup_slide .slick-dots li button{ width: 18px; height: 18px; border-radius: 50%; background: transparent; padding: 0; border: 2px solid #fff;}
.popup_area .popup_slide .slick-dots li button:before{display: none;}
.popup_area .popup_slide .slick-dots li.slick-active button{background: #fff;}


.promote_area{position: relative; width: 47.5%; float: right;}
.promote_area a{display:block;}
.promote_area:before{content:'';}
.promote_area .tit{color: #fff; background: #040404; display: inline-block; vertical-align: middle; min-width: 94px; height: 55px; line-height: 53px; text-align: center; font-size: 1.188em; position: absolute; top: 0; left: 0; z-index: 1;} 
.promote_area .promote_slide{position: relative;} 
.promote_area .promote_slide .slick-arrow{width:53px; height:53px; z-index: 1; transform: none; top: auto; bottom: 0; left: inherit;} 
.promote_area .promote_slide .slick-prev.slick-arrow {right: 108px; background:url(/_static/osan/img/main/cont_slide_left.png) no-repeat center;}
.promote_area .promote_slide .slick-next.slick-arrow {right: 0;background:url(/_static/osan/img/main/cont_slide_right.png) no-repeat center;}
.promote_area .btn_play{position: absolute; right: 54px; bottom: 0; width: 53px; height: 53px; background: #fff url(/_static/osan/img/main/cont_slide_stop.png) no-repeat center; text-indent: -9999px; z-index: 10;}
.promote_area .btn_play.on{ background:url(/_static/osan/img/main/cont_slide_play.png) no-repeat center;}


/* banner */
.section.banner{padding: 113px 0 30px; overflow: hidden;}
.banner_zone{ padding-top: 30px;}
.banner_zone .banner_slide{position: relative; margin: 0 -7px;} 
.banner_zone .banner_slide .slick-arrow{width:50px; height:50px; z-index: 1; transform: none; top: -72px; left: inherit; border: 1px solid #dcdcdc;} 
.banner_zone .banner_slide .slick-slide a{display: block; margin: 0 7px;}
.banner_zone .banner_slide .slick-slide img{margin: 0 auto;}
.banner_zone .banner_slide .slick-prev.slick-arrow {right: 105px; background:url(/_static/osan/img/main/banner_left.png) no-repeat center;}
.banner_zone .banner_slide .slick-next.slick-arrow {right: 7.5px; background:url(/_static/osan/img/main/banner_right.png) no-repeat center;}
.banner_zone .btn_play{position: absolute; right: 49px; top: -42px; width: 50px; height: 50px; background: #fff url(/_static/osan/img/main/banner_stop.png) no-repeat center; text-indent: -9999px; z-index: 10; border: 1px solid #dcdcdc;}
.banner_zone .btn_play.on{ background:url(/_static/osan/img/main/banner_play.png) no-repeat center;}

.slick-slide > div > div{display: block !important;}

@media all and (max-width:1500px){
 /* .place_slide{margin: 50px 0 0; padding: 0 50px;} */
 .place_slide .slick-prev.slick-arrow{left: 0;}
 .place_slide .slick-next.slick-arrow{right: 0;}

}
@media all and (max-width:1350px){
  .visual > div{right: 60px;}
}


@media all and (max-width:1200px){
  .place_slide .slick-prev.slick-arrow{left: 10px;}
  .place_slide .slick-next.slick-arrow{right: 10px;}
 /*help*/
 .help_slide > div a{padding: 17px 15px 12px;}
 .help_slide > div a .tit{font-size: 1.250em;}

 .section.zone:before{display: none;}
}

@media all and (max-width:1024px){

    .content_wrap{padding-top: 236px;}


 /*place*/
 .section.place .tit{font-size: 1.5em;}
 /* .place_slide .slick-slide > div .img_area img{height: 140px; max-width: 100%;} */

 /*help*/
 .help_slide{margin: 30px -7px 0;}
 .help_slide > div a{margin: 0 7px; padding: 17px 5px 12px;}
 .help_slide > div a .tit{font-size: 1.125em; padding-top: 80px;}
 
 .help_slide .help1 a{background-position: center top 17px;}
 .help_slide .help2 a{background-position: center top 17px;}
 .help_slide .help3 a{background-position: center top 17px;}
 .help_slide .help4 a{background-position: center top 17px;}
 .help_slide .help5 a{background-position: center top 17px;}
 .help_slide .help1 a:hover, .help_slide .help1 a:focus{background-position: center top 17px;}
 .help_slide .help2 a:hover, .help_slide .help2 a:focus{background-position: center top 17px;}
 .help_slide .help3 a:hover, .help_slide .help3 a:focus{background-position: center top 17px;}
 .help_slide .help4 a:hover, .help_slide .help4 a:focus{background-position: center top 17px;}
 .help_slide .help5 a:hover, .help_slide .help5 a:focus{background-position: center top 17px;}
 .section.help .main_tit{font-size: 1.5em;}
 

 /*news*/
 .section.search{display: none;}
 .section.news{display: block;} 
 .section_wrap .news{position: relative;background: transparent;}
 .section_wrap .news:before{content:'';display: block;position: absolute;left: 0;top: 0;height: 48px;background: #006cc0;width: 38%; z-index: -1;}
 .section_wrap .news:after{content:'';display: block;position: absolute;right: 0;top: 0;height: 48px;background: #000; width: 72%; z-index: -1;}
 .section_wrap .news .tit a{ color: #fff; width: 103px; height: 55px; line-height: 55px; text-align: center; background: #006cc0; float: left;}

 .section_wrap .news .headbar_cont{ background: #000000; height: 55px; line-height: 53px; padding: 0 0 0 23px; width: calc(100% - 103px); float: left; position: relative;}
 .section_wrap .news .headbar_cont .new_slide{height: 55px;}
 .section_wrap .news .headbar_cont .new_slide a{display: block; color: #fff; font-weight: 300; padding-right: 85px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;} 
 .section_wrap .news .headbar_cont .new_slide .slick-arrow{width:30px; height:30px; z-index: 1; transform: none; top: 50%; left: inherit; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);} 
 .section_wrap .news .headbar_cont .new_slide .slick-prev.slick-arrow {right: 50px; background:url(/_static/osan/img/common/news_left.png) no-repeat center;}
 .section_wrap .news .headbar_cont .new_slide .slick-next.slick-arrow {right: 10px;background:url(/_static/osan/img/common/news_right.png) no-repeat center;}
 .section_wrap .news .headbar_btm{ position: absolute; right: 35px; top: 50%; height: 30px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);} 


 /*zone*/
 .popup_area .tit{font-size: 1.125em; height: 45px; line-height: 43px; min-width: 80px;}
 .promote_area .tit{font-size: 1.125em; height: 45px; line-height: 43px; min-width: 80px;}

 .popup_area .popup_slide .slick-arrow{width: 40px; height: 40px;}
 .popup_area .btn_play{height: 40px; width: 40px; background-size: 100%; right: 41px;}
 .popup_area .popup_slide .slick-prev.slick-arrow{background-size:100%; right: 82px;}
 .popup_area .popup_slide .slick-next.slick-arrow{background-size:100%;}

 .promote_area .promote_slide .slick-arrow{width: 40px; height: 40px;}
 .promote_area .btn_play{height: 40px; width: 40px; background-size: 100%; right: 41px;}
 .promote_area .promote_slide .slick-prev.slick-arrow{background-size:100%; right: 82px;}
 .promote_area .promote_slide .slick-next.slick-arrow{background-size:100%;}

 /*banner*/
 .section.banner{padding: 78px 0 30px;}
 .banner_zone .btn_play{height: 40px; width: 40px; background-size: 100%; right: 39px; top: -30px;}
 .banner_zone .banner_slide .slick-arrow{height: 40px; width: 40px; top: -60px; }
 .banner_zone .banner_slide .slick-prev.slick-arrow{background-size: 100%; right: 85px;}
 .banner_zone .banner_slide .slick-next.slick-arrow{background-size: 100%;}
}

@media all and (max-width:860px){

 .visual{height: 475px;}
 .visual .img_area{}
 .visual .img_area img{}
 .visual .visual_box{display: none;}

 /*notice*/
 .section.notice{padding: 30px 0;}
 .notice_list{display: none;}
 .m_notice_list{display: block; background: #fff; padding: 27px 15px; border: 1px solid #d5d5d5;}
 .m_notice_list .notice_tit{overflow: hidden;}
 .m_notice_list .notice_tit > div{float: left; width: 25%; text-align: center; position: relative; padding-bottom: 18px;}
 .m_notice_list .notice_tit > div > a{ color: #0f0f0f; font-size: 1.250em; font-weight: 500; line-height: 1; position: relative; }
 .m_notice_list .notice_tit > div.on{}
 .m_notice_list .notice_tit > div.on:before{ content: ''; display: block; background: #006cc0; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; }
 .m_notice_list .notice_tit > div.on > a{}

 .m_notice_list .notice_cont{margin-top: 27px;}
 .m_notice_list .notice_cont > div{display: none;}
 .m_notice_list .notice_cont > div.on{display: block;}
 .m_notice_list .notice_cont > div a{ display: block;  color: #131313; font-weight: 300; overflow: hidden; margin-top: 19px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; }
 .m_notice_list .notice_cont > div a:first-child{margin-top: 0;}

 .m_notice_list .notice_cont > div .weather_cont{text-align: center;}
 .m_notice_list .notice_cont > div .img_area{ margin-top: 7px; display: inline-block; vertical-align: middle;}
 /*날씨*/
 


 /*place*/
 .section.place{padding: 30px 0;}
 /* .place_slide{padding: 0 100px; margin: 30px 0 0;} */
 .place_slide .slick-slide > div{text-align: center; margin-top: 20px;}
 .place_slide .slick-slide > div:nth-child(odd){margin-top: 0;}
 /* .place_slide .slick-slide > div .img_area{display: block !important; margin: 0 auto; width: 100% !important;} */
 /* .place_slide .slick-slide > div .img_area img{margin: 0 auto; height: 120px;} */
 /* .place_slide .slick-slide > div .name{margin: 20px auto 0; color: #fff; display: block !important; width: 100% !important;} */
 .place_slide > div a > img{
  position: absolute;
  right: 10px;
  top: 0;
 }
 .place_slide .slick-prev.slick-arrow{width: 30px; background-size: 100%; left: 30px;}
 .place_slide .slick-next.slick-arrow{ width: 30px; background-size: 100%; right: 30px;}


 /*help*/
 .section.help{padding: 30px 0;}
 .help_slide{margin: 30px 0 0;}
 .help_slide > div a{margin: 0;}
 .help_slide .help1 a, .help_slide .help2 a, .help_slide .help3 a, .help_slide .help4 a, .help_slide .help5 a{
   /*background: #fff url(/_static/osan/img/main/m_banner_right.png) no-repeat center right 10px;*/
  background-color: #fff;
  background-position:left 15px center, center right 10px;
  background-repeat: no-repeat;
  background-size: 42px, 15px;
  padding-left: 80px;
}
.help_slide .help1 a{background-image: url(/_static/osan/img/main/help_img1.png), url(/_static/osan/img/main/m_banner_right.png);}
.help_slide .help2 a{background-image: url(/_static/osan/img/main/help_img2.png), url(/_static/osan/img/main/m_banner_right.png);}
.help_slide .help3 a{background-image: url(/_static/osan/img/main/help_img3.png), url(/_static/osan/img/main/m_banner_right.png);}
.help_slide .help4 a{background-image: url(/_static/osan/img/main/help_img4.png), url(/_static/osan/img/main/m_banner_right.png);}
.help_slide .help5 a{background-image: url(/_static/osan/img/main/help_img5.png), url(/_static/osan/img/main/m_banner_right.png);}
.help_slide .help1 a:hover, .help_slide .help1 a:focus, .help_slide .help2 a:hover, .help_slide .help2 a:focus, .help_slide .help3 a:hover, .help_slide .help3 a:focus, .help_slide .help4 a:hover, .help_slide .help4 a:focus, .help_slide .help5 a:hover, .help_slide .help5 a:focus{
  background-color: #2f961e; background-position:left 15px center, center right 10px;
  background-repeat: no-repeat; background-size: 42px, 15px;
}
 .help_slide .help1 a:hover, .help_slide .help1 a:focus{background-image:url(/_static/osan/img/main/help_img1.png), url(/_static/osan/img/main/m_banner_right_on.png);}
 .help_slide .help2 a:hover, .help_slide .help2 a:focus{background-image:url(/_static/osan/img/main/help_img2.png), url(/_static/osan/img/main/m_banner_right_on.png);}
 .help_slide .help3 a:hover, .help_slide .help3 a:focus{background-image:url(/_static/osan/img/main/help_img3.png), url(/_static/osan/img/main/m_banner_right_on.png);}
 .help_slide .help4 a:hover, .help_slide .help4 a:focus{background-image:url(/_static/osan/img/main/help_img4.png), url(/_static/osan/img/main/m_banner_right_on.png);}
 .help_slide .help5 a:hover, .help_slide .help5 a:focus{background-image:url(/_static/osan/img/main/help_img5.png), url(/_static/osan/img/main/m_banner_right_on.png);}
 .help_slide > div{border: 1px solid #e2e2e3; border-top: 0;}
 .help_slide > div:first-child{border-top: 1px solid #e2e2e3;}
 .help_slide > div a{border: none;overflow: hidden; padding: 15px 25px 15px 15px;}
 .help_slide > div a .tit{padding-top: 0; text-align: left;}
 .help_slide > div a p{text-align: left;}
 /* .help_slide .help1 a:hover, .help_slide .help1 a:focus{background: #fff;} */
 .help_slide > div a:hover .tit, .help_slide > div a:focus .tit{color: #fdff55;}
 .help_slide > div a:hover p, .help_slide > div a:focus p{color: #fff;}


 .place_slide > div a{margin: 0;}

 .promote_area .tit{font-size: 1.063em;}

 /*상단 추가 07.19*/
 .place_head{height: auto;}
}

@media all and (max-width:767px){
  
}

@media all and (max-width:640px){

  /* .content_wrap{
    background: url(/_static/osan/img/main/m_main_top.jpg) no-repeat center top;
  } */
  .visual > div{position: static;}
  .visual .pc{display: none;}
  .visual .mo{display: block;}
 .visual{height: 100%;}
 .visual .img_area{margin-bottom: 0;}
 .content_wrap{background: #fff;}





 /*notice*/
 .m_notice_list .notice_tit > div > a{font-size: 1.125em;}
 .m_notice_list .notice_cont > div a{font-size: 0.938em;}


 /*place*/
 .section.place .tit{font-size: 1.250em;}

 /*help*/
 .help_slide{margin:17px 0 0;}
 .section.help .main_tit{font-size: 1.250em;}

 /*zone*/
 .zone_wrap{max-width: 570px; margin: 30px auto 0;}
 .popup_area{width: 100%; float: none; margin: 0; position: relative;}
 .popup_area:before{display: none;}
 .popup_area .tit{position: static; background: #fff; font-size: 1.250em; color: #040404; display: block; text-align: left; height: 100%; line-height: 1; margin-bottom: 17px; }

 .promote_area{float: none; width: 100%; margin-top: 30px;}
 .promote_area .tit{position: static; background: #fff; font-size: 1.250em; color: #040404; display: block; text-align: left; height: 100%; line-height: 1; margin-bottom: 17px; }

 /*banner*/
 .section.banner{padding: 30px 20px;}
 .banner_zone{padding: 0 30px;}
 .banner_zone .btn_play{display: none;}
 .banner_zone .banner_slide .slick-arrow{width: 30px; height: 48px;}
 .banner_zone .banner_slide .slick-prev.slick-arrow{background: url(/_static/osan/img/main/m_banner_left.png) no-repeat center; border: none; right: auto; left: -20px; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
 .banner_zone .banner_slide .slick-next.slick-arrow{background: url(/_static/osan/img/main/m_banner_right.png) no-repeat center; border: none; right: -20px; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }

 
}

@media all and (max-width:580px){
 /* .visual{height: 275px;} */
 .content_wrap{padding-top: 154px;}

 .section_wrap .news .tit a{width: 80px;  height: 45px;  line-height: 45px; }
 .section_wrap .news .headbar_cont{height: 45px; line-height: 43px; width: calc(100% - 80px); padding: 0 0 0 13px;}
 .section_wrap .news .headbar_cont .new_slide{height: 45px;}
 .section_wrap .news .headbar_cont .new_slide a{font-size: 0.875em;}

 .section_wrap:before{display: none;}
 .section_wrap:after{display: none;}

    /*new*/
    .section_wrap .news .headbar_cont .new_slide .slick-prev.slick-arrow{right: 45px;}
 

 
  /*notice*/
  .m_notice_list{padding: 17px 0;}
  .m_notice_list .notice_cont{margin-top: 17px; padding: 0 17px;}
 .m_notice_list .notice_tit > div{padding-bottom: 12px;}
 .m_notice_list .notice_tit > div > a{font-size: 1em;}

 /*place*/
 .section.place{padding: 17px 15px 20px;}
 .place_slide{
    padding: 10px 20px;
    max-width: 100%;
   }
   .place_slide > div a div{width: 50px;}
   .place_slide > div a div img{width: 50px;}
   .section.place .tit{font-size: 1.125em; font-weight: 600;}
   .place_slide .slick-slide > div .name{font-size: 0.875em; margin-top: 6px;}
   .place_slide .slick-prev.slick-arrow{width: 20px; left: 0; margin-top: -16px;}
   .place_slide .slick-next.slick-arrow{width: 20px; right: 0; margin-top: -16px;}
   

 /*help*/
 .help_slide > div a .tit{font-size: 0.938em; }
 .help_slide > div a p{font-size: 0.875em;}

 /*zone*/
 .section.help{}
 .section.zone{padding: 0 15px;}
 .zone_wrap{max-width: 100%; margin: 15px auto 0;}

}

@media all and (max-width:479px){



 /*place*/
 .section.place .tit{font-size: 0.938em; 
    word-break: keep-all;
    line-height: 1.3;
  }

  .place_slide .slick-slide > div .name{font-size: 0.813em;}
}

@media all and (min-width: 320px) and (max-width: 339px){
}