@charset "utf-8";

body{background:url(/resources/images/global/newsroom/exhibition2022/common/sub_bg.jpg) 0 0 no-repeat;}
p{line-height:1.5;}
#header{position:static;}
#container{height:auto;}

/**/
.default_table{width:100%; border-top:1px solid #000; border-bottom:1px solid #000;}
.default_table th,
.default_table td{padding:13px 27px; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.default_table thead th{background:#eeeeee; border-top:0 none; font-size:18px; color:#333;}
.default_table thead th:first-child{border-left:0 none;}
.default_table tbody th{background:#fff; font-weight:400; color:#333;}
.default_table tbody tr > *:first-child{border-left:0 none;}
.default_table tbody td{background:#fff; font-size:16px; text-align:center; color:#666;}

/* history  view common --------------------------------------- */
/* history_lnb */
.exhibition_lnb{position:absolute; left:120px; top:100px; z-index:100; height:280px;}
.exhibition_lnb h2{margin-bottom:38px;}
.exhibition_lnb h2 a{display:block; font-size:24px; font-weight:bold; color:#fff;}
.exhibition_lnb ul{position:relative;}
.exhibition_lnb ul:before{position:absolute; left:6px; top:50%; width:1px; height:260px; margin-top:-130px; background:#908b99; content:"";}
.exhibition_lnb li{overflow:hidden; margin-bottom:40px;}
.exhibition_lnb li a{display:block; position:relative; padding-left:26px; font-family:'NanumMyeongjo', sans-serif, Helvetica; font-size:18px; line-height:1; color:#888;}
.exhibition_lnb li span{display:inline-block; padding:3px 0; line-height:1;}
.exhibition_lnb li a:before{position:absolute; left:4px; top:50%; width:6px; height:6px; margin-top:-3px; background:#888888; border-radius:6px; content:"";}
.exhibition_lnb li a:hover,
.exhibition_lnb li.on a{color:#fff;}
.exhibition_lnb li.on a:before{background:#fff;}
.exhibition_lnb li.on a:after{position:absolute; left:0; top:50%; width:14px; height:14px; margin-top:-7px; border:1px solid #fff; border-radius:13px; box-sizing:border-box; content:"";}

/* history view common */
.exhibition_view .page_floating{position:fixed; right:0; top:0; z-index:20; display:block; width:300px; height:100vh; background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.4) 100%, rgba(0,0,0,0.4) 100%); transition:opacity 0.3s;}
.exhibition_view .page_floating a{overflow:hidden; position:absolute; right:25px; top:50%; width:58px; height:58px; margin-top:-29px; background:url(/resources/images/global/newsroom/exhibition2022/view/scroll_icon.png) 0 0 no-repeat; text-indent:-9999px; }
.exhibition_view{width:100%; height:100vh; background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.exhibition_view .container{overflow:hidden; display:flex; position:relative; z-index:10; padding-top:100px; padding-bottom:70px; align-items:start;}
.exhibition_view .content{overflow:hidden; position:relative; margin-left:460px;}
.exhibition_view .content_scroll{height:700px;}
.exhibition_view .cont_inner{display:flex; position:relative; left:0; height:100%; padding:75px 0; margin-left:0; background:#000; background-repeat:no-repeat; transition:left 1.5s;} 
.exhibition_view  .control_btn_area{position:absolute; top:0; width:250px; height:100%; text-align:center; transition:opacity 0.3s;}
.exhibition_view  .control_btn_area.left{left:0; background: linear-gradient(270deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.9) 100%, rgba(0,0,0,0.9) 100%);}
.exhibition_view  .control_btn_area.right{right:0; background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.9) 100%, rgba(0,0,0,0.9) 100%);}
.exhibition_view  .control_btn_area a{overflow:hidden; position:absolute; top:50%; width:56px; height:56px; margin-top:-28px; background:url(/resources/images/global/newsroom/exhibition2022/view/scroll_icon_right.png) 0 0 no-repeat; text-indent:-9999px;}
.exhibition_view  .control_btn_area a.mCSB_buttonLeft{left:40px; background-image:url(/resources/images/global/newsroom/exhibition2022/view/scroll_icon_left.png);}
.exhibition_view  .control_btn_area a.mCSB_buttonRight{right:40px;}
.exhibition_view[data-state=start] .control_btn_area.left{left:-100%; opacity:0; transition:opacity 0.3s, right 0.001s linear 0.3s;}
.exhibition_view[data-state=end] .control_btn_area.right{right:-100%; opacity:0; transition:opacity 0.3s, right 0.001s linear 0.3s;}

.exhibition_view .sec{overflow:hidden; flex:none; width:auto; padding-left:100px; padding-right:100px;}
.exhibition_view .sec .sec_cont{position:relative;}
.exhibition_view .sec .sec_cont:before{position:absolute; left:-100px; bottom:0; width:1px; height:495px; background:#262626; content:"";}
.exhibition_view .sec .sec_cont > *{transition:all 0.5s linear; transform:matrix(1, 0, 0, 1, 80, 0);}
.exhibition_view .sec h4{margin-bottom:8px; font-size:22px; font-weight:bold; letter-spacing:-1px; color:#009fe8;}
.exhibition_view .sec p{margin-bottom:26px; font-size:16px; line-height:26px; letter-spacing:-1px; color:#666666;}
.exhibition_view .sec .img_area{overflow:hidden; padding:20px; background:#000; border:1px solid #4e4e4f;}
.exhibition_view .sec h5{font-size:16px; color:#feffff;}
.exhibition_view .sec figure{margin:0;}
.exhibition_view .sec figure a{display:inline-block; position:relative;}
.exhibition_view .sec figure a:after{overflow:hidden; position:absolute; left:50%; top:50%; width:30px; height:30px; margin-left:-15px; margin-top:-15px; background:url(/resources/images/global/newsroom/exhibition2022/view/pop_ico.png); text-indent:-9999px; content:"상세내용보기"}
.exhibition_view .sec1{width:660px; padding-left:100px;}
.exhibition_view .sec1 .sec_cont:before{content:none;}
.exhibition_view .sec1 .txt_area{padding-top:136px;}
.exhibition_view .sec1 h3{position:relative; font-size:80px; font-weight:900; line-height:1.2; color:#fff;}
.exhibition_view .sec1 h3 small{display:block; font-size:30px; font-weight:400;}
.exhibition_view .sec2{padding-left:0;}
.exhibition_view .sec2 .sec_cont:before{content:none;}

/* view popup */
.exhibition_view .dim{display:none !important;}
.exhibition_view .popup_wrap{overflow-y:auto; display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:2000;}
.exhibition_view .popup_wrap.on{display:block;}
.exhibition_view .pop_inner{position:absolute; left:50%; top:50%; width:1140px; height:640px; padding:0; margin-top:-320px; margin-left:-570px; background:#f6f6f6;}
.exhibition_view .pop_inner .pop_close_btn{overflow:hidden; position:absolute; right:-46px; top:0; width:46px; height:46px; background:url(/resources/images/global/newsroom/exhibition2022/view/pop_close_btn.png) 0 0 no-repeat; text-indent:-9999px;}

/* contents plugin */
.mCSB_horizontal.mCSB_inside > .mCSB_container{top:50% !important; height:700px; margin-top:-350px; margin-bottom:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:50%; right:auto; bottom:20px; width:70%; max-width:780px; transform:translate(-50% , 0);}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:2px; margin:8px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:2px; margin:8px 0; background:#fff;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#ae001e !important;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{opacity:0 !important;}




/* view --------------------------------------- */
/* post_pandemic */
.post_pandemic .cont_inner{background-image:url(/resources/images/global/newsroom/exhibition2022/view/post_pandemic/view_container_bg.jpg);}
.post_pandemic .sec2 .video_area{width:886px; height:495px; border:1px solid #4e4e4f;}

/* form_factor */
.form_factor .cont_inner{background-image:url(/resources/images/global/newsroom/exhibition2022/view/factor/view_container_bg.jpg);}
.form_factor .sec2 .img_area{height:495px; padding:0; padding-top:14px;}
.form_factor .sec2 .left{float:left; width:678px; padding-bottom:20px;}
.form_factor .sec2 .left .top{margin-bottom:20px;}
.form_factor .sec2 .left h5{padding-left:20px;}
.form_factor .sec2 .right{float:left; height:452px; padding:0 20px; border-left:1px solid #4d4d4d;}
.form_factor .sec3 .img_area{padding:0; padding-top:14px;}
.form_factor .sec3 .left{float:left; width:708px;}
.form_factor .sec3 .left h5{padding-left:20px;}
.form_factor .sec3 .right{float:left; padding:0 40px 0 20px; border-left:1px solid #4d4d4d;}
.form_factor .sec3 .right .box{overflow:hidden; margin-top:20px;}
.form_factor .sec3 .right .box:first-child{margin-top:0;}
.form_factor .sec3 .right .box > *{float:left;}
.form_factor .sec3 .right .box > p{width:260px; margin:0; margin-right:22px;}

/* hpc */
.hpc .cont_inner{background-image:url(/resources/images/global/newsroom/exhibition2022/view/hpc/view_container_bg.jpg);}
.hpc .sec2 .img_area{height:495px; padding:40px 40px 0;}
.hpc .sec2 .top{overflow:hidden; margin-bottom:50px;}
.hpc .sec2 .top .left{float:left; width:297px;}
.hpc .sec2 .top .right{float:left;}
.hpc .sec3 .img_area{height:495px; padding:40px 40px 0;}
.hpc .sec3 .left{float:left; width:409px; margin-right:40px;}
.hpc .sec3 .right{float:left;}

/* driving */
.driving .cont_inner{background-image:url(/resources/images/global/newsroom/exhibition2022/view/driving/view_container_bg.jpg);}
.driving .sec .img_area{height:495px; padding:20px 20px 0;}
.driving .sec2 .top{margin-bottom:32px;}
.driving .sec2 .top .inner{overflow:hidden;}
.driving .sec2 .top .left{float:left; width:315px;}
.driving .sec2 .top .right{float:left;}
.driving .sec3 .top{margin-bottom:32px;}