/* header-popup-area 필수 */
.header-popup-area { background: url("../images/main/bg_top_popup01.jpg") no-repeat top rgb(89, 93, 101); height: 163px; position: relative; z-index: 10; }
.header-popup-area .header-popup-box { margin: 0px auto; height: 131px; position: relative; max-width: 1200px; }
.header-popup-area .header-popup-box #responsive-popup { display: block; min-height: 100px; }
.header-popup-area .header-popup-box #responsive-popup li { border: 0px solid red; border-image: none; }
.header-popup-area .header-popup-box #responsive-popup li a { padding: 20px 0px; height: 100px; display: block; }
.header-popup-area .header-popup-box #responsive-popup li a .title { color: rgb(255, 255, 255); line-height: 24px; overflow: hidden; font-size: 18px; font-weight: 500; margin-bottom: 8px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overow: ellipsis; }
.header-popup-area .header-popup-box #responsive-popup li a .submit { height: 48px;  color: rgb(174, 175, 179); line-height: 15px; overflow: hidden; font-size: 13px; font-weight: 100; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overow: ellipsis; }
.header-popup-area .header-popup-box #responsive-popup li a .word-detail-view { z-index:500; background-position: 0% 0%, right; color: rgb(255, 255, 255); line-height: 15px; padding-right: 12px; font-size: 13px; text-decoration: underline; display: inline-block; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_detailview_arrow@2x.gif"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 5px 9px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }

