@charset "utf-8";
/* CSS Document */

/* Common */
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}
body,input,textarea,select,button,table{font-size:14px}
html{height:100%}
body{position:relative;height:100%;font-family: Helvetica, sans-serif;-webkit-text-size-adjust:none;color:#000}
img,fieldset{border:none}
ul,ol{list-style:none}
em,address{font-style:normal;word-break:break-all}
a{color:#000;text-decoration:none}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;text-indent:-10000px}
table{border-collapse:collapse}
input,button,select,textarea{outline:none}
textarea{resize:none}
hr{display:none!important}
.u_hc,.u_skip{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0}
::-webkit-input-placeholder{color:#ccc}

#ct{width:100%;min-width:320px;height:100%;text-align:center}

header h1{position:absolute;top:18px;left:15px;width:114px;height:14px;background:url(../im/logo.png) no-repeat;background-size:114px 14px;z-index:20}
header .menu_opn{display:block;position:absolute;top:18px;right:15px;width:18px;height:14px;background:url(../im/m_spr.png) no-repeat 0 -100px;background-size:50px 170px;z-index:20}
header .menu_opn.clse{background:url(../im/img_close.png) no-repeat;background-size:15px 15px}

header.fix.off{top:-51px}
header.fix{position:fixed;;top:0;z-index:100;width:100%;height:50px;border-bottom:1px solid #edebe9;background:#fff;z-index:21;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .3s ease-out}

header.fix h1{background:url(../im/logo2.png) no-repeat;background-size:114px 14px}
header.fix .menu_opn{background:url(../im/m_spr.png) no-repeat 0 -120px;background-size:50px 170px}
header.fix .menu_opn.clse{width:15px;height:15px;background:url(../im/img_close.png) no-repeat;background-size:15px 15px}


header .drop_box{display:none;position:absolute;top:50px;left:0;width:100%;padding-top:30px;background:#fff;z-index:110}
header .drop_box li a{display:inline-block;margin-bottom:24px;font-size:14px;font-weight:bold;color:#4d4d4d}
header .drop_box li.lang ul li{display:inline-block}
header .drop_box li.lang ul li a{margin-left:20px;font-size:12px;font-weight:normal;color:#ccc}
header .drop_box li.lang ul li:first-child a{margin-left:0}
header .drop_box li.lang ul li a.on{border-bottom:1px solid gray;color:gray}
header .drop_box.opn{display:block}

/*.spot{position:relative;overflow:hidden;width:100%;height:100%;}*/
/*.spot .bgImg {height:100vh;width:auto;}*/
.spot .slick-active .img_dim {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../im/bg_dim.png) repeat;z-index:10}
.spot{position:relative;overflow:hidden;width:100%;height:auto;}
.spot .bgImg{height:auto;width:100vw;}

.spot .txt_area{position:absolute;top:50%;left:50%;margin:-22px 0 0 -110px;z-index:20}
.spot .txt_area h2{width:219px;height:27px;background:url(../im/logo_main.png) no-repeat;background-size:219px 27px}
.spot .txt_area p{margin-bottom:8px;font-family: volteRegular;font-weight:bold;font-size:14px;color:#fff}

.spot .page{position: absolute;bottom: 30px;width: 100%;z-index: 20}
.spot .page {text-align: center;font-size: 0}
.spot .page  li{display: inline-block;margin-left: 10px}
.spot .page  li:first-child{margin-left: 0}
.spot .page  li a{display: block;width: 7px;height: 7px;border: solid 1px #fafafa;background-color: transparent;border-radius: 50%;-webkit-border-radius: 50%}
.spot .page  li a.on{border: solid 1px #ffffff;background-color: #fafafa}

.spot .slick-initialized,
.spot .slick-list,
.spot .slick-track{
    height: 100%;
}

/* about section */
.sec_about {position: relative; padding: 55px 0 80px; text-align: center;}
.sec_about h2 {font-family: volteSemiBold; font-size: 40px; line-height: 37px; color: #404040; margin-bottom: 16px;}
.sec_about p {font-family: NanumBarunGothic; font-size: 14px; color: #666; line-height: 24px; width: 81%; margin: 0 auto;word-break:keep-all}
.sec_about .thumb {width: 90%; margin: 40px auto 0;}
.sec_about .thumb img {display: block; width: 100%;}

/* about 유튜브 영상 팝업 */
.ly_pop_wrap {display:none;position:fixed;z-index: 1000;top:0;left:0;width:100%;height:100%;text-align:center;}
.ly_pop_wrap.opn {display: block;}
.ly_pop_wrap:after {display:inline-block;content:''; width:0;height:100%;vertical-align: middle;}
.ly_pop_wrap .movie_popup {position: relative; width: 90%; z-index: 5;display: inline-block; vertical-align: middle;}
.ly_pop_wrap .movie_popup iframe {min-height: 188px;}
.ly_pop_wrap .clse{display:block;position:absolute;z-index: 5;;top:20px;right:20px;width:32px;height:32px;background:url(../im/layer_close2.png) 50% 50% / 32px  no-repeat}
.ly_pop_wrap .dim {position: absolute;z-index: 1;opacity: .9;top:0;left:0;width:100%;height:100%;background-color:#000;}

.sec{background:#faf8f5}
.sec h2{padding:55px 0 40px;font-family: volteSemiBold; font-size: 40px; line-height: 40px; color:#404040;}
.sec .img_thumb{height:196px;background:url(../im/img_sec.jpg) no-repeat 50% 0;background-size:375px 196px}
.sec .rolling_area{margin:0 15px}
.sec .swiper-container{overflow:hidden;overflow:hidden;position:relative;position:relative;z-index:1;width:100%;height:216px;margin-left:auto;margin-right:auto;margin:0 auto}
.sec .swiper-container .swiper-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative;z-index:1;width:100%;height:100%;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.sec .swiper-container .swiper-wrapper .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:absolute;position:relative;right:0;left:0;width:100%;height:215px;height:100%;background:#fff;background:#fff;font-size:18px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}
.sec .swiper-container .swiper-wrapper .swiper-slide a{display:block;width:100%;height:215px;border-bottom:1px solid #f3e9db}
.sec .swiper-container .swiper-wrapper .swiper-slide a strong{display:block;padding:22px 0;font-size:18px;color:#333}
.sec .swiper-container .swiper-wrapper .swiper-slide a p{padding:0 24px;font-size:14px;color:#666;text-align:left}

.sec .swiper-pagination{position:absolute;left:50%;bottom:25px;z-index:100;margin-left:-25px;}
.sec .swiper-pagination-bullet{display:inline-block;width:6px;height:6px;background:url(../im/img_sec_page.png) no-repeat ;background-size:6px 6px;margin-right:5px}
.sec .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../im/img_sec_page_on.png) no-repeat;background-size:6px 6px}

.sec .business_list {}
.sec .business_list li {text-align: center; margin-top: 40px;}
.sec .business_list li:first-child {margin-top: 0;}
.sec .business_list li strong {display:block; margin-bottom: 10px;font-family: volteSemiBold; font-size: 21px; color: #404040; }
.sec .business_list li p {font-family: NanumBarunGothic; font-size: 14px; line-height: 24px; color: #666; width: 84%; margin: 0 auto;}

.sec .btn_area{overflow:hidden;width:92%;margin:0 auto; padding: 50px 0 80px;}
.sec .btn_area li{}
.sec .btn_area li a{display:block;height:44px;background:#4b4d55;line-height:44px;font-weight:bold;color:#fff;border-radius: 3px;}
.sec .btn_area li a span{background:url(../im/btn_ico.png) no-repeat 100% 2px;background-size:11px;padding:0 18px 0 4px;}

.sec2{position:relative;height:627px;background:#4a93cc url(../im/img_sec2.jpg) no-repeat 50% 19px;background-size:375px 302px}
.sec2 h2{padding-top:155px;font-size:40px;color:#fff}
.sec2 p{margin-top:-5px;font-size:14px;color:#fff}
.sec2 .swiper-container .swiper-wrapper .swiper-slide ul{width:100%;height:228px;font-size:14px}
.sec2 .swiper-container .swiper-wrapper .swiper-slide .store_list li{position:static;height:auto;background:#4a93cc;line-height:33px;color:#9dcde5;text-align:left}
.sec2 .swiper-container .swiper-wrapper .swiper-slide .store_list li a{height:auto;padding-left:15px;background:url(../im/img_bullet.png) no-repeat 0 1px;background-size:9px 13px;color:#fff}
.sec2 .swiper-container .swiper-wrapper .swiper-slide .store_list li.nation{font-weight:bold;color:#fff}
.sec2 .rolling_area{margin:0 15px;margin-top:123px}
.sec2 .swiper-container{overflow:hidden;overflow:hidden;position:relative;position:relative;z-index:1;width:100%;height:228px;margin-left:auto;margin-right:auto;margin:0 auto}
.sec2 .swiper-container .swiper-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative;z-index:1;width:100%;height:100%;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.sec2 .swiper-container .swiper-wrapper .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:absolute;position:relative;right:0;left:0;width:100%;height:228px;height:100%;background:#fff;background:#fff;background:#4b93cd;font-size:18px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}

.sec2 .swiper-pagination{position:absolute;left:50%;bottom:25px;z-index:100;margin-left:-41px;}
.sec2 .swiper-pagination-bullet{display:inline-block;width:6px;height:6px;background:url(../im/img_sec2_page.png) no-repeat ;background-size:6px 6px;margin-right:5px}
.sec2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../im/img_sec2_page_on.png) no-repeat;background-size:6px 6px}

/* add media section */
.sec_media{padding:45px 0 70px;background:#f7f7f7}
.sec_media h2{font-family: volteSemiBold;font-size:41px;color:#404040;margin-bottom:25px}
.sec_media .media_contents{margin:0 20px;text-align:left}
.sec_media .media_contents li{margin-bottom:20px}
.sec_media .media_contents .media_item{display: block;overflow:hidden}
.sec_media .media_contents .media_list{background:#fff}
.sec_media .media_contents .media_list .img_area{position:relative;overflow: hidden;width:100%;height:100%;min-height:144px;background:#000;z-index:1}
.sec_media .media_contents .media_list .img_area .media_img{width:100%;height:auto}
.sec_media .media_contents .media_list .img_area img{position:absolute;width:auto;height:100%;top:50%;left:50%;bottom:105px;z-index:0;transform:translate(-50%,-50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}
.sec_media .media_contents .media_list .info_area{position:relative;display:block;padding:20px}
.sec_media .media_contents .media_list .info_area .detail_title{font-size:17px;font-weight:bold;color:#333;line-height:26px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sec_media .media_contents .media_list .info_area .detail_info{font-size:14px;color:#666;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px}
.sec_media .media_contents .media_list .info_area .detail_date{font-size:12px;color:#999;letter-spacing:1px;font-weight:200}
.sec_media .paginate{overflow:hidden;width:320px;margin:0 auto;font-size:12px;color:#808080;text-align:center}
.sec_media .paginate li{display:inline-block;width:30px;height:30px;vertical-align:top;line-height:30px}
.sec_media .paginate li a{display:block;width:30px;height:30px;line-height:32px}
.sec_media .paginate span{display:block;box-sizing:border-box;width: 30px;height:30px;line-height:28px;color:#18c24d;border:1px solid #dedede}
.sec_media .paginate a[href] span{border:0 !important;color:#808080;line-height:30px}
.sec_media .paginate li.pre,
.sec_media .paginate li.next{display:none}
.sec_media .paginate li.pre.on{display:inline-block;margin-right:2px}
.sec_media .paginate li.next.on{display:inline-block;margin-left:2px}
.sec_media .paginate li.pre em{display:inline-block;width:30px;height:30px;background:url(../im/spr_pagenation_arrow.png) no-repeat;background-size:8px 84px;-webkit-background-size:8px 84px;-o-background-size:8px 84px;-moz-background-size:8px 84px;background-position:8px 8px}
.sec_media .paginate li.pre a em{background-position:8px -15px}
.sec_media .paginate li.next em{display:inline-block;width:30px;height:30px;background:url(../im/spr_pagenation_arrow.png) no-repeat;background-size:8px 84px;-webkit-background-size:8px 84px;-o-background-size:8px 84px;-moz-background-size:8px 84px;background-position:8px -39px}
.sec_media .paginate li.next a em{background-position:8px -62px}

/* add media detail view */
.media_view{position:relative;color:#333}
.media_view .media_view_inner{padding:10px 0 70px;margin:0 15px;text-align:left}
.media_view h1{font-size:25px;font-weight:bold;margin-bottom:22px}
.media_view h2{font-size:18px;font-weight:bold;margin-bottom:9px}
.media_view .w_date{display:block;font-size:14px;color:#999;font-weight:200;margin:0 0 12px 2px}
.media_view .media_view_inner .article_area{border:1px solid #dbdfe7;border-width:1px 0;padding:23px 0 36px}
.media_view .media_view_inner .article_area .article_main_contents{font-size:14px;line-height:22px;font-weight:bold}
.media_view .media_view_inner .article_area .slider_contents{padding:30px 0 36px}
.media_view .media_view_inner .article_area .slider_contents li{background:#000}
.media_view .media_view_inner .article_area .article_contents{font-size:14px;line-height:24px;}
.media_view .media_view_inner .pagenation{overflow:hidden;height:36px;text-align:center;margin-top:30px}
.media_view .media_view_inner .pagenation ul{display:inline-block;overflow:hidden}
.media_view .media_view_inner .pagenation li{float:left}
.media_view .media_view_inner .pagenation li a{display: block;width:54px;height:34px;color:#666;font-size:13px;border:1px solid #ccc;line-height:34px;margin:0 5px}

/* add notice section */
.sec_notice{padding:52px 0 45px;background:#fff}
.sec_notice h2{font-family: volteSemiBold;font-size:41px;color:#000;margin-bottom:20px}
.sec_notice .notice_contents{margin:0 20px 25px;text-align:left}
.sec_notice .notice_contents li{border-bottom:0.5px solid #e5e5e5}
.sec_notice .notice_contents li:first-child{border-top:0.5px solid #e5e5e5}
.sec_notice .notice_contents .notice_item{display: block;overflow:hidden;padding:22px 0}
.sec_notice .notice_contents .notice_item dd{display:inline-block;font-size:12px;color:#808080;margin-left:3px}
.sec_notice .notice_contents .notice_item dd.title{display:block;font-weight:bold;font-size:14px;color:#000;padding-bottom:2px;margin-left:0}
.sec_notice .notice_contents .notice_item dd.location{margin-left:0}

.sec_notice .paginate{overflow:hidden;width:320px;margin:0 auto;font-size:12px;color:#808080;text-align:center}
.sec_notice .paginate li{display:inline-block;width:30px;height:30px;vertical-align:top;line-height:30px}
.sec_notice .paginate li a{display:block;width:30px;height:30px;line-height:32px}
.sec_notice .paginate span{display:block;box-sizing:border-box;width: 30px;height:30px;line-height:28px;color:#18c24d;border:1px solid #dedede}
.sec_notice .paginate a[href] span{border:0 !important;color:#808080;line-height:30px}
.sec_notice .paginate li.pre,
.sec_notice .paginate li.next{display:none}
.sec_notice .paginate li.pre.on{display:inline-block;margin-right:2px}
.sec_notice .paginate li.next.on{display:inline-block;margin-left:2px}
.sec_notice .paginate li.pre em{display:inline-block;width:30px;height:30px;background:url(../im/spr_pagenation_arrow.png) no-repeat;background-size:8px 84px;-webkit-background-size:8px 84px;-o-background-size:8px 84px;-moz-background-size:8px 84px;background-position:8px 8px}
.sec_notice .paginate li.pre a em{background-position:8px -15px}
.sec_notice .paginate li.next em{display:inline-block;width:30px;height:30px;background:url(../im/spr_pagenation_arrow.png) no-repeat;background-size:8px 84px;-webkit-background-size:8px 84px;-o-background-size:8px 84px;-moz-background-size:8px 84px;background-position:8px -39px}
.sec_notice .paginate li.next a em{background-position:8px -62px}

/* add notice detail view */
.notice_view{position:relative;color:#333}
.notice_view .notice_view_inner{padding:19px 0 70px;margin:0 15px;text-align:left}
.notice_view h1{font-size:25px;font-weight:bold;margin-bottom:26px}
.notice_view h2{font-size:18px;font-weight:bold;margin-bottom:3px;line-height:25px;}
/* .notice_view .w_date{display:block;font-size:14px;color:#999;font-weight:200;margin:0 0 12px 2px} */
.notice_view .notice_view_inner .article_info{font-size:14px;color:#999;margin-bottom:20px}
.notice_view .notice_view_inner .article_info span{margin-left:5px}
.notice_view .notice_view_inner .article_info span:first-child{margin-left:0}
.notice_view .notice_view_inner .article_area{border:0.5px solid #dbdfe7;border-width:1px 0;padding:33px 0 10px}

.notice_view .notice_view_inner .article_area .article_contents{font-size:14px;line-height:24px;}
.notice_view .notice_view_inner .article_area .article_contents > div{margin-bottom:25px}
.notice_view .notice_view_inner .article_area .article_contents strong{font-weight:bold}
.notice_view .notice_view_inner .article_area .article_contents li{position:relative;padding-left:7px}
.notice_view .notice_view_inner .article_area .article_contents li:before{content:'';position:absolute;width:2px;height:2px;top:10px;left:0;background:#333}
.notice_view .notice_view_inner .article_area .article_contents .btn_view{position:relative;color:#18c24d;padding-right:10px;font-weight:bold}
.notice_view .notice_view_inner .article_area .article_contents .btn_view:after{content:'';position:absolute;width:7px;height:7px;top:5px;right:0;border-right:1px solid #18c24d;border-bottom:1px solid #18c24d;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}

.notice_view .notice_view_inner .pagenation{overflow:hidden;position:relative;height:36px;margin-top:30px}
.notice_view .notice_view_inner .pagenation ul{display:inline-block;overflow:hidden}
.notice_view .notice_view_inner .pagenation li{float:left;text-align:center;}
.notice_view .notice_view_inner .pagenation li a{display: block;width:54px;height:34px;color:#666;font-size:13px;border:1px solid #ccc;line-height:34px;margin:0 5px}
.notice_view .notice_view_inner .pagenation li:first-child a{margin-left:0}
.notice_view .notice_view_inner .pagenation .btn_list_view{display: block;position:absolute;top:0;right:0;width:54px;height:34px;color:#666;font-size:13px;border:1px solid #ccc;line-height:34px;margin:0 5px;text-align:center;}

.sec3_bg{position:relative;background:#353e44;height:0;padding-bottom: 100%;}
.sec3_bg .img_bg{position: absolute;top:0;left:0;z-index:1;overflow:hidden;width:100%;height:100%;}
.sec3_bg .sec3_img_bg img{position:absolute;width:auto;height:100%;top:50%;left:50%;bottom:105px;z-index:0;transform: translate(-50%,-50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%)}
.sec3_bg .sec3_img_bg img.portrait{width:100%;height:auto}

.sec3{position:relative;background:#353e44;}
.sec3_bg .txt_area{position:absolute;left:0;bottom:0;width:100%;height:45px;background:url(../im/bg_txt_dim.png) repeat-x}
.sec3_bg .txt_area p{margin:15px 0 0 15px;padding-left:15px;background:url(../im/img_bullet2.png) no-repeat 0 1px;background-size:9px 13px;color:#fff;text-align:left;font-weight:bold}
.sec3_bg .txt_area p a{color:#fff}

.sec3 .rolling{overflow:hidden;height:80px;margin-left:15px;padding:13px 0}
.sec3 .rolling #imgList div .over{display:none;position:relative}
.sec3 .rolling #imgList div.on .over{display:block;position:absolute;top:0;left:0;width:80px;height:80px;background:url(../im/img_sec3_thumb_on.png) no-repeat;background-size:80px 80px}

/* Slider */
.sec3 .slick-slider{position:relative;display:block;height:80px;overflow:hidden;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.sec3 .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.sec3 .slick-list:focus{outline:none}
.sec3 .slick-list.dragging{cursor:pointer;cursor:hand}
.sec3 .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.sec3 .slick-track{position:relative;top:0;left:0;display:block}
.sec3 .slick-track:before,.slick-track:after{display:table;content:''}
.sec3 .slick-track:after{clear:both}
.sec3 .slick-loading .slick-track{visibility:hidden}
.sec3 .slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.sec3 .slick-slide img{display:block}
.sec3 .slick-slide.slick-loading img{display:none}
.sec3 .slick-slide.dragging img{pointer-events:none}
.sec3 .slick-initialized .slick-slide{position:relative;display:block;width:80px !important;margin-right:5px}
.sec3 .slick-loading .slick-slide{visibility:hidden}
.sec3 .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.sec3 .slick-arrow.slick-hidden{display:none}

.sec4{position:relative;padding-bottom:20px;background:#43ac4f}
.sec4 h2{padding:40px 0 26px;font-size:40px;line-height:40px;color:#fff}
.sec4 img{vertical-align:top}
.sec4 .rolling_area{margin:0 15px}
.sec4 .swiper-container{overflow:hidden;overflow:hidden;position:relative;position:relative;z-index:1;width:100%;height:278px;margin-left:auto;margin-right:auto;margin:0 auto}
.sec4 .swiper-container .swiper-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative;z-index:1;width:100%;height:100%;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.sec4 .swiper-container .swiper-wrapper .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:absolute;position:relative;right:0;left:0;width:100%;height:215px;height:100%;background:#fff;background:#fff;font-size:18px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}

.sec4 .swiper-container .swiper-wrapper .swiper-slide a{display:block;width:100%;height:277px;border-bottom:1px solid #319b47}
.sec4 .swiper-container .swiper-wrapper .swiper-slide a strong{display:block;padding:22px 0;font-size:18px;color:#00b961}
.sec4 .swiper-container .swiper-wrapper .swiper-slide a p{padding:0 24px;font-size:14px;color:#666;text-align:left}

.sec4 .swiper-pagination{position:absolute;left:50%;bottom:25px;z-index:100;margin-left:-25px;}
.sec4 .swiper-pagination-bullet{display:inline-block;width:6px;height:6px;background:url(../im/img_sec4_page.png) no-repeat ;background-size:6px 6px;margin-right:5px}
.sec4 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../im/img_sec4_page_on.png) no-repeat;background-size:6px 6px}

.sec5{position: relative;}
.sec5 .sec5_cont{padding: 15px 0 70px;}
.sec5 .sec5_cont .swiper-container .swiper-slide{padding: 0 20px;box-sizing: border-box;}
.sec5 .sec5_cont .swiper-container .swiper-slide .thumb_box{width: 100%;margin-bottom: 47px;}
.sec5 .sec5_cont .swiper-container .swiper-slide .thumb_box img{width: 100%;display: block;}
.sec5 .sec5_cont .swiper-container .swiper-slide .info_desc{margin-bottom: 33px;}
.sec5 .sec5_cont .swiper-container .swiper-slide .info_desc strong{display:block;font-family: volteSemiBold;font-size:21px;color:#333;margin-bottom: 10px;}
.sec5 .sec5_cont .swiper-container .swiper-slide .info_desc p{box-sizing: border-box;padding: 0 10px;font-family: NanumBarunGothic;font-size: 14px;color:#666;line-height: 24px;letter-spacing: -0.3px;}
.sec5 .sec5_cont .swiper-container .swiper-slide .more_btns a{display: block;padding: 15px 0;background-color: #fff; border: 1px solid #dfe2e6;margin-top: 6px;font-family: volteSemiBold; font-size: 15px; color: #333;}
.sec5 .sec5_cont .swiper-container .swiper-slide .more_btns a:first-child{margin-top: 0;}
.sec5 .sec5_cont .swiper-container .swiper-slide .more_btns a span{background: url("../im/bg_btn_arrow2.png") no-repeat 100% 0 / 10px; width: 10px; height: 10px; display: inline-block; line-height: 12px;margin-left: 8px;}
.sec5 .sec5_cont .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position: absolute;bottom: 369px;}
.sec5 .sec5_cont .swiper-container .swiper-pagination-bullet{width: 5px;height: 5px; opacity: .1;}
.sec5 .sec5_cont .swiper-container .swiper-pagination-bullet-active{background-color: #000;opacity: .6;}

footer{position:relative;height:271px;background:#333}
footer .foot_menu{overflow:hidden;margin-bottom:13px}
footer .foot_menu li{display:inline-block;padding:0 0 0 5px;background:url(../im/img_foot_bar.png) no-repeat 0 5px;background-size:2px 9px}
footer .foot_menu li:first-child{padding-left:0;background:none}
footer .foot_menu li a{font-size:11px;color:#b3b3b3}
footer .info{overflow:hidden;margin-bottom:15px}
footer .info li{margin-bottom:3px;padding:0 10px;font-size:11px;color:#7c7c7c}
footer .info li span{display:inline-block;width:2px;height:9px;margin:0 9px;background:url(../im/img_foot_bar2.png) no-repeat 0 2px;background-size:2px 9px}
footer .info li.first{float:none;padding-left:0;background:none}
footer address{font-size:11px;color:#7c7c7c}
footer .social_area{padding:40px 0 15px}
footer .social_area li{display:inline-block; margin: 0 11px;}
footer .social_area li a{display:block;background:url(../im/m_spr.png) no-repeat;background-size:50px 170px}
footer .social_area li.social a{width:8px;height:18px;background-position:0 0;margin: 0 4px;}
footer .social_area li.social2 a{width:16px;height:18px;background-position:0 -20px}
footer .social_area li.social3 a{width:19px;height:18px;background-position:0 -40px}
footer .social_area li.social4 a{width:21px;height:18px;background-position:0 -60px}
footer .social_area li.social5 a{width:23px;height:18px;background-position:0 -80px}
footer .social_area li.social6 a{width:20px;height:18px;background-position:-12px 1px}

.personal{margin:0 15px;line-height:22px;color:#666;text-align:left}
.personal h1{padding:38px 0 27px;font-size:21px;color:#333}
.personal h2{padding-bottom:10px;font-size:14px;color:#333}
.personal a.btn_before{display:inline-block;font-size:12px;color:#333;height:27px;line-height:29px;border:1px solid #b2b2b2;padding:0 10px 0 10px;margin:-6px 0 18px 0;text-decoration:none}
.personal a.btn_before:after{display:inline-block;width:5px;height:8px;vertical-align:top;margin:11px 0 0 6px;background:url(../im/bg_btn_arrow.png) no-repeat 0 0;background-size:5px 8px;-webkit-background-size:5px 8px;content:''}
.personal ol{padding:18px 0 28px}
.personal a{color:#0076c8;text-decoration:underline}
.personal ol li a{line-height:28px;color:#0076c8;text-decoration:underline}
.personal .txt_area{margin-bottom:36px;padding:13px;border:1px solid #dbdfe7}
.personal .txt_area dl dd.last{padding-bottom:25px}
.personal .txt_area a{color:#0076c8;text-decoration:underline}
.personal .num1_txt{color:#333}
.personal .num_txt,.personal .num2_txt,.personal .num3_txt,.personal .num4_txt,.personal .num5_txt,.personal .num6_txt,.personal p.num5_txt,.personal .num7_txt,.personal .num8_txt,.personal .num9_txt,.personal .num10_txt{margin-bottom:31px}
.personal .box_area{padding-bottom:15px}
.personal table{width:100%;margin:26px 0 36px;border:1px solid #dbdfe7;border-collapse:inherit;font-size:10px;line-height:16px;border-spacing:0}
.personal table th{padding:10px 0;background:#edeff3;font-weight:normal;text-align:center}
.personal table th.first{width:45px}
.personal table td{padding:20px 0;text-align:center;border-right: 1px solid #edeff3;}
.personal table.tb_num4 td{border-bottom:1px solid #edeff3}
.personal table.staff{margin-bottom:10px}
.personal table.tb_media{margin-top:0}
.personal table td dl dt{float:left;padding-right:10px}
.personal table td dl dd{word-break:break-all}
.personal .num_txt dt,.personal .num5_txt dt,.personal .num6_txt dt,.personal .num8_txt2 dt{font-weight:bold}
.personal .num_txt dt.sub{font-weight:normal;}
.personal .notic{padding-bottom:20px}
.personal .engine{margin-bottom:40px}
.personal .engine dt{padding-right:30px;font-weight:bold;color:#666}
.personal .engine dd a{padding-right:9px;color:#0076c8;text-decoration:underline}
.personal .engine dd span{padding-left:9px}
.personal .date{overflow:hidden;margin:8px 0 40px;font-weight:bold;color:#666}
.personal .date dt{float:left;font-weight:bold}
.personal .date dd{float:left;padding-left:3px}
.personal .date dd span{padding:0 9px}
.personal .duty{margin-bottom:0}
.personal + .personal .date span{display:inline-block;margin:0 10px;vertical-align:top}

/* 180202 personal 탭 */
.personal_tab{background-color:#f7f7f7}
.personal_tab .tab_box{display:table;table-layout:fixed;width:100%;height:70px}
.personal_tab .tab_box li{display:table-cell;width:50%;height:70px;vertical-align:middle}
.personal_tab .tab_box li a{width:100%;height:70px;color:#b2b2b2;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}
.personal_tab .tab_box li.active{background-color:#fff}
.personal_tab .tab_box li.active a{color:#000}

::-webkit-input-placeholder{color:#999}
input:-moz-placeholder{color:#999}

.partnership{position:relative;margin:0 15px;font-size:12px;text-align:left}
.partnership .business_popup{width:100%;background:#fff;color:#333;padding-bottom:15px}
.partnership .business_popup h1{margin-left:-3px;padding:21px 0 19px 2px;font-size:25px;color:#333}
.partnership .business_popup h2{margin-bottom:15px;font-size:16px;color:#333}
.partnership .business_popup .select_box .select_opt{display:block;width:100%;height:44px;margin-bottom:10px;padding-left:18px;border:1px solid #dae0e6;border-radius:0;background:url(../im/img_sel_arrow.gif) no-repeat 95% 50%;background-size:10px 6px;line-height:44px;font-size:12px;color:#666;-webkit-appearance:none}
.partnership .business_popup .txt_area{overflow:hidden;width:100%}
.partnership .business_popup .txt_area .txt_area_box{overflow:hidden;padding:15px;border:1px solid #dae0e6}
.partnership .business_popup .txt_area textarea{width:100%;height:180px;margin-bottom:15px;border:none;line-height:23px;font-size:12px;color:#666}
.partnership .business_popup .filebox{overflow:hidden}
.partnership .business_popup .filebox input[type="file"]{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0)}
.partnership .business_popup .filebox label{display:inline-block;width:100%;height:44px;margin-top:10px;border:1px solid #4b4d55;background-color:#5c5e66;line-height:44px;font-size:16px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer}
.partnership .upload_file{overflow:hidden;margin-top:7px}
.partnership .upload_file li{overflow:hidden;float:left;position:relative;width:97px;height:21px;margin:0 6px 6px 0;padding:0 18px 0 6px;background:#eeefef;line-height:21px;color:#999;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}
.partnership .upload_file li a{display:block;position:absolute;top:5px;right:6px;width:11px;height:11px;background:url(../im/img_file_close.gif) no-repeat;background-size:11px 11px}
.partnership .business_popup .inp_file_notic{margin-bottom:33px;padding-top:4px;color:#999}
.partnership .business_popup .inp_file_notic li{line-height:19px}
.partnership .business_popup .company{margin-bottom:38px}
.partnership .business_popup .company ul li{overflow:hidden;width:100%;height:44px;margin:0 0 10px;border:1px solid #dae0e6}
.partnership .business_popup .company input{width:100%;padding:0 15px;border:none;border-radius:0;line-height:44px;font-size:12px;color:#666;-webkit-appearance:none}
.partnership .business_popup .txt_info{margin-bottom:10px;padding:15px;border:1px solid #dae0e6;line-height:23px;color:#666}
.partnership .business_popup .agreement input[type="checkbox"]{vertical-align:top;margin-top:-1px}
.partnership .business_popup .agreement label{margin-left:7px;color:#666}
.partnership .business_popup .btn_submit{display:block;width:100%;height:44px;margin:26px auto 0;border:none;border:1px solid #00ab5b;background:none;background:#00b962;font-size:16px;line-height:44px;color:#fff;cursor:pointer}


.error_cont{width:320px;position:absolute;top:50%;left:50%;text-align:center;margin:-88px 0 0 -160px}
.error_cont p{font-size:14px;color:#666;margin-top:5px;line-height:21px}

/* 170816 개인정보취급방침 변경 레이어 */
.notice_layer{position:fixed;bottom:0;left:0;right:0;padding:18px 35px 17px 24px;text-align:left;background-color:#ebebeb;z-index:500}
.notice_layer strong{display:block;line-height:19px;font-size:13px;color:#6e6e6e;font-weight:normal;font-family: "Apple SD Gothic Neo", tahoma ,sans-serif}
.notice_layer strong a{font-size:13px}
.notice_layer a{font-size:11px;color:#13d752;text-decoration:underline;font-family: "Apple SD Gothic Neo", tahoma ,sans-serif}
.notice_layer .btn_close{position:absolute;top:50%;margin-top:-5px;right:15px;width:10px;height:10px;background:url(../im/layer_close.png) no-repeat 50% 50%;background-size:10px 10px;-webkit-background-size:10px 10px}

/* 개발 추가 css */
.currentPage{border:0 !important;color:#808080;cursor:pointer}
.gallery-holder{margin:0 auto;outline:1px dashed #666;margin:0 auto 10px auto;padding:10px;}
.gallery{width: 100%;overflow:hidden;}
.gallery div.holder{width:100%;position:relative;overflow: hidden;}
.gallery div.list{margin:0;padding:0;list-style:none;width:9999px;overflow:hidden;}
.gallery div.item{float:left;}

/* FRIENDS CARE */
.friendscare{margin:0 15px;line-height:22px;color:#666;text-align:left}
.friendscare h1{padding:23px 0 22px;font-size:26px;line-height:24px;color:#333}
.friendscare h2{padding-bottom:15px;font-size:16px;line-height:19px;color:#333}
.friendscare .care_text{margin-bottom:60px;}
.friendscare .care_text li{color:#666;font-size:14px;line-height:22px;font-family:helvetica,AppleSDGothicNeo-Regular,sans-serif }
.friendscare .process_img{padding:30px 0;border:1px solid #eee;text-align:center;}
.friendscare .care_notice{padding:24px 32px;margin-top:15px;background-color:#fafafa;color:#666;font-size:14px;line-height:22px;}
.friendscare .care_notice strong{color:#00b962;font-weight:normal;}
.friendscare .btn_area{text-align:center;margin:15px 0;}
.btn_friendscare{display:inline-block;width:100%;height:62px;line-height:18px;padding:13px 0 11px;border:none;border:1px solid #00ab5b;background:none;background:#00b962;font-size:16px;font-family:NanumBarunGothicBold;color:#fff;cursor:pointer;}

/* 앱다운로드 페이지 */
.app_download{min-height:100%}
.app_download .text_top{padding:39px 38px 719px;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box}
.app_download .text_top .text_content{position:relative}
.app_download .text_top .text_content .img_app{display:block;width:225px;height:19px;margin:0 auto;background:url(../im/logo_lfapp.png) no-repeat 0 100%;background-size:225px 19px;-webkit-background-size:225px 19px;text-align:center}
.app_download .text_top .text_content .app_desc{margin-top:8px;text-align:center;font-size:14px;color:#555;line-height:22px;letter-spacing:-.4px;font-family:AppleSDGothicNeo-Regular,helvetica,sans-serif}
.app_download .text_top .text_content .btn_download{display:block;width:300px;height:48px;padding-bottom:2px;margin:15px auto 0;background-color:#00d564;appearance:none;border-radius:3px;-webkit-border-radius:3px;border:0;color:#fff;font-weight:bold;font-size:16px}
.bg_area{position:relative;height:719px;width:100%;margin-top:-719px}
.bg_area .img_bnf,.bg_area .img_bnf_375,.bg_area .img_bnf_1024{position:absolute;left:0;bottom:0;z-index:1}
.bg_area .img_phone,.bg_area .img_phone_375,.bg_area .img_phone_1024{position:absolute;left:50%;bottom:0;margin-left:-189px}
.bg_area .img_bt21,.bg_area .img_bt21_375,.bg_area .img_bt21_1024{position:absolute;right:0;bottom:0}
.bg_area.mobile,.bg_area.pc{display:none}

@media all and (min-width:1024px) {
.app_download .text_top{padding-bottom:670px}
.bg_area{display:none}
.bg_area.pc{display:block;height:670px;margin-top:-670px}
}

@media all and (max-width:767px) {
.app_download .text_top{padding-bottom:371px}
.app_download .text_top .app_desc{margin-top:6px}
.app_download .text_top .btn_download{margin-top:9px}
.bg_area{display:none}
.bg_area.mobile{display:block;height:371px;margin-top:-371px}
.bg_area.mobile .img_phone_375{margin-left:-115px}
}