@charset "euc-kr";

html, body {min-width:1080px;overflow-x:auto !important;*overflow-x: !important;}
body {overflow-y:hidden !important;*overflow-y: !important}
@media \0screen {html, body {overflow-x:visible !important;overflow-y:visible !important}}
body {position:relative}
h3.tit {padding-top:4%;margin-bottom:19px;font-weight:500;font-size:42px;letter-spacing:-0.03em;color:#171717}2019-09-19
button {outline:none}

#wrap {position:relative;*max-width:1920px;*margin:0 auto}
@media \0screen {#wrap {max-width:1920px;margin:0 auto}}
#header {z-index:1001;position:absolute;top:0;left:0;width:100%;height:80px}
#container {min-height:100%;margin:0}
.content-wrap {position:static;width:100%;padding:0}
.top_banner {display:none !important}

/*fullpage*/
.fp-enabled body,html.fp-enabled {margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.fp-section {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fp-slide {float:left}
.fp-slide,.fp-slidesContainer {height:100%;display:block}
.fp-slides {z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fp-section.fp-table,.fp-slide.fp-table {display:table;table-layout:fixed;width:100%}
.fp-tableCell {display:table-cell;vertical-align:middle;width:100%;height:100%}
.fp-slidesContainer {float:left;position:relative}
.fp-controlArrow {-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fp-controlArrow.fp-prev {left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.fp-controlArrow.fp-next {right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.fp-scrollable {overflow:hidden;position:relative}
.fp-scroller {overflow:hidden}
.section0 .fp-scroller, .section1 .fp-scroller, .section2 .fp-scroller, .section3 .fp-scroller, .section4 .fp-scroller {height:100%}
.iScrollIndicator {border:0!important}
.fp-notransition {-webkit-transition:none!important;transition:none!important}
#fp-nav {position:absolute;z-index:1001;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}
#fp-nav.right {right:30px;width:20px;height:186px;margin-top:-244px !important;background:url(/images/sp_main.png) no-repeat 100% -54px}
#fp-nav.left {left:30px}
.fp-slidesNav {position:absolute;z-index:4;left:50%;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fp-slidesNav.bottom {bottom:17px}
.fp-slidesNav.top {top:17px}
#fp-nav ul,.fp-slidesNav ul {margin:0;padding:0}
#fp-nav ul li,.fp-slidesNav ul li {display:block;width:10px;height:10px;margin:16px auto;position:relative}
#fp-nav ul li:first-child {margin-top:10px}
.fp-slidesNav ul li {display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a {display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span {height:10px;width:10px;margin:-5px 0 0 -5px;border-radius:100%;background:#ffd800}
#fp-nav ul li a span,.fp-slidesNav ul li a span {border-radius:50%;position:absolute;z-index:1;height:8px;width:8px;border:0;background:#fff;left:50%;top:50%;margin:-4px 0 0 -4px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span {width:10px;height:10px;margin:-5px 0 0 -5px}
#fp-nav ul li .fp-tooltip {position:absolute;top:-6px;color:#fff;font-size:14px;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer;padding:0 10px 0 6px;height:22px;line-height:21px;background:url(/images/bg_tooltip.png) no-repeat 100% 0}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip {-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}
#fp-nav ul li a.active+.fp-tooltip {width:auto;*width:131px;opacity:1;font-size:14px}
#fp-nav ul li .fp-tooltip.right {right:11px}
#fp-nav ul li .fp-tooltip.left {left:20px}
#fp-nav ul li.fp-nav-li6 {z-index:1}
#fp-nav ul li.fp-nav-li7 {z-index:-1;margin-top:-26px}
#fp-nav ul li.fp-nav-li7 a span {background:#ffd800}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section {height:auto!important}
.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section {height:auto!important}

/*slick*/
.slick-slider {height:100% !important}
.slick-slider .slick-track, .slick-slider .slick-list {height:100% !important}

.bgtop {z-index:1;position:absolute;top:0;left:0;width:100%;height:170px;background:url(/images/bg_top.png) repeat-x 0 0}
.bgdot {z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg_cover_dot.png) repeat 0 0}
.section1 .bgdot, .section2 .bgdot, .section3 .bgdot, .section4 .bgdot {z-index:0;height:50%}

.section {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-attachment:fixed;*background-attachment:scroll;overflow:hidden}
.section0, .section4 {position:relative}
@media \0screen {.section {background-attachment:scroll}}
.section_box {position:relative;overflow:hidden}
.section_inner {*z-index:1;position:absolute;top:50%;left:50%;width:1080px;height:634px;margin:-317px 0 0 -540px}
.section_inner02 {position:relative;width:980px;margin:0 auto;padding:0px 0px 0}
.section_container {min-height:100%;margin:0 0 -292px}
.section_container .section_inner02 {padding-bottom:292px}
.section_txt {padding-left:50px}
.section_tit {position:relative;margin-top:134px;margin-bottom:84px;font-weight:500;font-size:54px;line-height:1.25;color:#fff}
.section_tit .icon {position:absolute;left:0;background:url(/images/sp_main.png) no-repeat}
.section1 .section_tit .icon {top:-76px;width:47px;height:60px;background-position:0 -174px}
.section2 .section_tit .icon {top:-66px;width:50px;height:50px;background-position:-56px -174px}
.section3 .section_tit .icon {top:-80px;width:39px;height:64px;background-position:-116px  -174px}
.section_sub {margin-bottom:44px;font-size:22px;line-height:1.6;color:#fff}
.section_img {position:absolute;top:0;width:411px;height:634px;background:url(/images/bg_phone.png) no-repeat 0 0}
.section_img_wrap {position:absolute;top:73px;left:64px;width:283px;height:486px}
.section_img_wrap div {display:none;position:absolute;top:0;left:0;width:100%;height:100%}
.section_img_wrap .img01 {display:block;background-position:0 0}
.section_img_wrap .img02 {background-position:-283px 0 !important}
.section_img_wrap .img03 {background-position:-566px 0 !important}
.section_img_wrap .img04 {background-position:-849px 0 !important}
.section_img_wrap .img05 {background-position:-1132px 0 !important}
.section_img_wrap .img06 {background-position:-1415px 0 !important}
.section_img_wrap .img07 {background-position:-1698px 0 !important}
.section_img_wrap .img08 {background-position:-1981px 0 !important}
.section_img_wrap .img09 {background-position:-2264px 0 !important}
.section_img_wrap .img10 {background-position:-2547px 0 !important}
.section_img_wrap .img11 {background-position:-2830px 0 !important}

.section1 .section_img {top:18px;right:0;width:563px;height:634px;background:url(/images/img1.png) no-repeat}
.section2 .section_img {left:0; top:18px; width:480px;height:634px;background:url(/images/img2.png) no-repeat}
.section3 .section_img {top:18px;right:0;width:610px;height:680px;background:url(/images/img3.png) no-repeat}
.section4 .section_img {left:0; top:18px; width:411px;height:634px;background:url(/images/img4.png) no-repeat}

.txt_sub {position:relative;margin-bottom:6%;font-size:20px;color:#171717}
a.section_btn {position:relative;display:inline-block;height:56px;margin-right:8px;padding:0 69px 0 28px;line-height:56px;border:2px solid #fff;font-weight:500;font-size:22px;color:#fff;-webkit-transition-duration:0.2s;transition-duration:0.2s}
a.section_btn:hover {background:#fff}
a.section_btn .arr {position:absolute;top:21px;right:28px;width:8px;height:14px;background:url(/images/sp_main.png) no-repeat -292px 0}
a.btn_more {position:absolute;top:1px;right:0;font-size:16px;color:#171717}
a.btn_more:hover {text-decoration:underline}
a.btn_more .arr {position:relative;*position:static;top:-1px;display:inline-block;*display:inline;*zoom:1;width:6px;height:10px;margin-left:9px;background:url(/images/sp_main.png) no-repeat -201px 0;*vertical-align:middle}

/*±×¸°Ä« ¼Ò°³*/
.section0 .txt {z-index:2;position:absolute;top:24%;left:50%;width:515px;height:149px;margin-left:-257px;background:url(/images/main_title_ment2.png)no-repeat;font:0/0 dotum;color:transparent}
.section0 .slick-arrow {position:absolute;top:50%;width:56px;height:56px;margin-top:-28px;background-image:url(/images/sp_main.png);background-repeat:no-repeat;font:0/0 dotum;color:transparent}
.section0 .slick-prev {z-index:1002;left:20px;background-position:0 -108px}
.section0 .slick-prev:hover {background-position:-66px -108px}
.section0 .slick-next {z-index:1001;right:20px;background-position:-132px -108px}
.section0 .slick-next:hover {background-position:-198px -108px}
.section0 .slick-dots {z-index:1000;position:absolute;bottom:144px;display:block;width:100%;padding:0;text-align:center}
.section0 .slick-dots li {position:relative;display:inline-block;*display:inline;*zoom:1;width:23px;height:3px;margin:0 3px 0 2px;padding:0;cursor:pointer}
.section0 .slick-dots li button {display:block;width:23px;height:3px;border:0;background:rgba(255,255,255,.4);*background:#fff;font-size:0;line-height:0;color:transparent;cursor:pointer}
@media \0screen {.section0 .slick-dots li button {background:#fff}}
.section0 .slick-dots li.slick-active button {background:#00e46b}
.section0 .slick-pause {z-index:1000;position:absolute;bottom:135px;left:50%;margin-left:89px;width:21px;height:21px;background:url(/images/sp_main.png) no-repeat -226px -49px;font:0/0 dotum;color:transparent}
.section0 .slick-pause.paused {background-position:-207px -49px}
.section0 .slick-slide {position:relative}
.section0 .slick-slide .bg {z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.section0 .slick-slide.slick-active .bg {-webkit-animation:KEYFRAME 2.5s both;
-moz-animation:   KEYFRAME 2.5s both;
-o-animation:     KEYFRAME 2.5s both;
animation:        KEYFRAME 2.5s both}

@-webkit-keyframes KEYFRAME {
  0% {-webkit-transform:scale(1.0);transform:scale(1.0)}
  100% {-webkit-transform:scale(1.05);transform:scale(1.05)}
}
@-moz-keyframes KEYFRAME {
  0% {-webkit-transform:scale(1.0);transform:scale(1.0)}
  100% {-webkit-transform:scale(1.05);transform:scale(1.05)}
}
@-o-keyframes KEYFRAME {
  0% {-webkit-transform:scale(1.0);transform:scale(1.0)}
  100% {-webkit-transform:scale(1.05);transform:scale(1.05)}
}
@keyframes KEYFRAME {
  0% {-webkit-transform:scale(1.0);transform:scale(1.0)}
  100% {-webkit-transform:scale(1.05);transform:scale(1.05)}
}


.section0 .slick01 .bg {background-color:#2e6492;background-image:url(/images/mt1.jpg)}
.section0 .slick02 .bg {background-image:url(/images/mt2.jpg)}
.section0 .slick03 .bg {background-image:url(/images/mt3.jpg)}

.section0 .slick01 .txt {background-position:0 0}
.section0 .slick02 .txt {background-position:0 -159px}
.section0 .slick03 .txt {height:152px;background-position:0 -318px}
.section0 .slick04 .txt {height:152px;background-position:0 -480px}
.section0 .slick05 .txt {background-position:0 -642px}
.section0 .slick06 .txt {background-position:0 -801px}

.section0 .btn_ment {z-index:1000;position:absolute;top:57%;width:100%;text-align:center;*top:420px;*left:50%;*width:430px;*margin-left:-215px;*text-align:left}


.section0 .btn_join {z-index:1000;position:absolute;top:44%;width:100%;text-align:center;*top:420px;*left:50%;*width:430px;*margin-left:-215px;*text-align:left}
.section0 .btn_join a {position:relative;display:inline-block;height:60px;padding:0 69px 0 28px;line-height:1.0;border:2px solid rgba(255,255,255,.6);font-weight:500;font-size:22px;color:#fff;text-align:left;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.section0 .btn_join a:hover {border:2px solid rgba(255,255,255,1);}
.section0 .btn_join a:after {content:'';display:block;clear:both}
.section0 .btn_join a.apple {width:179px;padding:0 0 0 27px}
.section0 .btn_join a.google {width:183px;padding:0 0 0 23px}
.section0 .btn_join a .icon {float:left;width:28px;height:32px;margin-top:14px;margin-right:15px;background:url(/images/sp_main.png?v=190401) no-repeat}
.section0 .btn_join a.apple .icon {background-position:-76px -248px}
.section0 .btn_join a.google .icon {background-position:0 -248px}
.section0 .btn_join a .btn_txt {float:left;padding-top:11px;letter-spacing:-0.03em}
.section0 .btn_join a .btn_txt span {display:block;padding-bottom:3px;font-size:13px;font-weight:normal;letter-spacing:-0.02em}



.section0 .btn_down {z-index:1000;position:absolute;bottom:72px;left:50%;width:24px;height:46px;margin-left:-12px;background:url(/images/sp_main.png) no-repeat -154px -54px;font:0/0 dotum;color:transparent}
.section0 .btn_down span {position:absolute;left:7px;width:10px;height:6px;background:url(/images/sp_main.png) no-repeat -188px -54px}
.section0 .btn_down .arr01 {top:14px;-webkit-animation:ARR01 1.5s 1s infinite;animation:ARR01 1.5s 1s infinite}
.section0 .btn_down .arr02 {top:26px;opacity:0.2;-webkit-animation:ARR02 1.5s 1.5s infinite;animation:ARR02 1.5s 1.5s infinite}
@-webkit-keyframes ARR01 {
  0% {opacity:1}
  100% {opacity:0.2}
}
@keyframes ARR01 {
  0% {opacity:1}
  100% {opacity:0.2}
}
@-webkit-keyframes ARR02 {
  0% {opacity:0.2}
  100% {opacity:1}
}
@keyframes ARR02 {
  0% {opacity:0.2}
  100% {opacity:1}
}
/*°¡±î¿î ±×¸°Á¸*/
.section1 {background-image:url(/images/sec01.jpg)}
.section1 .section_img_wrap,

.section1 a.section_btn:hover {color:#00b956}
.section1 a.section_btn:hover .arr {background-position:-274px 0}
/*°æÁ¦ÀûÀÎ ÄíÆù/Ư°¡*/
.section2 {background-image:url(/images/sec02.jpg)}
.section2 .section_img_wrap,

.section2 .section_txt {padding-left:560px}
.section2 a.section_btn:hover {color:#15bbb2}
.section2 a.section_btn:hover .arr {background-position:-256px 0}
/*°£ÆíÇÑ ¾Û*/
.section3 {background-image:url(/images/sec03.jpg)}
.section3 a.section_btn {height:60px;line-height:1.0}
.section3 a.section_btn:hover {color:#6f5fb3}
.section3 a.section_btn:after {content:'';display:block;clear:both}
.section3 a.section_btn.apple {width:174px;padding:0 0 0 22px}
.section3 a.section_btn.google {width:178px;padding:0 0 0 18px}
.section3 a.section_btn .icon {float:left;width:28px;height:32px;margin-top:14px;margin-right:15px;background:url(/images/sp_main.png?v=190401) no-repeat}
.section3 a.section_btn.apple .icon {background-position:-76px -248px}
.section3 a.section_btn.apple:hover .icon {background-position:-114px -248px}
.section3 a.section_btn.google .icon {background-position:0 -248px}
.section3 a.section_btn.google:hover .icon {background-position:-38px -248px}
.section3 a.section_btn .txt {float:left;padding-top:11px;letter-spacing:-0.03em}
.section3 a.section_btn .txt span {display:block;padding-bottom:3px;font-size:13px;font-weight:normal;letter-spacing:-0.02em}
/*±×¸°Ä« ÀÌ¿ë¾È³»*/
.section4 .bgtop {z-index:2}
.section4 h3 {z-index:2;position:absolute;top:50%;left:50%;margin:-210px 0 0 -65px;font-weight:500;font-size:42px;color:#fff}
.section4 .slick {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;*background-attachment:scroll}
@media \0screen {.section4 .slick {background-attachment:scroll}}
.section4 .guide01 {background-image:url(/images/sec04_1.jpg)}
.section4 .guide02 {background-image:url(/images/sec04_2.jpg)}
.section4 .guide03 {background-image:url(/images/sec04_3.jpg)}
.section4 .guide04 {background-image:url(/images/sec04_4.jpg)}
.section4 .guide05 {background-image:url(/images/sec04_5.jpg)}
.section4 .guide01 .section_img_wrap,

.section4 .slick-arrow {display:none !important}
.section4 .slick-dots {z-index:1000;position:absolute;top:50%;left:50%;margin:-33px 0 0 -65px !important}
.section4 .slick-dots li {float:left;width:102px;height:62px;padding:0;cursor:pointer}
.section4 .slick-dots li button {display:block;width:102px;height:62px;border:0;background:url(/images/btn_section04.png) no-repeat;font-size:0;line-height:0;color:transparent;cursor:pointer}
.section4 .slick-dots li#slick-slide10 button {background-position:0 0}
.section4 .slick-dots li#slick-slide11 button {background-position:-102px 0}
.section4 .slick-dots li#slick-slide12 button {background-position:-204px 0}
.section4 .slick-dots li#slick-slide13 button {background-position:-306px 0}
.section4 .slick-dots li#slick-slide14 button {background-position:-408px 0}
.section4 .slick-dots li#slick-slide10 button:hover,
.section4 .slick-dots li#slick-slide10.slick-active button {background-position:0 -72px}
.section4 .slick-dots li#slick-slide11 button:hover,
.section4 .slick-dots li#slick-slide11.slick-active button {background-position:-102px -72px}
.section4 .slick-dots li#slick-slide12 button:hover,
.section4 .slick-dots li#slick-slide12.slick-active button {background-position:-204px -72px}
.section4 .slick-dots li#slick-slide13 button:hover,
.section4 .slick-dots li#slick-slide13.slick-active button {background-position:-306px -72px}
.section4 .slick-dots li#slick-slide14 button:hover,
.section4 .slick-dots li#slick-slide14.slick-active button {background-position:-408px -72px}
.section4 .section_inner {margin-top:-277px}
.section4 .section_inner dl {padding-left:475px}
.section4 .section_inner dl dt {padding:135px 0 156px;font-weight:500;font-size:54px;color:#fff}
.section4 .section_inner dl dd {font-size:22px;color:#171717;line-height:1.6}
.section4 .guidePlay {z-index:1000;position:absolute;top:50%;left:50%;height:56px;margin:222px 0 0 -65px;padding:0 62px 0 29px;border:2px solid #ffffff;font-weight:500;font-size:22px;line-height:56px;color:#ffffff;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.section4 .guidePlay:hover {background:#272727;color:#fff}
.section4 .guidePlay .arr {position:absolute;top:21px;right:28px;width:8px;height:14px;background:url(/images/sp_main.png) no-repeat -238px 0}
.section4 .guidePlay:hover .arr {background-position:-292px 0}
#videoGuide {display:none}
#videoGuide .filter {z-index:9998;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=80);opacity:0.8}
#videoGuide .layer_wrap {z-index:9999;position:fixed;top:80px;right:0;bottom:80px;left:0;width:100%}
#videoGuide .layer_cont {position:absolute;top:50%;left:50%;height:100%;margin:0 auto}
#videoGuide a.layer_close {position:absolute;top:-55px;right:0;width:40px;height:41px;background:url(/images/sp_main.png) no-repeat -114px 0;font:0/0 dotum;color:transparent}
/*À̺¥Æ®*/
.section5 .event_list {margin-left:-40px}
.section5 .event_list:after {content:'';display:block;clear:both}
.section5 .event_list li {position:relative;float:left;width:300px;margin:0 0 5% 40px;opacity:0;-webkit-transition:all .5s linear;transition:all .5s linear}
.section5 .event_list li.on {opacity:1}
.section5 .event_list li.event0.on {-webkit-transition-delay:0s;transition-delay:0s}
.section5 .event_list li.event1.on {-webkit-transition-delay:.1s;transition-delay:.1s}
.section5 .event_list li.event2.on {-webkit-transition-delay:.2s;transition-delay:.2s}
.section5 .event_list li.event3.on {-webkit-transition-delay:.3s;transition-delay:.3s}
.section5 .event_list li.event4.on {-webkit-transition-delay:.4s;transition-delay:.4s}
.section5 .event_list li.event5.on {-webkit-transition-delay:.5s;transition-delay:.5s}
.section5 .event_list li a {display:block;margin-bottom:2px}
.section5 .event_list li a .thum {overflow:hidden;display:block;width:300px;height:300px}
.section5 .event_list li a .thum img {width:100%;height:100%}
.section5 .event_list li a:hover .thum img {transition-duration:.3s;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.section5 .event_list li a .tit {display:block;height:31px;margin-top:14px;font-weight:500;font-size:18px;line-height:1.3;letter-spacing:-0.01em;color:#3c3c3c}
.section5 .event_list li a .tit:hover {color:#00af56}
.section5 .event_list li .date {display:block;font-size:14px;color:#767676}
.section5 .event_list li .dday {position:absolute;top:-26px;right:10px;width:48px;height:48px;background:#fff;border:0px solid #6f4dff;-webkit-border-radius:100%;border-radius:100%;font-weight:700;font-size:14px;line-height:46px;color:#6f4dff;text-align:center}


/*°øÁö»çÇ×*/
.section6 .coupon_box_inner {z-index:2;position:relative;display:table-cell;vertical-align:middle}
.section6 .coupon_box .txt {*padding-top:31px;padding-bottom:28px;font-size:24px;color:#fff}
.section6 .coupon_box .btn_coupon {position:relative;display:inline-block;padding:0 70px 0 40px;border:2px solid #fff;height:62px;font-weight:500;font-size:32px;line-height:60px;color:#fff;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.section6 .coupon_box .btn_coupon:hover {background:transparent;background-color:rgba(255,255,255,.3);filter:progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dffffff, endColorStr=#4dffffff );-ms-filter:'progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dffffff, endColorStr=#4dffffff )';zoom:1}
.section6 .coupon_box .btn_coupon .arr {position:absolute;top:22px;right:36px;width:12px;height:18px;background:url(/images/sp_main.png) no-repeat -217px 0}
.section6 .notice_list ul {overflow:hidden;margin:0 0 0 -40px}
.section6 .notice_list li {position:relative;float:left;width:300px;height:180px;margin:0 0 4% 40px;opacity:0;transition:all .5s linear}
.section6 .notice_list li.on {opacity:1}
.section6 .notice_list li.notice0.on {-webkit-transition-delay:0s;transition-delay:0s}
.section6 .notice_list li.notice1.on {-webkit-transition-delay:.1s;transition-delay:.1s}
.section6 .notice_list li.notice2.on {-webkit-transition-delay:.2s;transition-delay:.2s}
.section6 .notice_list li.notice3.on {-webkit-transition-delay:.3s;transition-delay:.3s}
.section6 .notice_list li.notice4.on {-webkit-transition-delay:.4s;transition-delay:.4s}
.section6 .notice_list li.notice5.on {-webkit-transition-delay:.5s;transition-delay:.5s}
.section6 .notice_list li .flag {display:inline-block;width:80px;height:26px;background:#b7b0a7;-webkit-border-radius:2px;border-radius:2px;font-weight:500;font-size:14px;line-height:26px;text-align:center;color:#fff}
.section6 .notice_list li .tit {display:block;padding:12px 0 26px}
.section6 .notice_list li .tit .txt {display:block;font-weight:500;font-size:18px;line-height:1.3;color:#171717}
.section6 .notice_list li .tit .txt:hover {text-decoration:underline}
.section6 .notice_list li .tit .arr {position:absolute;bottom:0;left:0;width:34px;height:34px;background:url(/images/sp_main.png) no-repeat -165px -174px}
.section6 .notice_list li .tit .new {position:absolute;top:1px;right:15px;width:46px;height:26px;margin-left:10px;background:url(/images/main/sp_main.png) no-repeat -58px 0;font:0/0 dotum;color:transparent}
.section6 .notice_list li .cont {display:block;font-size:14px;line-height:1.4;color:#636363}
.section6 .notice_list li .date {display:block;font-size:14px;letter-spacing:0.03em;color:#767676}
.section6 .notice_list li .txt {display:block;font-weight:500;font-size:16px;line-height:1.25;color:#636363}
.section6 .notice_list li.top .flag {background:#00b956;font-size:15px}
.section6 .notice_list li.top .tit .txt {color:#3c3c3c}
.section6 .notice_list_normal ul {margin-bottom:6%}
.section6 .notice_list_normal li {height:60px;border-top:1px dashed #e3e3e3}
.section6 .notice_list_normal li:first-child {border-top:none}
.section6 .notice_list_normal li a {display:inline-block;overflow:hidden;max-width:90%;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:60px;color:#171717}
.section6 .notice_list_normal li a:hover {text-decoration:underline}
.section6 .notice_list_normal li a .new {display:inline-block;width:46px;height:26px;margin-left:10px;background:url(/images/sp_main.png) no-repeat -58px 0;font:0/0 dotum;color:transparent;vertical-align:middle}

.section7 {overflow:visible}

@media all and (min-width:1921px) {
h3.tit {padding-top:12%}
.txt_sub {margin-bottom:7%}
.section5 .event_list li {margin:0 0 6% 40px}
.section6 .notice_list li {margin:0 0 6% 40px}
.section6 .notice_list li .tit {padding:14px 0 18px}
}