@charset "utf-8";

/* reset */
*, *:before, *:after { margin: 0; padding: 0; font-family: "Malgun Gothic", "���� ���", Dotum, Gulim, Verdana; line-height: 150%; font-size:0; line-height:0; }
img { border: 0; vertical-align: top; }
ol, ul { list-style: none; }
input, select, button { vertical-align: middle; }
label, button { cursor: pointer; }
a { color: #fff; text-decoration: none; }
em { font-style: normal; }

/* layout */
.c-wrap { position: relative; width: 100%; margin: 0 auto;  }
.c-offscreen { position: absolute; top: -100000em; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.c-header { position: relative; }
.c-content {position: relative; padding: 0; background:#FFF;text-align:center;}

/*
.c-wrap .honeymoon .btn-x {top:0px; left:711px; width:40px; height:40px; background:url(../img/btn-x.jpg) left top no-repeat; }
*/

a.btn-transparent, 
button.btn-transparent{position:absolute;display:block;font-size:0;border:none;background:url(../img/background_transparent.png) center repeat;}


/*
a.btn-transparent,
button.btn-transparent{position:absolute;display:block;font-size:0;border:none;background:#ff6600;opacity:0.7;}
*/





.c-header{position:relative;height:900px;overflow:hidden; background-color:#08071a; }
.c-header h1{position:relative;width:100%;height:900px;/*background:url(../img/header_title.png) left top no-repeat;*/z-index:30;}
.c-header .canada_logo{position:absolute; top:28px;left:50%;z-index:100;margin-left:-382px;}
.c-header .nt_logo    {position:absolute; top:18px;left:50%;z-index:100;margin-left:222px;display:block;}
.c-header.open .item-big{opacity:1;}




.c-header.open .txt01 	 {opacity:1; transform: translate(0px, 0px);}
.c-header.open .txt02 	 {opacity:1; transform: translate(0px, 0px);}
.c-header.open .txt03 	 {opacity:1; transform: translate(0px, 0px);}
.c-header.open .air 	 {transform: rotate(225deg);}
.c-header.open .light-01 {transform: rotate(720deg) scale(1);}
.c-header.open .light-02 {transform: rotate(720deg) scale(1);}
.c-header.open .light-03 {transform: rotate(720deg) scale(1);}
.c-header .txt01 		 {position:absolute;top:0;left:0;width:100%;height:900px;background:url(../img/header_title1.png) center top no-repeat;z-index:30;opacity:0;transform: translate(0px, 40px);transition:opacity 0.45s 0.5s, transform 0.45s 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.900);}
.c-header .txt02 		 {position:absolute;top:0;left:0;width:100%;height:900px;background:url(../img/header_title2.png) center top no-repeat;z-index:30;opacity:0;transform: translate(0px, 40px);transition:opacity 0.45s 0.6s, transform 0.45s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.900);}
.c-header .txt03 		 {position:absolute;top:0;left:0;width:100%;height:900px;background:url(../img/header_title3.png) center top no-repeat;z-index:30;opacity:0;transform: translate(0px, 40px);transition:opacity 0.45s 0.7s, transform 0.45s 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.900);}
.c-header .air 			 {position:absolute;top:390px;left:650px; display:block; width:358px; height:179px; background:url(../img/header_air.png) right top no-repeat;z-index:25; transition:transform 2.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);}

