*{margin:0;padding:0; font-family:"¸¼Àº°íµñ","Malgun Gothic","µ¸¿ò",Dotum;}
img{ display:inline-block; vertical-align:middle;}
.teaser {overflow:hidden;}
.teaser .quick {position:fixed;right:4%;bottom:10%;z-index:100;}
.teaser .quick > a {display:block; text-align:right}

.wifi {display:block;overflow:hidden;width:71px;padding-top:33px;text-align:center}
.wifi .icon.i01 {display:inline-block;width:13px;height:13px;border-radius:50%;opacity:0.3}
.wifi .icon.i02 {display:block;position:absolute;top:17px;left:0;width:100%;height:21px;opacity:0.3}
.wifi .icon.i03 {display:block;position:absolute;top:0;left:0;width:100%;height:21px;opacity:0.3}

.cnt_1 {background:url('images/bg_cnt_01.jpg') 50% 50% no-repeat}
.cnt_1 .inner {position:relative;width:1080px;height:727px;margin:0 auto}
.cnt_1 .title {position:absolute;left:0;left:0;z-index:10}
.cnt_1 .tablet {position:absolute;bottom:0;left:50%;z-index:2;margin-left:-839px}
.cnt_1 .item01 {position:absolute;bottom:184px;right:154px;z-index:2}
.cnt_1 .item02 {position:absolute;bottom:90px;right:204px;z-index:1}
.cnt_1 .item03 {position:absolute;bottom:0;right:-53px;z-index:3}

.cnt_2 {background:url('images/bg_cnt_02.jpg') 0 0 repeat-x}
.cnt_2 .inner {position:relative;width:1080px;margin:0 auto}
.cnt_2 .wifi {position:absolute;top:62px;left:505px}
.cnt_2 .wifi .icon.i01 {background-color:#ea505b}
.cnt_2 .wifi .icon.i02 {background:url(images/wifi01_01.png) 50% 0 no-repeat}
.cnt_2 .wifi .icon.i03 {background:url(images/wifi01_02.png) 50% 0 no-repeat}

.cnt_3 {border-top:1px solid #f3f2f7}
.cnt_3 .inner {position:relative;width:1080px;height:758px;margin:0 auto}
.cnt_3 .img_cnt {position:absolute;top:0;left:0;z-index:1}
.cnt_3 .wifi {position:absolute;top:74px;left:532px;z-index:0}
.cnt_3 .wifi .icon.i01 {background-color:#d1cbf6}
.cnt_3 .wifi .icon.i02 {background:url(images/wifi02_01.png) 50% 0 no-repeat}
.cnt_3 .wifi .icon.i03 {background:url(images/wifi02_02.png) 50% 0 no-repeat}

.cnt_4 {background-color:#fef4f5}
.cnt_4 .inner {position:relative;width:1080px;height:914px;margin:0 auto}
.cnt_4 .img_cnt {position:absolute;top:0;left:0;z-index:1}
.cnt_4 .wifi {position:absolute;top:58px;left:542px;z-index:0}
.cnt_4 .wifi .icon.i01 {background-color:#f6cbce}
.cnt_4 .wifi .icon.i02 {background:url(images/wifi03_01.png) 50% 0 no-repeat}
.cnt_4 .wifi .icon.i03 {background:url(images/wifi03_02.png) 50% 0 no-repeat}

.cnt_5 {background-color:#43465f}
.cnt_5 .inner {position:relative;width:1080px;height:1061px;margin:0 auto}
.cnt_5 .img_cnt {position:absolute;top:0;left:0;z-index:1}
.cnt_5 .wifi {position:absolute;top:74px;left:445px;z-index:0}
.cnt_5 .wifi .icon.i01 {background-color:#6b71aa}
.cnt_5 .wifi .icon.i02 {background:url(images/wifi04_01.png) 50% 0 no-repeat}
.cnt_5 .wifi .icon.i03 {background:url(images/wifi04_02.png) 50% 0 no-repeat}

.cnt_6 {background-color:#4e2bac}
.cnt_6 .inner {width:1080px;margin:0 auto}
.cnt_6 .btn_area {overflow:hidden;padding:0 26px 115px 26px;}
.cnt_6 .btn_area a {display:block;float:left;margin-left:30px;}
.cnt_6 .btn_area a:first-child {margin-left:0}

.cnt_7 > .inner {width:1080px;margin:0 auto;padding-bottom:120px;}
.cnt_7 .top_title {position:relative;width:1080px;height:484px;}
.cnt_7 .img_cnt {position:absolute;top:0;left:0;z-index:1}
.cnt_7 .wifi {position:absolute;top:73px;left:422px;z-index:0}
.cnt_7 .wifi .icon.i01 {background-color:#f6cbce}
.cnt_7 .wifi .icon.i02 {background:url(images/wifi03_01.png) 50% 0 no-repeat}
.cnt_7 .wifi .icon.i03 {background:url(images/wifi03_02.png) 50% 0 no-repeat}

.cnt_7 .list_price .chk_label {width:60px}
.cnt_7 .wrap_order .left .inner {height:137px}
.cnt_7 .order_guide {margin-top:10px}

.cnt_7 .tab_list {overflow:hidden;margin-bottom:36px}
.cnt_7 .tab_list li {float:left;border-left:1px solid #999;background-color:#b4b4b4}
.cnt_7 .tab_list li:first-child {border:0 none}
.cnt_7 .tab_list li.active {background-color:#4e2bac}
.cnt_7 .tab_list a {display:block;}
.cnt_7 a:hover {text-decoration:none;}



/* keyframe */
.cnt_1 .item01 {
	-webkit-animation:item01_ani 0.5s ease-in infinite alternate;
	-moz-animation:item01_ani 0.5s ease-in infinite alternate;
	animation:item01_ani 0.5s ease-in infinite alternate;
}
.cnt_1 .item02 {
	-webkit-animation:item02_ani 0.5s ease-in infinite alternate;
	-moz-animation:item02_ani 0.5s ease-in infinite alternate;
	animation:item02_ani 0.5s ease-in infinite alternate;
}

@-webkit-keyframes item01_ani{
	0% {opacity:0.4;bottom:184px;right:154px}
	100% {opacity:1;bottom:194px}
}
@-moz-keyframes item01_ani{
	0% {opacity:0.4;bottom:184px;right:154px}
	100% {opacity:1;bottom:194px}
}
@keyframes item01_ani{
	0% {opacity:0.4;bottom:184px;right:154px}
	100% {opacity:1;bottom:194px}
}
@-webkit-keyframes item02_ani{
	0% {opacity:0.4;bottom:90px;right:204px}
	100% {opacity:1;bottom:80px;right:214px}
}
@-moz-keyframes item02_ani{
	0% {opacity:0.4;bottom:90px;right:204px}
	100% {opacity:1;bottom:80px;right:214px}
}
@keyframes item02_ani{
	0% {opacity:0.4;bottom:80px;right:204px}
	100% {opacity:1;bottom:70px;right:214px}
}