@import url('/kr/css/webfont.css');

/*common*/
.ib{display:inline-block}
.preload{position:absolute;top:-9999px;}
.wa{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}
.sns-bns{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}
.clfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.vjs-control-bar,
.vjs-loading-spinner,
.vjs-text-track-display,
.vjs-big-play-button{display:none}
.sns-bns{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}
/*button*/
.common_btn{text-align:center;}
.common_btn a{display:inline-block;width:210px;height:45px;font-size:0;text-indent:-9999px;vertical-align:top;background-image:url(../img/common_button.png);background-repeat:no-repeat;}
.common_btn a:nth-child(2){margin:0 9px;}
.btn_download{background-position: -215px 0}
.btn_download:hover{background-position: -215px -55px}
.btn_sec{background-position: -215px -130px;}
.btn_sec:hover{background-position: -215px -185px}
.btn_video{background-position: 0 -130px;}
.btn_video:hover{background-position: 0 -185px}


/*Common*/
#content {position:relative;min-width:1280px;margin:0 auto;overflow:hidden;line-height:28px;font-family:'samsungonekorean400';font-size:16px;color:#222;letter-spacing:-0.5px;background:url(../img/pattern.jpg) repeat;}
.footer_wrap{position:relative;}
.section{position:relative;width:100%;overflow:hidden;text-align:center;box-sizing:border-box}
.layout{position:relative;width:1280px;height:100%;margin:0 auto;box-sizing:border-box}

.section .sec_bg{position:absolute;top:0;left:50%;z-index:0;width:1600px;margin-left:-800px;text-align:center;opacity:1;}
.section h3{margin-bottom:28px;text-align:center;}
.section dl{opacity:0;}
.section dt{margin-bottom:32px;font-size:24px;}
.section .illust{position:relative;width:1280px;}
.section .illust li{position:absolute;cursor:pointer;z-index:9;}
.section .illust li:hover{z-index:10;}

.outro .outro_msg,
.outro .outro_name,
.outro .outro_txt,
.common_btn{position:relative;z-index:5;}

