@charset "utf-8";
/* --- All --- */
html,body{height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,table,input,textarea,button,select{font-family:나눔고딕,NanumGothic,돋움,Dotum,Arial,Helvetica,sans-serif}
@media all and (min-width:768px){
@font-face{font-family:NG;src:url(/2012/xe/font/NanumGothic.eot);src:local(※),url(/2012/xe/font/NanumGothic.woff) format('woff')}
body,table,input,textarea,button,select{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif}
}
body{margin:0;-webkit-text-size-adjust:none;min-width:320px;word-wrap:break-word}
a img{border:0}
input[type="submit"],button{cursor:pointer}
menu{margin:0;padding:0}
fieldset{border:0;margin:0;padding:0}
/* Layout */
.head,.body,.foot,.main .info .list,.main .sph,.main .body .list section,.main .body .list .cr,.rInfo li,.sni{zoom:1}
.head:after,.body:after,.foot:after,.main .info .list:after,.main .sph:after,.main .body .list section:after,.main .body .list .cr:after,.rInfo li:after,.sni:after{content:"";display:block;clear:both}
.container{margin:0 15px}
.body{outline:0}
/* Image Sprite */
.head nav .tog,.main .info nav a,.main .info menu button i,.main .body .list button i,.foot .sns,.rForm .es,.sCaption .i,.sTime .i{background-image:url(/images/2012/xe/layouts/deview2012_main/icon.sprite.png);background-repeat:no-repeat}
/* Transition */
body,.main .body .list button{-webkit-transition:.5s ease-out;-moz-transition:.5s ease-out;-o-transition:.5s ease-out;-ms-transition:.5s ease-out}
.main .body .list .thumb{-webkit-transition:width .5s, height .5s;-moz-transition:width .5s, height .5s;-o-transition:width .5s, height .5s;-ms-transition:width .5s, height .5s}
/* Head */
.head{position:relative;z-index:2}
.head h1 a{display:block}
.head nav{white-space:nowrap}
.head nav ul{padding:0;list-style:none}
.head nav a,.head nav strong{text-decoration:none;font-weight:bold;color:#203042;letter-spacing:-0.05em}
/* Foot */
.foot{padding:28px 0 62px 0}
.foot .copy{margin:0;line-height:22px;color:#636363}
.foot .copy *{vertical-align:middle}
.foot .copy em{font-style:normal;color:#0693dc;margin:0 0 0 7px}
.foot .cp{font-family:Verdana, Geneva, sans-serif;color:#333;margin:0 9px 0 0;font-size:9px}
.foot .cp *{vertical-align:baseline}
.foot .cp i{font-style:normal}
.foot .cp a{color:#444;text-decoration:none;font-weight:bold}
.foot .cp a:visited{color:#666}
.foot .cp a:hover,
.foot .cp a:active,
.foot .cp a:focus{text-decoration:underline;color:#009bc8}
.foot .sns{display:inline-block;width:22px;height:0;padding:22px 0 0 0;overflow:hidden}
.foot .tw{background-position:0 -100px}
.foot .fb{background-position:-50px -100px}
.foot .m2{background-position:-100px -100px}
.foot .past{position:relative;height:0;line-height:22px;text-align:right;margin:-22px 0 0 0;color:#767676;font-size:11px;font-weight:bold}
/* Select */
.select{position:relative;line-height:normal;display:inline-block;*display:inline;vertical-align:middle;background:#fff;*zoom:1;text-align:left}
.select *{margin:0;padding:0;cursor:pointer;font-size:13px}
.select .myValue{position:relative;z-index:2;left:0;top:0;border:1px solid #d6d6d6;color:#666;line-height:19px;_line-height:normal;text-align:left;overflow:visible;background:transparent}
.select .myValue.selected{font-weight:bold}
.select.open .myValue,
.select .myValue.outLine{border:1px solid #999}
.select button.myValue{height:23px;width:100%;text-indent:10px;*text-indent:0;*padding-left:5px}
.select div.myValue{height:21px;text-indent:10px}
.select .ctrl{position:absolute;top:0;right:0;width:20px;height:21px;border:1px solid #bababa;border-left:1px solid #e7e7e7;background:#f8f8f8}
.select .arrow{position:absolute;width:0;height:0;top:9px;right:7px;line-height:0;font-size:0;border-top:3px solid #126adf;border-left:3px solid #f8f8f8;border-right:3px solid #f8f8f8}
.select ul{top:22px;left:0;margin:0 !important;padding:0 !important;width:100%;list-style:none;border:0;border-top:1px solid #bababa;border-bottom:1px solid #bababa;background:#fff;overflow:hidden}
.select ul.aList{display:none}
.select.open ul.aList{display:block}
.select ul.iList{left:-2000%}
.select.open ul.iList{left:0}
.select li{position:relative;overflow:hidden;white-space:nowrap;height:22px;border-left:1px solid #bababa;border-right:1px solid #bababa}
.select li input.option{position:absolute;width:100%;height:20px;line-height:20px}
.select li label{position:absolute;left:0;top:0;width:100%;text-indent:10px;*text-indent:8px;height:22px;line-height:22px;color:#767676;background:#fff}
.select li a{display:block;text-indent:10px;*text-indent:6px;height:22px;line-height:22px;color:#767676;background:#fff;text-decoration:none;font-weight:normal}
.select li.hover *{background:#999;color:#fff}
.foot .select{margin:0 0 0 5px}
.foot .select ul{top:auto;bottom:22px}
.foot .select .arrow{border-top:0;border-bottom:3px solid #126adf}
/* Button */
.btn{border-radius:1px;color:#fff !important;text-decoration:none !important;font-weight:bold;display:inline-block;*display:inline;padding:4px 15px 4px;margin:0;font-size:13px;line-height:18px;*line-height:20px;text-align:center;text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);vertical-align:middle;cursor:pointer;background-color:#484848;*background-color:#484848;background-image:-ms-linear-gradient(top, #6f6f6f, #484848);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#6f6f6f), to(#484848));background-image:-webkit-linear-gradient(top, #6f6f6f, #484848);background-image:-o-linear-gradient(top, #6f6f6f, #484848);background-image:-moz-linear-gradient(top, #6f6f6f, #484848);background-image:linear-gradient(top, #6f6f6f, #484848);background-repeat:repeat-x;border:1px solid #757474;*border:0;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#6f6f6f', endColorstr='#484848', GradientType=0);*zoom:1;*overflow:visible}
.btn-regist{line-height:17px;border-color:#1472e5;background-color:#0d6ce2;background-image:-ms-linear-gradient(top, #569aee, #0d6ce2);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#569aee), to(#0d6ce2));background-image:-webkit-linear-gradient(top, #569aee, #0d6ce2);background-image:-o-linear-gradient(top, #569aee, #0d6ce2);background-image:-moz-linear-gradient(top, #569aee, #0d6ce2);background-image:linear-gradient(top, #569aee, #0d6ce2);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#569aee', endColorstr='#0d6ce2', GradientType=0)}
.btn-share{margin:20px 0 40px !important}
.btn-share a{text-indent:10px;font-size:11px;font-weight:bold;color:#fff !important;text-decoration:none !important;display:inline-block;line-height:27px;background-image:url(/images/2012/xe/layouts/deview2012_main/btn.replay.png);background-repeat:no-repeat}
.btn-slide{width:100px;background-position:0 0}
.btn-replay{width:82px;background-position:-100px 0}
/* Main */
.main .info,
.main .info .list,
.main .info .i,
.main .info menu button{overflow:hidden}
.main .info nav,
.main .info menu{position:absolute;width:100%}
.main .info{position:relative;z-index:1;background:#fff;margin:0 -15px;box-shadow:0 -2px 4px #bbb;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd, direction=0, strength=5);zoom:1}
.main .info .list{width:300%;position:relative;z-index:1;left:-100%;background:url(/images/2012/xe/layouts/deview2012_main/main.info.bg.gif) no-repeat center;background-size:cover}
.main .info .i{position:relative;float:left;width:33.334%;margin-right:-0.001%}
.main .info .i#i3{background:url(/images/2012/xe/layouts/deview2012_main/main.info.bg6.gif) no-repeat center;background-size:cover}
.main .info .t{overflow:hidden;text-align:center;color:#fff;line-height:1;letter-spacing:-0.1em}
.main .info .t2 a{color:#fff;font-weight:bold}
.main .info menu{z-index:2;top:0}
.main .info menu button{position:absolute;top:0;border:0;background:none !important;opacity:.3;filter:alpha(opacity=30);overflow:hidden;outline:0;zoom:1}
.main .info menu button.focus,
.main .info menu button:hover,
.main .info menu button:active,
.main .info menu button:focus{opacity:1;filter:alpha(opacity=100)}
.main .info menu button i{position:absolute;display:block;width:17px;height:36px}
.main .info menu .prev{left:0}
.main .info menu .prev i{background-position:-100px 0}
.main .info menu .next{right:0}
.main .info menu .next i{background-position:-150px 0}
.main .info nav{z-index:3}
.main .info nav ul{position:absolute;width:100%;text-align:center;margin:0;padding:0;list-style:none;white-space:nowrap}
.main .info nav li{display:inline;margin:0 -4px 0 0}
.main .info nav a{display:inline-block;width:16px;height:0;padding:16px 0 0 0;overflow:hidden;background-position:4px -46px}
.main .info nav li.active a{background-position:-46px -46px}
.main .info .time .dDay,
.main .info .time i{background:url(/images/2012/xe/layouts/deview2012_main/main.dDay.bg.png) no-repeat}
.main .info .time{position:absolute;width:167px;height:37px;z-index:3;margin:0}
.main .info .time i{position:absolute;top:17px;right:10px;width:167px;height:3px;background-position:0 -37px;overflow:hidden;opacity:.5;filter:alpha(opacity=50)}
.main .info .dDay{position:absolute;right:0;top:0;display:block;width:177px;height:37px;color:#fff;white-space:nowrap;word-wrap:normal;font-family:Helvetica, Arial, sans-serif;background-position:right 0}
.main .info .dDay .countdown_section{position:relative;margin:0 10px 0 0}
.main .info .dDay .countdown_amount{text-indent:3px;letter-spacing:5px;display:inline-block;width:49px;font-size:35px;line-height:37px;text-shadow:1px 1px 0 #666;text-align:center} 
.main .info .dDay .labels{position:absolute;font-size:10px;line-height:1;font-weight:bold;top:-31px;right:0;text-transform:lowercase}
.main .sph h1{float:left;color:#333;margin:0;font-size:16px}
.main .sph em{font-size:14px;font-style:normal;color:#7d7d7d}
.main .sph .current{color:#126adf}
.main .sph .more{float:right;margin:0;font-size:13px}
.main .sph .more a{color:#126adf;text-decoration:none}
.main .sph .more a:hover,
.main .sph .more a:active,
.main .sph .more a:focus{text-decoration:underline}
.main .sph .more i{color:#126adf;font:normal 12px Tahoma, Geneva, sans-serif}
.main .body .list{position:relative;overflow:hidden}
.main .body .list .cr{position:relative;z-index:1}
.main .body .list .i{position:relative}
.main .body .list .thumb{position:relative;border:1px solid #c2c2c2;float:left}
.main .body .list .time{font-size:12px;margin:0 0 5px 0}
.main .body .list h1{margin:0 0 10px 0;letter-spacing:-0.06em;font-weight:normal}
.main .body .list h1 a{color:#126adf;text-decoration:none}
.main .body .list h1 a:hover,
.main .body .list h1 a:active,
.main .body .list h1 a:focus{text-decoration:underline}
.main .body .list .tx{font-size:13px;line-height:1.6;margin:0 0 4px 0;color:#636363;letter-spacing:-0.06em}
.main .body .list .speaker{font-size:12px;margin:0;letter-spacing:-0.06em}
.main .body .list .speaker strong{font-size:13px}
.main .body .list .speaker b{color:#e2e2e2;margin:0 1px}
.main .body .list menu{position:absolute;top:0;left:0;width:100%;z-index:2}
.main .body .list menu button{position:absolute;top:0;width:70px;height:576px;line-height:576px;padding:0;margin:0;text-align:center;overflow:hidden;white-space:nowrap;font-size:0;border:0;outline:0;background:none;zoom:1;opacity:.1;filter:alpha(opacity=10);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"}
.main .body .list menu button.focus{opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
.main .body .list menu button i{position:absolute;top:259px;top:auto\0/;width:44px;height:44px}
.main .body .list .prev{left:0;text-align:left}
.main .body .list .next{right:0;text-align:right}
.main .body .list .prev i{left:10px;background-position:-100px -50px}
.main .body .list .next i{right:10px;background-position:-150px -50px}
/* --- Mobile --- */
body{border-top:1px solid #126ADF}
.skip{display:none}
.head h1{margin:15px 0 13px 0;float:left}
.head h1 img{width:85px;height:38px;display:block}
.head nav{position:absolute;top:66px;right:0;width:100%}
.head nav .tog{position:absolute;top:-50px;right:0;border:0;background-color:transparent;width:40px;height:30px;background-position:0 0;overflow:hidden;text-indent:40px;font-size:0}
.head nav .tog.active{background-position:-50px 0}
.head nav ul{display:none;background:#eff2f5;border:1px solid #c1c3c5;border-left:0;border-right:0;padding:10px 15px;margin:0 -15px;box-shadow:0 1px 3px #999}
.head nav li{border-top:1px solid #c7cfda;margin:-2px 0}
.head nav li:first-child{border:0}
.head nav a,
.head nav strong{display:block;font-size:14px;line-height:44px;padding:0 10px}
.head nav strong{position:relative;margin:-2px 0 0 0;z-index:10;background:#126adf;color:#fff;border:1px solid #2382be;border-radius:2px}
.head nav a strong{margin:0 -10px}
.foot{margin:50px -15px 0 -15px;padding-left:15px;padding-right:10px;border-top:1px solid #d4d4d4}
.foot .past{display:none}
.foot .copy{text-align:right}
.foot .cp{float:left}
.foot .cp i{margin:0 -3px 0 0}
.foot .hi{display:none}
.main .info,
.main .info .list,
.main .info .i,
.main .info menu button{height:240px}
.main .info .i{background-size:1px 720px}
.main .info .t{height:240px;background-size:auto 720px}
.main .info .t2{margin:100px 35px 72px 35px;font-size:18px;line-height:1.2}
.main .info .t2 span{font-size:12px;display:block;margin:15px 0 0 0}
.main .info .t1,
.main .info .t3,
.main .info .t4{display:none}
.main .info #i3 .t2{margin-top:90px}
.main .info #i3 .t2 img{display:none;position:absolute;top:70px;left:50%;width:34px;height:auto;margin:0 0 0 -17px}
.main .info #i3 .t2 span{margin-top:20px}
.main .info menu button{width:60px;padding:240px 0 0 0}
.main .info menu button i{top:102px}
.main .info menu .next i{right:15px}
.main .info menu .prev i{left:15px}
.main .info nav ul{top:210px}
.main .info .time{right:50%;margin:0 -94px 0 0;top:20px}
.main .sph{margin:0 -15px 15px -15px;padding:0 15px;background:#f7f7f7;border-top:1px solid #b0b0b0;border-bottom:1px solid #dfdfdf}
.main .sph h1,.main .sph .more{line-height:46px}
.main .sph em{display:none}
.main .body .list .more{position:relative;float:left;width:66%;height:44px;line-height:44px;border:1px solid #ccc;margin:0 -4px 15px 0;padding:0;background:#f8f8f8;font-size:14px;color:#333}
.main .body .list .more i{display:inline-block;width:0;height:0;overflow:hidden;border:3px solid #f8f8f8;border-top:3px solid #126adf;vertical-align:middle}
.main .body .list .goTop{float:right;display:block;width:34%;height:42px;line-height:42px;border:1px solid #ccc;margin:0 0 15px 0;padding:0;background:#f8f8f8;font-size:14px;text-align:center;text-decoration:none;color:#333}
.main .body .list .goTop i{display:inline-block;width:0;height:0;overflow:hidden;border:3px solid #f8f8f8;border-bottom:3px solid #126adf;vertical-align:middle;position:relative;top:-3px}
.main .body .list menu{display:none}
.main .body .list section{margin:0 0 15px 0;padding:0 0 0 115px}
.main .body .list .thumb{width:98px;height:98px;margin:0 -115px 0 0;left:-115px}
.main .body .list h1{font-size:14px}
.main .body .list .tx{display:none}
/* --- Tablet & Desktop --- */
@media all and (min-width:768px){
body{border-top:5px solid #126ADF}
.skip{display:block;margin:0;position:relative;z-index:3}
.skip a{display:block;height:1px;line-height:100px;margin:0 0 -1px 0;background:#fff;color:#000;font-size:24px;font-weight:bold;overflow:hidden;text-align:center;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
.skip a:active,
.skip a:focus{height:100px;margin-bottom:-100px}
.head h1{float:left;margin:20px 0}
.head h1 img{width:135px;height:60px}
.head nav{position:static;float:right;margin:12px 0 0 0;width:auto}
.head nav .tog{display:none}
.head nav ul{display:block !important;background:none;border:0;padding:0;margin:0;box-shadow:none}
.head nav li{display:inline;margin:0 0 0 34px;border:0}
.head nav a,
.head nav strong{display:inline-block;font-size:18px;line-height:88px;padding:0}
.head nav a:hover,
.head nav a:active,
.head nav a:focus,
.head nav strong{background:none;border:0;margin:0;color:#126adf}
.head nav a strong{margin:0}
.fhr{background:#fff;height:60px;margin:0 -15px;box-shadow:0 2px 3px #bbb;filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=180, strength=3);zoom:1}
.foot{border:0;margin:0;padding-left:0;padding-right:0}
.foot .past{display:block}
.foot .copy{font-size:11px;text-align:left}
.foot .cp{float:none;font-size:9px}
.foot .cp i{margin:0}
.foot .cpTog{font-size:9px}
.foot .snsTog{font-size:11px}
.main .info,
.main .info .list,
.main .info .i,
.main .info menu button{height:400px}
.main .info .i{background-size:auto}
.main .info .t{height:400px;background-size:auto}
.main .info .t br{display:none}
.main .info .t1{display:block;margin:140px 0 9px 0}
.main .info .t2{margin:0 0 50px 0 !important;font-size:25px}
.main .info .t3{display:block;margin:0 0 8px 0;font-size:17px}
.main .info .t4{display:block;margin:0;font-size:14px}
.main .info .t2 span{margin:5px 0 0 0 !important;font-size:14px}
.main .info #i3 .t2{margin:160px 0 0 0 !important;font-size:35px;letter-spacind:-1px}
.main .info #i3 .t2 img{display:block;top:80px;width:57px;height:auto;margin:0 0 0 -28px}
.main .info #i3 .t2 span{font-size:20px}
.main .info{margin-bottom:30px}
.main .info menu button{width:120px;padding:400px 0 0 0}
.main .info menu button i{top:182px}
.main .info menu .next i{right:50px}
.main .info menu .prev i{left:50px}
.main .info nav ul{top:370px}
.main .info .time{right:15px;margin:0;top:30px}
.main .sph{margin:0;padding:0;background:none;border:0}
.main .sph h1,
.main .sph .more{line-height:36px}
.main .sph em{display:inline}
.main .body .list menu{display:block}
.main .body .list{padding:30px 0 0;border:1px solid #ededed}
.main .body .list .cr{width:300%;left:-100%}
.main .body .list .i{float:left;width:33.34%;margin:0 -.01%}
.main .body .list .more,
.main .body .list .goTop{display:none}
.main .body .list section{padding:0 95px 0 210px;margin:0 0 30px 0}
.main .body .list .thumb{width:150px;height:150px;left:-180px;margin:0 -152px 0 0}
.main .body .list h1{font-size:18px}
.main .body .list .tx{display:block}
}
/* --- Desktop --- */
@media all and (min-width:990px){
/* Layout */
.head,.body,.foot{width:960px;margin:0 auto}
.foot .hi{display:inline}
/* Main */
.main .info .time,
.main .info nav,
.main .info menu{left:50%;width:960px;margin:0 0 0 -480px}
}