.header-popup-area .header-popup-box .bx-prev { background-position: 0% 0%, 0px 0px; border: 0px currentColor; border-image: none; left: 0px; top: 50%; width: 20px; height: 32px; text-indent: -5000em; margin-top: -16px; display: block; position: absolute; cursor: pointer; background-image: linear-gradient(transparent, transparent), url("../images/main/btn_previous02@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 20px 32px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }
.header-popup-area .header-popup-box .bx-next { background-position: 0% 0%, 0px 0px; border: 0px currentColor; border-image: none; top: 50%; width: 20px; height: 32px; right: 0px; text-indent: -5000em; margin-top: -16px; display: block; position: absolute; cursor: pointer; background-image: linear-gradient(transparent, transparent), url("../images/main/btn_next02@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 20px 32px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }

.header-popup-area .btns-area { background: url("../images/main/bg_top_popup02.png") 0px 0px; padding: 0px; height: 32px; }
.header-popup-area .btns-area .btns-box { margin: 0px auto; height: 32px; text-align: right; line-height: 32px; max-width: 1200px; }
.header-popup-area .btns-area .btns-box .today-close { background-position: 0% 0%, right; margin-right: 10px; vertical-align: middle; display: inline-block; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_top_popup_bar01@2x.gif"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 1px 13px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }
.header-popup-area .btns-area .btns-box .today-close input[type='checkbox'] { vertical-align: middle; display: inline-block; }
.header-popup-area .btns-area .btns-box .today-close label { vertical-align: middle; display: inline-block; }
.header-popup-area .btns-area .btns-box .today-close input[type='checkbox'] { margin-right: 5px; }
.header-popup-area .btns-area .btns-box .today-close label { color: rgb(174, 175, 179); padding-right: 15px; font-weight: 100; }
.header-popup-area .btns-area .btns-box .btn-top-popup-close { background-position: 0% 0%, right; color: rgb(255, 255, 255); padding-right: 18px; vertical-align: middle; display: inline-block; background-image: linear-gradient(transparent, transparent), url("../images/main/btn_top_popup_close@2x.gif"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 9px 9px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }


/* main-slider-area 필수 */
.main-slider-area { height: 450px; padding:0; margin:0; position: relative; }
.main-slider-area ul { height: 450px; }
.main-slider-area ul li { height: 450px; text-align: center; color: rgb(255, 255, 255); padding-top: 124px; display: block; box-sizing: border-box; }

.main-slider-area ul li.fli_bg01 { background: url("../images/main/bg_fli_01_pc.jpg") no-repeat top; }
.main-slider-area ul li.fli_bg02 { background: url("../images/main/bg_fli_02_pc.jpg") no-repeat top; }
.main-slider-area ul li.fli_bg03 { background: url("../images/main/bg_fli_03_pc.jpg") no-repeat top; }

.main-slider-area ul li .title { line-height: 72px; font-size: 60px; font-weight: 700; margin-bottom: 20px; display: block; text-shadow: 0px 0px 24px rgba(0,0,0,0.5); }
.main-slider-area ul li span { font-size: 22px; font-weight: 700; margin-bottom: 35px; display: block; text-shadow: 0px 0px 30px rgba(0,0,0,0.8); }
.main-slider-area ul li span span { display: inline; }
.main-slider-area ul li .btns-view01 { background: rgb(249, 151, 0); height: 70px; color: rgb(255, 255, 255); line-height: 70px; padding-left: 42px; font-size: 18px; font-weight: 700; vertical-align: middle; display: inline-block; }
.main-slider-area ul li .btns-view01 span { width: 71px; height: 70px; text-align: center; line-height: 70px; margin-left: 40px; border-left-color: rgb(255, 188, 53); border-left-width: 1px; border-left-style: solid; float: right; }
.main-slider-area ul li .btns-view01 span img { width: 15px; vertical-align: middle; display: inline-block; }
.main-slider-area ul li .btns-view02 { background: rgb(18, 119, 205); padding: 0px 42px; height: 54px; color: rgb(255, 255, 255); line-height: 54px; font-size: 20px; font-weight: 700; vertical-align: middle; display: inline-block; }
.main-slider-area .bx-prev { background-position: 0% 0%, 0px 0px; left: 50%; top: 50%; width: 46px; height: 90px; text-indent: -5000em; margin-top: -45px; margin-left: -700px; display: block; position: absolute; z-index: 10; cursor: pointer; background-image: linear-gradient(transparent, transparent), url("../images/main/btn_previous01@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 46px 90px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }
.main-slider-area .bx-next { background-position: 0% 0%, 0px 0px; top: 50%; width: 46px; height: 90px; right: 50%; text-indent: -5000em; margin-top: -45px; margin-right: -700px; display: block; position: absolute; z-index: 10; cursor: pointer; background-image: linear-gradient(transparent, transparent), url("../images/main/btn_next01@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 46px 90px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }
.main-slider-area .bx-pager { left: 0px; width: 100%; height: 16px; text-align: center; bottom: 40px; display: block; position: absolute; z-index: 1; }
.main-slider-area .bx-pager .bx-pager-item { margin: 0px 5px; width: 16px; height: 15px; vertical-align: middle; display: inline-block; }
.main-slider-area .bx-pager .bx-pager-item a { background-position: 0% 0%, 0px 0px; width: 16px; height: 15px; text-indent: -5000em; display: block; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_circle01_off@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 16px 15px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }
.main-slider-area .bx-pager .bx-pager-item a.active { background-position: 0% 0%, 0px 0px; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_circle01_on@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 16px 15px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }


/* main-banner-w-area 필수 */
.main-banner-w-area { margin: 0px auto; position: relative; max-width: 1200px; }
.main-banner-w-area ul { display: block; }
.main-banner-w-area ul li { display: block; }
.main-banner-w-area ul li a { display: block; }
.main-banner-w-area ul li a .image-pc { width: 100%; display: block; }
.main-banner-w-area ul li a .image-mobile { display: none; }
.main-banner-w-area .bx-pager { left: 21px; top: 30px; text-align: left; position: absolute; z-index: 60; }
.main-banner-w-area .bx-pager .bx-pager-item { margin: 0px 5px; width: 16px; height: 15px; vertical-align: middle; display: inline-block; }
.main-banner-w-area .bx-pager .bx-pager-item a { background-position: 0% 0%, 0px 0px; width: 16px; height: 15px; text-indent: -5000em; display: block; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_circle02_off@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 16px 15px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }
.main-banner-w-area .bx-pager .bx-pager-item a.active { background-position: 0% 0%, 0px 0px; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_circle01_on@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 16px 15px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }
.main-banner-w-area .bx-start { background-position: 0% 0%, 0px 0px; left: 0px; top: 37px; width: 10px; height: 13px; text-indent: -5000em; display: none; position: absolute; z-index: 60; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_play@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 10px 13px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }
.main-banner-w-area .bx-stop { background-position: 0% 0%, 0px 0px; left: 0px; top: 37px; width: 10px; height: 13px; text-indent: -5000em; position: absolute; z-index: 60; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_pause@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 10px 13px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }

/* main-banner-h-area 필수 */
.main-banner-h-area { position: relative; width:100%; height:auto; margin:0; padding:0; }
.main-banner-h-area ul { width:100%; height:auto; overflow: hidden; display: block; }
.main-banner-h-area ul li { width:100%; height:auto; display: block; }
.main-banner-h-area ul li a { width:100%; height:auto; display: block; }
.main-banner-h-area ul li a img { width:100%; height:auto; display: block; }
.main-banner-h-area .bx-pager { left: 0px; width: 100%; height: 16px; text-align: center; bottom: 30px; display: block; position: absolute; z-index: 100; }
.main-banner-h-area .bx-pager .bx-pager-item { margin: 0px 5px; width: 16px; height: 15px; vertical-align: middle; display: inline-block; }
.main-banner-h-area .bx-pager .bx-pager-item a { background-position: 0% 0%, 0px 0px; width: 16px; height: 15px; text-indent: -5000em; display: block; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_circle01_off@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 16px 15px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }
.main-banner-h-area .bx-pager .bx-pager-item a.active { background-position: 0% 0%, 0px 0px; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_circle01_on@2x.png"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 16px 15px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }


@media only all and (max-width:1399px)
{
.main-slider-area .bx-prev { left: 50px; top: 50%; margin-left: 0px; }
.main-slider-area .bx-next { top: 50%; right: 50px; margin-right: 0px; }
}

@media only all and (max-width:1199px)
{
.header-popup-area .header-popup-box { padding: 0px 20px; }
.header-popup-area .btns-area .btns-box { padding: 0px 20px; }
.main-banner-w-area { padding: 0px 20px; }
.main-banner-w-area .lSPager { left: 41px; top: 20px; }
.main-banner-w-area .btn-play { left: 20px; top: 31px; }
.main-banner-w-area .btn-pause { left: 20px; top: 31px; }
}

@media only all and (max-width:1023px)
{
.main-banner-w-area ul li a .image-pc { display: none; }
.main-banner-w-area ul li a .image-mobile { margin: 0px auto; width: 100%; display: block; }
.main-banner-w-area .lSPager { left: 41px; top: 30px; }
.main-banner-w-area .btn-play { left: 20px; top: 41px; }
.main-banner-w-area .btn-pause { left: 20px; top: 41px; }

.main-banner-h-area { width: 100%; height: auto; clear: both; position: static; }
.main-banner-h-area ul { width: 100%; height: 100%; display: block; }
.main-banner-h-area ul li { width: 100%; height: auto; display: block; }
.main-banner-h-area ul li a { width: 100%; height: auto; display: block; }
}

@media only all and (max-width:992px)
{
.header-popup-area .header-popup-box #responsive-popup li a .title { line-height: 24px; font-size: 18px; }
.header-popup-area .header-popup-box #responsive-popup li a .word-detail-view { background-position: 0% 0%, right; color: rgb(255, 255, 255); line-height: 15px; padding-right: 12px; font-size: 13px; text-decoration: underline; display: inline-block; background-image: linear-gradient(transparent, transparent), url("../images/main/icon_detailview_arrow@2x.gif"); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: 5px 9px; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent; }

.main-slider-area { height: 400px; position: relative; } 
.main-slider-area ul { height: 400px; }
.main-slider-area ul li { height: 400px; text-align: center; color: rgb(255, 255, 255); display: block; box-sizing: border-box; }

.main-slider-area ul li.fli_bg01 { background: url("../images/main/bg_fli_01_tablet.jpg") no-repeat top / cover; }
.main-slider-area ul li.fli_bg02 { background: url("../images/main/bg_fli_02_tablet.jpg") no-repeat top / cover; }
.main-slider-area ul li.fli_bg03 { background: url("../images/main/bg_fli_03_tablet.jpg") no-repeat top / cover; }

.main-slider-area ul li .title { line-height: 36px; font-size: 30px; margin-bottom: 16px; display: block; }
.main-slider-area ul li span { line-height: 20px; font-size: 14px; margin-bottom: 20px; display: block; }
.main-slider-area ul li span span { display: block; }
.main-slider-area ul li .btns-view01 { height: 50px; line-height: 50px; padding-left: 35px; font-size: 20px; vertical-align: middle; display: inline-block; }
.main-slider-area ul li .btns-view01 span { width: 50px; height: 50px; line-height: 50px; float: right; }
.main-slider-area ul li .btns-view01 span img { width: 15px; vertical-align: middle; display: inline-block; }
.main-slider-area ul li .btns-view02 { padding: 0px 35px; height: 50px; line-height: 50px; font-size: 20px; vertical-align: middle; display: inline-block; }
.main-slider-area ul li.bg05 { padding-top: 100px; }

.main-banner-w-area ul li a .image-mobile { margin: 0px auto; width: 100%; display: block; max-width: 580px; }
.main-banner-w-area .bx-pager { left: 41px; top: 15px; }
.main-banner-w-area .bx-start { left: 20px; top: 20px; }
.main-banner-w-area .bx-stop { left: 20px; top: 20px; }

.main-banner-h-area { width: 100%; height: auto; clear: both; position: static; }
.main-banner-h-area ul { width: 100%; height: 100%; display: block; }
.main-banner-h-area ul li { width: 100%; height: auto; display: block; }
.main-banner-h-area ul li a { width: 100%; height: auto; display: block; }
}

@media only all and (max-width:639px)
{
.main-slider-area { height: 300px; position: relative; }
.main-slider-area ul { height: 300px; }
.main-slider-area ul li { height: 300px; text-align: center; color: rgb(255, 255, 255); padding-top: 0px; display: block; box-sizing: border-box; }

.main-slider-area ul li.fli_bg01 { background: url("../images/main/bg_fli_01_mobile.jpg") no-repeat top / cover; }
.main-slider-area ul li.fli_bg02 { background: url("../images/main/bg_fli_02_mobile.jpg") no-repeat top / cover; }
.main-slider-area ul li.fli_bg03 { background: url("../images/main/bg_fli_03_mobile.jpg") no-repeat top / cover; }

}

@media only all and (max-width:500px)
{
.main-slider-area {	height: 260px; position: relative; }
.main-slider-area ul { height: 260px; }
.main-slider-area ul li { height: 260px; text-align: center; color: rgb(255, 255, 255); display: block; box-sizing: border-box; padding:0; }
.main-slider-area ul li .title { line-height: 30px; font-size: 24px; margin-bottom: 16px; display: block; }
.main-slider-area ul li span { line-height: 20px; font-size: 14px; margin-bottom: 20px; display: block; }
.main-slider-area ul li span span { display: block; }
.main-slider-area ul li .btns-view01 { height: 30px; line-height: 30px; padding-left: 15px; font-size: 13px; vertical-align: middle; display: inline-block; }
.main-slider-area ul li .btns-view01 span { width: 30px; height: 30px; line-height: 30px; float: right; }
.main-slider-area ul li .btns-view01 span img { width: 10px; vertical-align: middle; display: inline-block; }
.main-slider-area ul li .btns-view02 { padding: 0px 15px; height: 30px; line-height: 30px; font-size: 13px; vertical-align: middle; display: inline-block; }
.main-slider-area .bx-prev { left: 10px; width: 23px; height: 45px; margin-top: -22px; background-size: 23px 45px; }
.main-slider-area .bx-next { width: 23px; height: 45px; right: 10px; margin-top: -22px; background-size: 23px 45px;}
}

.owl-dots {display: none;}