.cover{width:100%;}
.cover .layout{height:936px;padding:146px 0 0 0;box-sizing:border-box;}
.cover strong{font-size:24px;font-family:'samsungonekorean600';color:#222;}
.cover h2{position:relative;width:1119px;margin:79px auto 61px auto;padding-bottom:55px;text-align:center;}
.cover h2 span{display:inline-block;width:0;height:22px;position:absolute;bottom:0;left:0;}
.cover h2 .underline01{background:url(../img/underline01.png) no-repeat;}
.cover h2 .underline02{background:url(../img/underline02.png) no-repeat;}
.cover p{opacity:0;font-size:18px;line-height:32px;}

.section01{margin-bottom:59px;color:#4f300d;}
.section02{margin-bottom:70px;color:#242f24;}
.section03{margin-bottom:40px;color:#3b3248;}

.section01 .illust{height:1019px;background:url(../img/bg_illust01.gif) no-repeat;}
.section02 .illust{height:1062px;background:url(../img/bg_illust02.gif) no-repeat;}
.section03 .illust{height:1084px;background:url(../img/bg_illust03.gif) no-repeat;}

.illust .ani_dorm01{top:200px;left:105px;width:524px;height:350px;background:url(../img/gif/Ani_Web_Kor_AX7000_D.gif) no-repeat;}
.illust .ani_dorm01:hover{background-image:url(../img/gif/Ani_Web_Kor_AX7000_O.gif);}
.illust .ani_dorm02{top:0px;right:44px;width:396px;height:424px;background:url(../img/gif/Ani_Web_Kor_SerifTV_D.gif) no-repeat;}
.illust .ani_dorm02:hover{background-image:url(../img/gif/Ani_Web_Kor_SerifTV_O.gif);}
.illust .ani_dorm03{top:499px;left:-8px;width:565px;height:211px;background:url(../img/gif/Ani_Web_Kor_Speaker_D.gif) no-repeat;}
.illust .ani_dorm03:hover{background-image:url(../img/gif/Ani_Web_Kor_Speaker_O.gif);}
.illust .ani_dorm04{top:630px;left:387px;width:460px;height:309px;background:url(../img/gif/Ani_Web_Kor_Bot_D.gif) no-repeat;}
.illust .ani_dorm04:hover{background-image:url(../img/gif/Ani_Web_Kor_Bot_O.gif);}


.illust .ani_campus01{top:45px;left:490px;width:438px;height:400px;background:url(../img/gif/Ani_Web_Kor_NB9_D.gif) no-repeat;}
.illust .ani_campus01:hover{background-image:url(../img/gif/Ani_Web_Kor_NB9_O.gif);}
.illust .ani_campus02{top:161px;right:81px;width:388px;height:282px;background:url(../img/gif/Ani_Web_Kor_SSD_D.gif) no-repeat;}
.illust .ani_campus02:hover{background-image:url(../img/gif/Ani_Web_Kor_SSD_O.gif);}
.illust .ani_campus03{top:417px;left:46px;width:575px;height:220px;background:url(../img/gif/Ani_Web_Kor_SPen_D.gif) no-repeat;}
.illust .ani_campus03:hover{background-image:url(../img/gif/Ani_Web_Kor_SPen_O.gif);}


.illust .ani_outdoor01{top:90px;left:180px;width:520px;height:466px;background:url(../img/gif/Ani_Web_Kor_S3_D.gif) no-repeat;}
.illust .ani_outdoor01:hover{background-image:url(../img/gif/Ani_Web_Kor_S3_O.gif);}
.illust .ani_outdoor02{top:297px;left:566px;width:737px;height:312px;background:url(../img/gif/Ani_Web_Kor_IconX_D.gif) no-repeat;}
.illust .ani_outdoor02:hover{background-image:url(../img/gif/Ani_Web_Kor_IconX_O.gif);}
.illust .ani_outdoor03{top:492px;left:-51px;width:600px;height:270px;background:url(../img/gif/Ani_Web_Kor_Beam_D.gif) no-repeat;}
.illust .ani_outdoor03:hover{background-image:url(../img/gif/Ani_Web_Kor_Beam_O.gif);}


.section .tit_sec{box-sizing: border-box;}
.section01 .tit_sec{height:561px;padding-top:113px;}
.section02 .tit_sec{height:535px;padding-top:152px;}
.section03 .tit_sec{height:504px;padding-top:135px;}

.outro{height:811px;padding-top:178px;font-size:18px;line-height:32px;color:#000;}
.outro .outro_msg{margin-bottom:10px;font-size:28px;line-height:40px;text-align:center;}
.outro .outro_msg p:first-child{padding-right:27px;}
.outro .outro_msg p:last-child{padding-left:22px;}
.outro .outro_msg span{display:inline-block;}
.outro .outro_msg p:first-child span{padding-left:27px;background:url(../img/quot01.png) no-repeat 0px 2px;}
.outro .outro_msg p:last-child span{padding-right:22px;background:url(../img/quot02.png) no-repeat 100% 5px;}
.outro .outro_name{margin-bottom:25px;font-size:15px;color:#222;text-align:center;}
.outro .outro_txt{opacity:0;}
.outro .common_btn{margin-top:40px;}

.pop_wrap{display:none;position:fixed;z-index:999999;top:0;left:0;width:100%;background:#fff;overflow:hidden;}
.pop_wrap > div{position:relative;top:50%;width:1280px;height:760px;margin:-380px auto 0 auto;}
.pop_wrap .pop_close{position:absolute;top:6px;right:5px;z-index:100;}
.pop_wrap dl{display:none;position:relative;width:100%;height:100%;box-sizing:border-box;}
.pop_wrap dt{margin-bottom:20px;}
.pop_wrap dd{font-size:16px;line-height:28px;color:#222;}
.pop_wrap dd .annotation{margin-top:25px;font-size:12px;line-height:22px;color:#222;}
.pop_wrap dd strong{display:block;margin-bottom:28px;font-size:18px;}
.pop_wrap dt,
.pop_wrap .pop_desc{position:relative;z-index:6}
.pop_wrap .decoration img{position:absolute;z-index:5;}
.pop_wrap .change_image{position:absolute;z-index:4;}
.pop_wrap .change_image p{position:absolute;left:0;top:0;transition:all 1.4s 0s ease-in;}
.pop_wrap .change_image p:first-child{opacity:1;}/*transform:scale(1)*/
.pop_wrap .change_image p:last-child{opacity:0;}/*transform:scale(0.3)*/
.pop_wrap .change_image.on p:first-child{opacity:0;}/*transform:scale(0.3)*/
.pop_wrap .change_image.on p:last-child{opacity:1;}/*transform:scale(1)*/

.pop_ax7000{padding:206px 0 0 682px;}
.pop_ax7000 dd strong{color:#b86203;}
.pop_ax7000 .decoration img:nth-child(1){top:137px;left:73px;}
.pop_ax7000 .decoration img:nth-child(2){top:530px;left:23px;}
.pop_ax7000 .decoration img:nth-child(3){bottom:0;right:136px;}
.pop_ax7000 .change_image{top:29px;left:274px;z-index:7}

.pop_seriftv{padding:159px 0 0 91px;}
.pop_seriftv dd strong{color:#b86203;}
.pop_seriftv .decoration img:nth-child(1){bottom:93px;left:41px;}
.pop_seriftv .decoration img:nth-child(2){bottom:73px;left:414px;}
.pop_seriftv .decoration img:nth-child(3){bottom:0;right:136px;}
.pop_seriftv .change_image{top:117px;left:742px;}

.pop_speaker{padding:152px 0 0 74px;}
.pop_speaker dd strong{color:#b86203;}
.pop_speaker .decoration img:nth-child(1){top:480px;left:44px;}
.pop_speaker .decoration img:nth-child(2){top:485px;left:877px;}
.pop_speaker .change_image{top:82px;left:640px;}

.pop_bot{padding:493px 0 0 0;width:100%;text-align:center;}
.pop_bot dd strong{color:#b86203;}
.pop_bot .decoration img:nth-child(1){top:157px;left:28px;}
.pop_bot .decoration img:nth-child(2){top:482px;left:163px;}
.pop_bot .decoration img:nth-child(3){top:491px;left:987px;}
.pop_bot .change_image{top:35px;left:239px;}

.pop_notebook9{padding:476px 0 0 0;width:100%;text-align:center;}
.pop_notebook9 dd strong{color:#248141;}
.pop_notebook9 .decoration img:nth-child(1){top:427px;left:14px;}
.pop_notebook9 .decoration img:nth-child(2){top:362px;left:1004px;}
.pop_notebook9 .change_image{top:0;left:327px;}

.pop_t3{padding:117px 0 0 112px;}
.pop_t3 dd strong{color:#248141;}
.pop_t3 .decoration img:nth-child(1){top:476px;left:51px;}
.pop_t3 .decoration img:nth-child(2){top:476px;left:325px;}
.pop_t3 .decoration img:nth-child(3){top:77px;left:597px;}
.pop_t3 .change_image{top:164px;left:528px;}

.pop_taba{padding:195px 0 0 694px;}
.pop_taba dd strong{color:#248141;}
.pop_taba .decoration img:nth-child(1){top:523px;left:22px;}
.pop_taba .decoration img:nth-child(2){top:632px;left:465px;}
.pop_taba .decoration img:nth-child(3){top:95px;left:1204px;}
.pop_taba .change_image{top:0;left:-6px;}

.pop_s3{padding:221px 0 0 86px;}
.pop_s3 dd strong{color:#6c5c9d;}
.pop_s3 .decoration img:nth-child(1){top:67px;left:86px;}
.pop_s3 .decoration img:nth-child(2){top:527px;left:730px;}
.pop_s3 .decoration img:nth-child(3){top:346px;right:48px;}
.pop_s3 .change_image{top:20px;left:324px;}

.pop_iconx{padding:216px 0 0 648px;}
.pop_iconx dd strong{color:#6c5c9d;}
.pop_iconx .decoration img:nth-child(1){top:559px;left:22px;}
.pop_iconx .decoration img:nth-child(2){top:133px;left:1042px;}
.pop_iconx .decoration img:nth-child(3){top:495px;left:1068px;}
.pop_iconx .change_image{top:0;left:86px;}

.pop_smartbeam{padding:329px 0 0 98px;}
.pop_smartbeam dd strong{color:#6c5c9d;}
.pop_smartbeam .decoration img:nth-child(1){top:114px;left:90px;}
.pop_smartbeam .decoration img:nth-child(2){top:593px;left:700px;}
.pop_smartbeam .decoration img:nth-child(3){top:463px;left:956px;}
.pop_smartbeam .change_image{top:64px;left:659px;z-index:7;}