.c-header .light-01 	 {position:absolute; top:133px;left:50%; margin-left:-350px; width:17px;height:17px;background:url(../img/header_light_01.png) left top no-repeat;z-index:25; transform: rotate(0deg) scale(0); transition:transform 1.5s 2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.c-header .light-02 	 {position:absolute;top:155px;left:50%; margin-left:-360px; width:11px;height:11px;background:url(../img/header_light_02.png) left top no-repeat;z-index:25; transform: rotate(0deg) scale(0); transition:transform 1.5s 2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.c-header .light-03 	 {position:absolute;top:141px;left:50%; margin-left:-370px; width:6px;height:5px;background:url(../img/header_light_03.png) left top no-repeat;z-index:25; transform: rotate(0deg) scale(0); transition:transform 1.5s 2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}








.item-big {position:absolute;top:0;left:0;width:100%;height:100%; z-index:20;transition:opacity 0.5s ease;opacity:0;}
.item-big > ul > li {position:absolute; top:0; left:0; width:100%; height:100%; transition:width 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);background-repeat:no-repeat; background-position:center top;}
.item-big .big-01 {background-image:url(../img/canada_header_visual_01.jpg);}
.item-big .big-02 {background-image:url(../img/canada_header_visual_02.jpg);}
.item-big .big-03 {background-image:url(../img/canada_header_visual_03.jpg);}
.item-big .big-04 {background-image:url(../img/canada_header_visual_04.jpg);}

.item-thumb {position:absolute; top:707px;left:0;width:100%;height:197px;z-index:50; text-align:center;transition:opacity 0.5s ease;}
.item-thumb > ul {display:inline-block; font-size:0;padding-top:57px;}
.item-thumb > ul > li {position:relative;display:inline-block;width:104px;height:84px;margin:0 1px;}
.item-thumb > ul > li > button {position:absolute; bottom:0; left:0; width:100%;height:53px;background:none;border:none;font-size:0;overflow:hidden; transition:height 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.item-thumb > ul > li > button > span {position:absolute; bottom:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center bottom;}
.item-thumb > ul > li > button > span.on {height:0; z-index:5; transition:height 0.45s ease;}
.item-thumb > ul > li > button > span.off {opacity:1; z-index:1; transition:opacity 0.35s ease;}
.item-thumb .thumb-01 .on{background-image:url(../img/btn_header_slider_thumb_01_on.png);}
.item-thumb .thumb-01 .off{background-image:url(../img/btn_header_slider_thumb_01_off.png);}
.item-thumb .thumb-02 .on{background-image:url(../img/btn_header_slider_thumb_02_on.png);}
.item-thumb .thumb-02 .off{background-image:url(../img/btn_header_slider_thumb_02_off.png);}
.item-thumb .thumb-03 .on{background-image:url(../img/btn_header_slider_thumb_03_on.png);}
.item-thumb .thumb-03 .off{background-image:url(../img/btn_header_slider_thumb_03_off.png);}
.item-thumb .thumb-04 .on{background-image:url(../img/btn_header_slider_thumb_04_on.png);}
.item-thumb .thumb-04 .off{background-image:url(../img/btn_header_slider_thumb_04_off.png);}
.item-thumb .actived > button {height:100%;}
.item-thumb .actived .on {height:100%;opacity:1;}
.item-thumb .actived .off {opacity:0;}

.item-thumb .btn-item-prev {border: 0;display:inline-block; margin:-80px 120px 0 0; right:100px; width:49px; height:87px; background:url(../img/btn_header_slider_prev.png) left top no-repeat; }
.item-thumb .btn-item-next {border: 0;display:inline-block; margin:-80px 0 0 120px; left:100px; width:49px; height:87px; background:url(../img/btn_header_slider_next.png) right top no-repeat; }

/*
.item-thumb .btn-item-prev {position:absolute; top:50%; left:14px; display:block; width:38px; height:68px; margin:-34px 0 0 0; border:none; background:url(../img/btn_header_slider_prev.png) left top no-repeat; z-index:5;}
.item-thumb .btn-item-next {position:absolute; top:50%; right:14px; display:block; width:38px; height:68px; margin:-34px 0 0 0; border:none; background:url(../img/btn_header_slider_next.png) left top no-repeat; z-index:5;}
*/




.aurora-event {position:relative; width:100%;text-align:center;}
.aurora-event h3{position:relative;width:100%;height:90px; vertical-align:middle; z-index:30; background:url(../img/hashtags.jpg) center no-repeat #ffff99;} 
#tab-content1{position:relative;width:100%;height:2620px;background:url(../img/event_tab_01.jpg) center top no-repeat;}
#tab-content2{position:relative;width:100%;height:1859px;background:url(../img/event_tab_02.jpg) center top no-repeat;}
#tab-content3{position:relative;width:100%;height:1695px;background:url(../img/event_tab_03.jpg) center top no-repeat;}


.content3 {position:relative;}
.content3 .btn-go01 {top:1562px; left:50%; width:300px;height:22px;margin-left:66px;}
.content3 .btn-go02 {top:1590px; left:50%; width:300px;height:22px;margin-left:66px;}
.content3 .btn-go03 {top:1620px; left:50%; width:300px;height:22px;margin-left:66px;}
.content3 .btn-go04 {top:1650px; left:50%; width:300px;height:22px;margin-left:66px;}



.yellow_best {position:relative; top:640px; width:100%; height:742px;background:url(../img/event_tab_01_2.jpg) center top no-repeat #a0d4eb;}
.banff_best  {position:relative; top:1117px; width:100%; height:742px;background:url(../img/event_tab_02_2.jpg) center top no-repeat #a0d4eb;}

.honeymoon{position:absolute; top:1005px; left:50%; width:800px; height:452px; z-index:100; margin-left:-400px; }
/*.honeymoon{position:absolute; top:1007px; left:50%; width:800px; height:452px; z-index:100; background-color:#1ec096; padding:2px; margin-left:-360px;}*/
/*.content2_2 {position:relative;width:100%; height:726px;background:url(../img/guam_event02.png) center top no-repeat #5ebe79;}*/
.yellow_best button[class^="btn-"] {left:50%;width:195px;height:135px;}
.yellow_best .btn-01 {top:170px;margin-left:0;}
.yellow_best .btn-02 {top:170px;margin-left:205px;}
.yellow_best .btn-03 {top:320px;margin-left:0;}
.yellow_best .btn-04 {top:320px;margin-left:205px;}
.yellow_best .btn-05 {top:475px;margin-left:0;}
.yellow_best .btn-06 {top:475px;margin-left:205px;}

.yellow_best .btn01-x {top:230px; left:340px; width:50px;height:50px;}
.yellow_best .btn02-x {top:230px; left:340px; width:50px;height:50px;}
.yellow_best .btn03-x {top:230px; left:340px; width:50px;height:50px;}
.yellow_best .btn04-x {top:230px; left:340px; width:50px;height:50px;}
.yellow_best .btn05-x {top:230px; left:340px; width:50px;height:50px;}
.yellow_best .btn06-x {top:230px; left:340px; width:50px;height:50px;}

.yellow_best .obj01 {position:absolute; top:166px; left:50%;  width:400px; height:446px; z-index:1; display:none; background:url(../img/yellow_best_001.jpg) left top no-repeat;}
.yellow_best .obj02 {position:absolute; top:166px; left:50%;  width:400px; height:446px; z-index:1; display:none; background:url(../img/yellow_best_002.jpg) left top no-repeat;}
.yellow_best .obj03 {position:absolute; top:166px; left:50%;  width:400px; height:446px; z-index:1; display:none; background:url(../img/yellow_best_003.jpg) left top no-repeat;}
.yellow_best .obj04 {position:absolute; top:166px; left:50%;  width:400px; height:446px; z-index:1; display:none; background:url(../img/yellow_best_004.jpg) left top no-repeat;}
.yellow_best .obj05 {position:absolute; top:166px; left:50%;  width:400px; height:446px; z-index:1; display:none; background:url(../img/yellow_best_005.jpg) left top no-repeat;}
.yellow_best .obj06 {position:absolute; top:166px; left:50%;  width:400px; height:446px; z-index:1; display:none; background:url(../img/yellow_best_006.jpg) left top no-repeat;}

.banff_best button[class^="btn-"] {left:50%;width:195px;height:135px;}
.banff_best .btn-01 {top:170px;margin-left:0;}
.banff_best .btn-02 {top:170px;margin-left:205px;}
.banff_best .btn-03 {top:320px;margin-left:0;}
.banff_best .btn-04 {top:320px;margin-left:205px;}
.banff_best .btn-05 {top:475px;margin-left:0;}
.banff_best .btn-06 {top:475px;margin-left:205px;}

.banff_best .btn01-x {top:230px; left:340px; width:50px;height:50px;}
.banff_best .btn02-x {top:230px; left:340px; width:50px;height:50px;}
.banff_best .btn03-x {top:230px; left:340px; width:50px;height:50px;}
.banff_best .btn04-x {top:230px; left:340px; width:50px;height:50px;}
.banff_best .btn05-x {top:230px; left:340px; width:50px;height:50px;}
.banff_best .btn06-x {top:230px; left:340px; width:50px;height:50px;}

.banff_best .obj01 {position:absolute; top:166px; left:50%; width:400px; height:446px; z-index:1; display:none; background:url(../img/banff_best_001.jpg) left top no-repeat;}
.banff_best .obj02 {position:absolute; top:166px; left:50%; width:400px; height:446px; z-index:1; display:none; background:url(../img/banff_best_002.jpg) left top no-repeat;}
.banff_best .obj03 {position:absolute; top:166px; left:50%; width:400px; height:808px; z-index:1; display:none; background:url(../img/banff_best_003.jpg) left top no-repeat;}
.banff_best .obj04 {position:absolute; top:166px; left:50%; width:400px; height:446px; z-index:1; display:none; background:url(../img/banff_best_004.jpg) left top no-repeat;}
.banff_best .obj05 {position:absolute; top:166px; left:50%; width:400px; height:446px; z-index:1; display:none; background:url(../img/banff_best_005.jpg) left top no-repeat;}
.banff_best .obj06 {position:absolute; top:166px; left:50%; width:400px; height:588px; z-index:1; display:none; background:url(../img/banff_best_006.jpg) left top no-repeat;}





.canada-event {position:relative;width:100%; height:727px;background:url(../img/canada_event.png) center top no-repeat #5ebe79;}



.tab-list-wrap {height:225px;background:#00c195 url(../img/event_tab_bg.png) center bottom no-repeat;}
.tab-list {position:relative; width:800px;height:100%;margin: 0 auto;padding-top:0; text-align:center;font-size:0;}
.tab-list > li {display:inline-block;position:relative;height:100%;vertical-align:top;}
.tab-list > li > button .icon {position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:2;transition:transform 0.65s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.tab-list > li > button .icon .actived {position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:left top;z-index:3;opacity:0;transition:opacity 0.35s ease;}
.tab-list > li > button .icon .default {position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:left top;z-index:1;opacity:1;transition:opacity 0.35s ease;}
.tab-list > li > button {position:absolute; left:0; top:0; width:100%; height:100%;border:none;background:none;}
.tab-list > li > button .txt {position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1;}
.tab-list > li > button .txt .actived {position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:left top;z-index:3;opacity:0;transition:opacity 0.35s ease;}
.tab-list > li > button .txt .hover {position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:left top;z-index:2;opacity:0;transition:opacity 0.35s ease;}
.tab-list > li > button .txt .default {position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:left top;z-index:1;opacity:1;transition:opacity 0.35s ease;}
.tab-list > li > button:hover .icon {transform: translate(0px, -15px);}
.tab-list > li > button:hover .txt .hover{opacity:1;}
.tab-list .active .icon {transform: translate(0px, 0px);}
.tab-list .active .icon .actived {opacity:1;}
.tab-list .active .icon .default {opacity:0;}
.tab-list .active .txt .actived {opacity:1;}
.tab-list .active .txt .hover {opacity:0;}
.tab-list .active .txt .default {opacity:0;}
.tab-list .tab-item-01 {width:263px;}
.tab-list .tab-item-01 .icon .actived {background-image:url(../img/tab_01_icon_active.png);}
.tab-list .tab-item-01 .icon .default {background-image:url(../img/tab_01_icon.png);}
.tab-list .tab-item-01 .txt .actived {background-image:url(../img/tab_01_active.png);}
.tab-list .tab-item-01 .txt .hover {background-image:url(../img/tab_01_hover.png);}
.tab-list .tab-item-01 .txt .default {background-image:url(../img/tab_01.png);}
.tab-list .tab-item-02 {width:275px;}
.tab-list .tab-item-02 .icon .actived {background-image:url(../img/tab_02_icon_active.png);}
.tab-list .tab-item-02 .icon .default {background-image:url(../img/tab_02_icon.png);}
.tab-list .tab-item-02 .txt .actived {background-image:url(../img/tab_02_active.png);}
.tab-list .tab-item-02 .txt .hover {background-image:url(../img/tab_02_hover.png);}
.tab-list .tab-item-02 .txt .default {background-image:url(../img/tab_02.png);}
.tab-list .tab-item-03 {width:262px;}
.tab-list .tab-item-03 .icon .actived {background-image:url(../img/tab_03_icon_active.png);}
.tab-list .tab-item-03 .icon .default {background-image:url(../img/tab_03_icon.png);}
.tab-list .tab-item-03 .txt .actived {background-image:url(../img/tab_03_active.png);}
.tab-list .tab-item-03 .txt .hover {background-image:url(../img/tab_03_hover.png);}
.tab-list .tab-item-03 .txt .default {background-image:url(../img/tab_03.png);}



.canada_bn {width: 100%; margin: 0 auto; background: #132a2f;}





.tab-pannel {display:none;}
.tab-pannel.active {display:block;}