@charset "utf-8"; /* * 파일명 : template.css * 기능설명: template, module css * 작성자 : VinylC * 최종수정일 : 2014.02.04 */ /* 140819 font 수정 HyundaiSansTextKRBold -> HyundaiSansTextKRBold, HyundaiSansTextKRRegular -> HyundaiSansTextKRRegular */ .space_bottom_wrap, .space_bottom_wrap .space_wrap {display:block;} .space_wrap {height:66px;} .md_black .space_wrap {display:none;} .md_white .space_wrap {display:none;} .md_gray .space_wrap {display:none;} .view_wrap .md_white + .md_black .space_wrap, .view_wrap .md_white + .md_gray .space_wrap {display:block; background-color:#fff;} .view_wrap .md_black + .md_white .space_wrap, .view_wrap .md_black + .md_gray .space_wrap {display:block; background-color:#000;} .view_wrap .md_gray + .md_white .space_wrap, .view_wrap .md_gray + .md_black .space_wrap {display:block; background-color:#f2f2f2;} .view_wrap .md_white + .md_bt_tebt .space_wrap, .view_wrap .md_white + .md_bt_tebi .space_wrap {display:block; background-color:#fff;} .view_wrap .md_black + .md_bt_tebt .space_wrap, .view_wrap .md_black + .md_bt_tebi .space_wrap {display:block; background-color:#000;} .view_wrap .md_gray + .md_bt_tebt .space_wrap, .view_wrap .md_gray + .md_bt_tebi .space_wrap {display:block; background-color:#f2f2f2;} .view_wrap .md_ht_sute.md_white + .md_white .space_wrap, .view_wrap .md_ht_sute.md_white + .md_black .space_wrap, .view_wrap .md_ht_sute.md_white + .md_gray .space_wrap {display:block; height:30px; background-color:#fff;} .view_wrap .md_ht_sute.md_black + .md_white .space_wrap, .view_wrap .md_ht_sute.md_black + .md_black .space_wrap, .view_wrap .md_ht_sute.md_black + .md_gray .space_wrap {display:block; height:30px; background-color:#000;} .view_wrap .md_ht_sute.md_gray + .md_white .space_wrap, .view_wrap .md_ht_sute.md_gray + .md_black .space_wrap, .view_wrap .md_ht_sute.md_gray + .md_gray .space_wrap {display:block; height:30px; background-color:#f2f2f2;} .view_wrap .md_white + .space_bottom_wrap .space_wrap {background-color:#fff;} .view_wrap .md_black + .space_bottom_wrap .space_wrap {background-color:#000;} .view_wrap .md_gray + .space_bottom_wrap .space_wrap {background-color:#f2f2f2;} .view_wrap .md_bt_tebt.md_black + .space_bottom_wrap .space_wrap, .view_wrap .md_bt_tebt.md_white + .space_bottom_wrap .space_wrap, .view_wrap .md_bt_tebt.md_gray + .space_bottom_wrap .space_wrap, .view_wrap .md_bt_tebi.md_black + .space_bottom_wrap .space_wrap, .view_wrap .md_bt_tebi.md_white + .space_bottom_wrap .space_wrap, .view_wrap .md_bt_tebi.md_gray + .space_bottom_wrap .space_wrap {display:none;} .view_wrap .md_t_h1te + .md_it_immo_t .space_wrap, .view_wrap .md_t_h1te + .md_it_immo_i .space_wrap, .view_wrap .md_t_h1te + .md_em_view .space_wrap, .view_wrap .md_t_h1mo + .md_it_immo_t .space_wrap, .view_wrap .md_t_h1mo + .md_it_immo_i .space_wrap, .view_wrap .md_t_h1mo + .md_em_view .space_wrap, .view_wrap .md_t_h1te + .md_bt_tebt .space_wrap, .view_wrap .md_t_h1te + .md_bt_tebi .space_wrap, .view_wrap .md_t_h1mo + .md_bt_tebt .space_wrap, .view_wrap .md_t_h1mo + .md_bt_tebi .space_wrap, .view_wrap .md_t_h1mo + .md_white .space_wrap, .view_wrap .md_t_h1mo + .md_black .space_wrap, .view_wrap .md_t_h1mo + .md_gray .space_wrap, .view_wrap .md_bt_tebt + .md_it_immo_t .space_wrap, .view_wrap .md_bt_tebt + .md_it_immo_i .space_wrap, .view_wrap .md_bt_tebt + .md_em_view .space_wrap, .view_wrap .md_bt_tebt + .md_white .space_wrap, .view_wrap .md_bt_tebt + .md_black .space_wrap, .view_wrap .md_bt_tebt + .md_gray .space_wrap, .view_wrap .md_bt_tebi + .md_it_immo_t .space_wrap, .view_wrap .md_bt_tebi + .md_it_immo_i .space_wrap, .view_wrap .md_bt_tebi + .md_em_view .space_wrap, .view_wrap .md_bt_tebi + .md_white .space_wrap, .view_wrap .md_bt_tebi + .md_black .space_wrap, .view_wrap .md_bt_tebi + .md_gray .space_wrap, .view_wrap .md_it_immo_t.md_white + .md_white .space_wrap, .view_wrap .md_it_immo_t.md_black + .md_black .space_wrap, .view_wrap .md_it_immo_t.md_gray + .md_gray .space_wrap, .view_wrap .md_it_immo_i.md_white + .md_white .space_wrap, .view_wrap .md_it_immo_i.md_black + .md_black .space_wrap, .view_wrap .md_it_immo_i.md_gray + .md_gray .space_wrap, .view_wrap .md_em_view + .md_white .space_wrap, .view_wrap .md_em_view + .md_black .space_wrap, .view_wrap .md_em_view + .md_gray .space_wrap {display:none !important;} .view_wrap .md_t_h1mo + .md_c_edg3 {margin-top:30px;} /* GR06.01 H1TE (H1/텍스트 형, 타이틀 용) */ .view_wrap .md_t_h1te.md_top_black h1 {color:#333 !important} .view_wrap .md_t_h1te.md_top_black p {color:#333 !important} .view_wrap .md_t_h1te.md_top_white h1 {color:#fff !important} .view_wrap .md_t_h1te.md_top_white p {color:#fff !important} .view_wrap .md_t_h1te.md_top_mid h1 {color:#333 !important} .view_wrap .md_t_h1te.md_top_mid p {color:#333 !important} .view_wrap .md_t_h1te.md_white, .view_wrap .md_t_h1te.md_black, .view_wrap .md_t_h1te.md_gray {background-color:transparent;} .md_t_h1te {padding:71px 0 75px 0;} .md_t_h1te h1 {padding:0 100px 15px; width:1000px; font-size:50px; line-height:54px; text-align:left} .md_t_h1te h1, .md_t_h1te h1 span {font-family:'HyundaiSansHeadKRMedium', '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} .md_t_h1te p {display:block; width:1000px; padding:11px 100px 0; font-size:16px; line-height:24px; text-align:left} .md_t_h1te.md_top_mid h1 span {display:inline; background:url('/images/en/web/content/bg_txt_h1_mid.jpg') repeat-x 0 11px; font-family:'HyundaiSansHeadKRMedium', '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; line-height:56px;} .md_t_h1te.md_top_mid p span {display:inline; background:url('/images/en/web/content/bg_txt_p16_mid.jpg') repeat-x 0 2px;} /* //GR06.01 H1TE (H1/텍스트 형, 타이틀 용) */ /* GR06.02 H1MO (H1/동영상 이미지 형, 타이틀 용) */ .md_t_h1mo {position:relative; width:1200px;} .view_wrap .md_t_h1mo.md_top_white .txt_wrap .txt_cts h1, .view_wrap .md_t_h1mo.md_top_white .txt_wrap .txt_cts p {color:#fff !important} .view_wrap .md_t_h1mo.md_top_black .txt_wrap .txt_cts h1, .view_wrap .md_t_h1mo.md_top_black .txt_wrap .txt_cts p {color:#333 !important} .view_wrap .md_t_h1mo.md_top_white .txt_wrap .txt_cts p, .view_wrap .md_t_h1mo.md_top_black .txt_wrap .txt_cts p span{font-family:HyundaiSansHeadKRRegular, '맑은 고딕', 'Malgun Gothic', 'Apple Gothic', sans-serif;} /* 161220 추가 */ .md_t_h1mo .txt_wrap {position:relative; height:760px;} .md_t_h1mo .txt_wrap .txt_cts {position:absolute; z-index:5; top:71px; left:96px; width:1000px;} .md_t_h1mo .txt_wrap .txt_cts h1 {font-family:'HyundaiSansHeadKRMedium', '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; font-size:50px; line-height:54px; text-align:left} .md_t_h1mo .txt_wrap .txt_cts h1 img {width:auto; height:auto} .md_t_h1mo .txt_wrap .txt_cts h1, .md_t_h1mo .txt_wrap .txt_cts h1 span {font-family:'HyundaiSansHeadKRMedium', '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} .md_t_h1mo .txt_wrap .txt_cts p {padding:16px 0 0 1px; font-size:16px; line-height:26px; text-align:left} .md_t_h1mo .txt_wrap img {width:1200px; height:760px;} .md_t_h1mo .etc_video .btn_play {position:absolute; z-index:18; left:98px; top:334px; margin:0 0 0 0;} .md_t_h1mo .etc_video .btn_play.tpos {left:50%; top:348px; margin:0 0 0 -37px;} .md_t_h1mo .etc_video .btn_stop {position:absolute; z-index:18; left:50%; top:348px; margin:0 0 0 -37px;} .md_t_h1mo .video_wrap {position:absolute; z-index:10; top:0; left:0; margin-top:0; width:1200px;} .md_t_h1mo .video_player {display:none; position:absolute; top:0; left:0; width:1200px; height:510px; padding:130px 0 120px; background-color:#000;} .md_t_h1mo .video_player .player {display:block; width:910px; height:510px; margin:0 auto;} .md_t_h1mo button.btn_down {display:block; position:absolute; z-index:15; bottom:20px; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px; background:url('/images/en/web/content/bg_h1mo_btn_down.png') 0 0 no-repeat;} .md_t_h1mo button.btn_down.mhover {background-position:-48px 0;} .md_t_h1mo .video_player .btn_close {position:absolute; top:30px; right:30px; width:44px; height:44px; background:url('/images/en/web/content/bg_h1mo_btn_close.png') 0 0 no-repeat;} .md_t_h1mo.md_top_black .etc_video .btn_play {background-position:-270px 0;} .md_t_h1mo.md_top_black .etc_video .btn_play.mhover {background-position:-360px 0;} .md_t_h1mo.md_top_black .etc_video button[disabled].btn_play {background-position:-450px 0;} .md_t_h1mo .video_player .caption_wrap {position:absolute; z-index:18; left:0; top:760px; width:1200px;} .md_t_h1mo .video_player .caption_wrap .btn_caption {position:absolute; right:0; top:-50px; background-position:0 -50px;} .md_t_h1mo .video_player .caption_wrap .btn_caption.mhover, .md_t_h1mo .video_player .caption_wrap .btn_caption.on {background-position:-56px -50px;} .md_t_h1mo .video_player .caption_wrap .caption_scroll {display:none; width:1160px; padding:7px 10px 12px 30px; background-color:#333} .md_t_h1mo .video_player .caption_wrap .video_caption {overflow-y:auto; width:1145px; height:77px; padding:8px 15px 8px 0;} .md_t_h1mo .video_player .caption_wrap .video_caption p {font-size:14px; color:#fff !important; line-height:24px; text-align:center} .md_t_h1mo.md_top_mid h1 span {display:inline; background:url('/images/en/web/content/bg_txt_h1_mid.jpg') repeat-x 0 11px; font-family:'HyundaiSansHeadKRMedium', '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; line-height:54px;} .md_t_h1mo.md_top_mid p span {display:inline; background:url('/images/en/web/content/bg_txt_p16_mid.jpg') repeat-x 0 2px;} /* //GR06.02 H1MO (H1/동영상 이미지 형, 타이틀 용) */ /* GR06.04_1I1T_H_1 (이미지1 텍스트1 가로형) h2 */ .md_ht_1i1t_h_1 {padding:30px 100px 0;} .md_ht_1i1t_h_1 .space_wrap {margin:-30px -100px 30px;} .md_ht_1i1t_h_1 h2 {margin-bottom:24px; font-family:HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 161220 폰트 추가 */ .md_ht_1i1t_h_1 .img_wrap {width:1000px;} .md_ht_1i1t_h_1 .text_wrap {overflow:hidden; width:100%; height:1%; margin-top:36px;} .md_ht_1i1t_h_1 .text_wrap .fl_left, .md_ht_1i1t_h_1 .text_wrap .fl_right {width:480px;} /* //GR06.04_1I1T_H_1 (이미지1 텍스트1 가로형) h2 */ /* 150119 추가 */ /* GR06.04_2t_H_1 (텍스트2 가로형) h2 */ .md_ht_2t_h_1 {padding:30px 100px 0;} .md_ht_2t_h_1 .space_wrap {margin:-30px -100px 30px;} .md_ht_2t_h_1 h2 {margin-bottom:24px; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 170717 수정 */ .md_ht_2t_h_1 .text_wrap {overflow:hidden; width:100%; height:1%; margin-top:36px;} .md_ht_2t_h_1 .text_wrap h3 {margin-bottom:5px;} .md_ht_2t_h_1 .text_wrap .fl_left, .md_ht_2t_h_1 .text_wrap .fl_right {width:480px;} /* //GR06.04_2t_H_1 (텍스트2 가로형) h2 */ /* //150119 추가 */ /* GR06.23_2I1T_H_1 (이미지2 텍스트1 가로형) h2 */ .md_ht_2i1t_h_1 {padding:30px 100px 0;} .md_ht_2i1t_h_1 .space_wrap {margin:-30px -100px 30px;} .md_ht_2i1t_h_1 h2 {margin-bottom:24px; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 170717 수정 */ .md_ht_2i1t_h_1 .img_wrap {float:left; width:500px; height:280px;} .md_ht_2i1t_h_1 .text_wrap {clear:both; overflow:hidden; width:100%; height:1%; padding-top:36px;} .md_ht_2i1t_h_1 .text_wrap .fl_left, .md_ht_2i1t_h_1 .text_wrap .fl_right {width:480px;} /* //GR06.23_2I1T_H_1 (이미지2 텍스트1 가로형) h2 */ /* GR06.05_1I1T_H_2 (이미지1 텍스트1 가로형) h3 */ .md_ht_1i1t_h_2 {padding:30px 100px 0;} .md_ht_1i1t_h_2 .space_wrap {margin:-30px -100px 30px;} .md_ht_1i1t_h_2 h3 {margin-bottom:24px;} .md_ht_1i1t_h_2 .img_wrap {width:1000px;} .md_ht_1i1t_h_2 .text_wrap {width:100%; overflow:hidden; margin-top:36px;} .md_ht_1i1t_h_2 .text_wrap .fl_left, .md_ht_1i1t_h_2 .text_wrap .fl_right {width:480px;} /* //GR06.05_1I1T_H_2 (이미지1 텍스트1 가로형) h3 */ /* GR06.06_2I1T_H_2 (이미지2 텍스트1 가로형) h3 */ .md_ht_2i1t_h_2 {padding:30px 100px 0;} .md_ht_2i1t_h_2 .space_wrap {margin:-30px -100px 30px;} .md_ht_2i1t_h_2 h3 {margin-bottom:24px;} .md_ht_2i1t_h_2 .img_wrap {float:left; width:500px; height:280px;} .md_ht_2i1t_h_2 .text_wrap {clear:both; width:100%; overflow:hidden; padding-top:36px;} .md_ht_2i1t_h_2 .text_wrap .fl_left, .md_ht_2i1t_h_2 .text_wrap .fl_right {width:480px;} /* //GR06.06_2I1T_H_2 (이미지2 텍스트1 가로형) h3 */ /* GR06.25_2I2T_H (이미지2 텍스트2 가로형) */ .md_ht_2i2t {padding:30px 80px 0;} .md_ht_2i2t .space_wrap {margin:-30px -80px 30px;} .md_ht_2i2t h2 {margin:0 20px 24px; font-family:HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 161220 폰트 추가 */ .md_ht_2i2t ul {width:100%;} .md_ht_2i2t li {float:left; width:480px; padding:0 20px; word-wrap:break-word;} .md_ht_2i2t li .img_wrap {width:480px; height:270px; margin-bottom:28px;} .md_ht_2i2t li h3 {margin-bottom:8px;} .md_ht_2i2t li p.text {} /* //GR06.25_2I2T_H (이미지2 텍스트2 가로형) */ /* GR06.07_3I3T_H (이미지3 텍스트3 가로형) */ .md_ht_3i3t {padding:30px 100px 0 65px;} .md_ht_3i3t .space_wrap {margin:-30px -100px 30px -65px;} .md_ht_3i3t h2 {margin:0 0 24px 35px; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;}/* 170717 수정 */ .md_ht_3i3t ul {width:100%;} .md_ht_3i3t li {float:left; width:310px; padding-left:35px; word-wrap:break-word;} .md_ht_3i3t li .img_wrap {width:310px; height:174px; margin-bottom:28px;} .md_ht_3i3t li h3 {margin-bottom:8px;} .md_ht_3i3t li p {} /* //GR06.07_3I3T_H (이미지3 텍스트3 가로형) */ /* GR06.08_4I4T_H (이미지4 텍스트4 가로형) */ .md_ht_4i4t {padding:30px 80px 0;} .md_ht_4i4t .space_wrap {margin:-30px -80px 30px;} .md_ht_4i4t h2 {margin:0 20px 24px; font-family:HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 161220 폰트 추가 */ .md_ht_4i4t ul {width:100%;} .md_ht_4i4t li {float:left; width:220px; padding:0 20px; word-wrap:break-word;} .md_ht_4i4t li .img_wrap {width:220px; height:124px; margin-bottom:28px;} .md_ht_4i4t li h3 {margin-bottom:8px;} .md_ht_4i4t li p {} .md_ht_4i4t .btn_play {margin: -52px 0 0 -37px;} /* //GR06.08_4I4T_H (이미지4 텍스트4 가로형) */ /* GR06.09_1I1T_V (이미지1 텍스트1 세로형) */ .md_vt_1i1t {padding:30px 100px 0;} .md_vt_1i1t .space_wrap {margin:-30px -100px 30px;} .md_vt_1i1t h2 {padding-bottom:24px; font-family:HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 161220 폰트 추가 */ .md_vt_1i1t .list {overflow:hidden; height:1%;} .md_vt_1i1t .list .img_wrap {width:480px; height:270px; margin-right:40px;} .md_vt_1i1t .list .txt_wrap {width:480px;} .md_vt_1i1t .list .txt_wrap h3 {margin:3px 0 8px 0; font-size:20px} .md_vt_1i1t .list .txt_wrap p {width:480px; font-size:14px; line-height:24px;} /* 170918 추가 */ .md_vt_1i1t .list .txt_wrap .title {position:relative; margin-bottom:15px; padding:40px 0; font-size:14px; font-weight:bold; font-style:italic; text-align:center; color:#333;} .md_vt_1i1t .list .txt_wrap .title:before{ display:block; position:absolute; top:0; left:50%; width:26px; height:21px;margin:0 0 0 -13px; background: url(/images/ko/web/content/bg_summary_s.png) no-repeat 0 0; background-size:26px 21px; content:""; } .md_vt_1i1t .list .txt_wrap .title:after{display:block; position:absolute; bottom:0; left:50%; width:26px; height:21px; margin:0 0 0 -13px; background: url(/images/ko/web/content/bg_summary_e.png) no-repeat 0 0; background-size:26px 21px; content:"";} .md_vt_1i1t .list .txt_wrap .title strong {display:block; font-style:normal; } .md_vt_1i1t .list .txt_wrap .sub_title {font-size:14px; font-weight:bold; color:#333;} .md_vt_1i1t .list .txt_wrap .txt {padding-top:20px; font-size:14px;} .md_vt_1i1t .list .txt_wrap .txt.center {text-align:center;} .btn_zone {margin:25px 0 0;} .btn_zone .desc { font-size:14px; font-family:HyundaiSansTextKRRegular, sans-serif; font-weight:bold; color:#333;} .btn_zone ul {} .btn_zone ul:after {display:block; clear:both; content:"";} .btn_zone ul li {float:left; width:230px; margin-left:20px;} .btn_zone ul li:first-child {margin-left:0px;} .btn_zone ul li p {padding:10px 0; font-size:14px; font-family:HyundaiSansTextKRRegular, sans-serif; color:#333;;} .btn_zone ul li a {display: block; width: 100%; height:40px; border: 1px solid #808080; color: #333; line-height: 40px; text-align: center; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration: none;} .btn_zone ul li a:hover {background:#000; color:#fff;} /* //170918 추가 */ .md_vt_1i1t.md_right .list .img_wrap {float:left;} .md_vt_1i1t.md_right .list .txt_wrap {float:right;} .md_vt_1i1t.md_left .list .img_wrap {float:right; margin:0 0 0 40px;} .md_vt_1i1t.md_left .list .txt_wrap {float:left;} /* //GR06.09_1I1T_V (이미지1 텍스트1 세로형) */ /* GR06.10_1I2T_V (이미지1 텍스트2 세로형) */ .md_vt_1i2t {padding:30px 100px 0; word-wrap:break-word;} .md_vt_1i2t .space_wrap {margin:-30px -100px 30px;} .md_vt_1i2t h2 {padding-bottom:0; font-family:HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 161220 폰트 추가 */ .md_vt_1i2t .img_wrap {width:480px; height:270px; margin-top:25px;} .md_vt_1i2t .txt_wrap {width:480px; margin-top:10px; overflow:hidden;} .md_vt_1i2t .txt_wrap h3 {margin-top:-1px; padding-top:22px; border-top:1px solid #e6e6e6; font-size:20px;} /*.md_vt_1i2t .txt_wrap h3.h_first {margin:3px 0 10px 0; padding:0; border:0}*/ .md_vt_1i2t .txt_wrap p {width:480px; padding:10px 0 25px; font-size:14px; line-height:24px;} .md_vt_1i2t.md_black .txt_wrap h3 {border-top:1px solid #333;} .md_vt_1i2t.md_left .img_wrap {float:right;} .md_vt_1i2t.md_left .txt_wrap {float:left;} .md_vt_1i2t.md_right .img_wrap {float:left;} .md_vt_1i2t.md_right .txt_wrap {float:right;} /* //GR06.10_1I2T_V (이미지1 텍스트2 세로형) */ /* GR06.11_TESU (텍스트1 서머리 세로 혼합형) */ .md_st_tesu {padding:30px 100px 0;} .md_st_tesu .space_wrap {margin:-30px -100px 30px;} .md_st_tesu h2 {padding-bottom:24px; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 170717 수정 */ .md_st_tesu .img_wrap {width:1000px; margin-bottom:39px} .md_st_tesu .summary_wrap {float:right; width:300px; margin-top:0; padding-bottom:18px; background:url('/images/en/web/content/bg_summary_s.png') center 18px no-repeat; border-top:5px solid #000; border-bottom:5px solid #000;} .md_st_tesu .summary_wrap p {padding:58px 0 40px 0; background:url('/images/en/web/content/bg_summary_e.png') center bottom no-repeat; color:#333; font-style:normal; text-align:center}/* 170616 수정 */ .md_st_tesu .summary_wrap p .s_txt {font-size:18px; line-height:26px;} .md_st_tesu .summary_wrap p .sw_txt {display:block; font-size:14px; line-height:26px} .md_st_tesu .txt_wrap {float:left; width:660px;} .md_st_tesu .txt_wrap h3 {padding:0 0 8px 0} .md_st_tesu.md_black .summary_wrap {background:url('/images/en/web/content/bg_summary_s_b.png') center 26px no-repeat; border-top:5px solid #fff; border-bottom:5px solid #fff;} .md_st_tesu.md_black .summary_wrap p {background:url('/images/en/web/content/bg_summary_e_b.png') center bottom no-repeat; color:#e5e5e5} /* //GR06.11_TESU (텍스트1 서머리 세로 혼합형) */ /* GR06.03_SUTE (서머리 텍스트 혼합형) */ .md_ht_sute {padding:30px 200px 0} .md_ht_sute .space_wrap {margin:-30px -200px 30px;} .md_ht_sute .summary_wrap {border-top:3px solid #000; border-bottom:3px solid #000;} .md_ht_sute .summary_wrap p {padding:21px 0; color:#333; font-style:normal; text-align:center; }/* /170602 수정 */ .md_ht_sute .summary_wrap p span {font-family:HyundaiSansHeadKRRegular, sans-serif;}/* 170602 추가 */ .md_ht_sute .summary_wrap p .s_txt {font-size:24px; line-height:36px;} .md_ht_sute .summary_wrap p .sw_txt {display:block; margin:9px 0 -3px 0; color:#333; font-size:14px; line-height:14px} /* 170918 추가 */ .md_ht_sute.full {padding:30px 100px 0;} .md_ht_sute.full .summary_wrap p .sw_txt {font-size:24px; font-weight:bold;} /* //170918 추가 */ .md_ht_sute.md_black .summary_wrap {border-top:3px solid #fff; border-bottom:3px solid #fff;} .md_ht_sute.md_black .summary_wrap p, .md_ht_sute.md_black .summary_wrap p .sw_txt {color:#fff;} /* //GR06.03_SUTE (서머리 텍스트 혼합형) */ /* GR06.12_TEBT (텍스트1 BG이미지 text가 Top_Bottom에 있는 형) */ .view_wrap .md_bt_tebt.md_top_white h2 {color:#fff !important} .view_wrap .md_bt_tebt.md_top_white p {color:#fff !important} .view_wrap .md_bt_tebt.md_top_black h2, .view_wrap .md_bt_tebt.md_top_mid h2 {color:#333 !important} .view_wrap .md_bt_tebt.md_top_black p, .view_wrap .md_bt_tebt.md_top_mid p {color:#333 !important} .view_wrap .md_bt_tebt.md_bottom_mid h2 {color:#333 !important} .view_wrap .md_bt_tebt.md_bottom_mid p {color:#333 !important} .md_bt_tebt {position:relative;} .md_bt_tebt .img_wrap {width:1200px; height:640px; margin-top:-30px;} .md_bt_tebt .txt_wrap {position:relative; width:100%; height:30px; z-index:5; background-color:transparent;} .md_bt_tebt .txt_wrap h2 {padding-top:60px;} .md_bt_tebt.md_top_black .txt_wrap {width:100%;} .md_bt_tebt.md_top_black .txt_wrap h2 {width:1000px; margin:0 auto 17px auto;} .md_bt_tebt.md_top_black .txt_wrap p {width:1000px; margin:0 auto} .md_bt_tebt.md_bottom_black .txt_wrap {width:100%;} .md_bt_tebt.md_bottom_black .txt_wrap h2 {width:1000px; margin:0 auto;} .md_bt_tebt.md_bottom_black .txt_wrap p {position:absolute; left:100px; bottom:64px; width:1000px;} .md_bt_tebt.md_top_white .txt_wrap {width:100%;} .md_bt_tebt.md_top_white .txt_wrap h2 {width:1000px; margin:0 auto 17px auto; color:#fff;} .md_bt_tebt.md_top_white .txt_wrap p {width:1000px; margin:0 auto; color:#999} /* .md_bt_tebt.md_bottom_white .txt_wrap {width:100%;} .md_bt_tebt.md_bottom_white .txt_wrap h2 {width:1000px; margin:30px auto 0; color:#fff;} .md_bt_tebt.md_bottom_white .txt_wrap p {position:absolute; left:100px; bottom:64px; width:1000px; color:#999;} */ .md_bt_tebt.md_top_mid .txt_wrap {width:100%;} .md_bt_tebt.md_top_mid .txt_wrap h2 {width:1000px; margin:0 auto 24px auto;} .md_bt_tebt.md_top_mid .txt_wrap h2 span {display:inline; background:url('/images/en/web/sample/bg_txt_mid.jpg') repeat-x 0 9px; font-size:34px; line-height:46px; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 170717 수정 */ .md_bt_tebt.md_top_mid .txt_wrap p {width:1000px; margin:0 auto;} .md_bt_tebt.md_top_mid .txt_wrap p span {display:inline; padding:0 0; background:#fff} .md_bt_tebt.md_bottom_mid .txt_wrap {width:100%;} .md_bt_tebt.md_bottom_mid .txt_wrap h2 {width:1000px; margin:0 auto} .md_bt_tebt.md_bottom_mid .txt_wrap h2 span {display:inline; background:url('/images/en/web/sample/bg_txt_mid.jpg') repeat-x 0 9px; font-size:34px; line-height:36px;} .md_bt_tebt.md_bottom_mid .txt_wrap p {position:absolute; left:100px; bottom:64px; width:1000px; text-align:center; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 170717 수정 */ .md_bt_tebt.md_bottom_mid .txt_wrap p span {display:inline; padding:0 0; background:#fff} /* //GR06.12_TEBT (텍스트1 BG이미지 text가 Top_Bottom에 있는 형) */ /* GR06.14_TEBI (텍스트1 BG이미지 text가 Left_Right에 있는 형) */ .view_wrap .md_bt_tebi.md_left_white h2 {color:#fff !important} .view_wrap .md_bt_tebi.md_left_white p {color:#fff !important} .view_wrap .md_bt_tebi.md_right_white h2 {color:#fff !important} .view_wrap .md_bt_tebi.md_right_white p {color:#fff !important} .view_wrap .md_bt_tebi.md_left_mid h2 {color:#333 !important} .view_wrap .md_bt_tebi.md_left_mid p {color:#333 !important} .view_wrap .md_bt_tebi.md_right_mid h2 {color:#333 !important} .view_wrap .md_bt_tebi.md_right_mid p {color:#333 !important} .md_bt_tebi {position:relative;} .md_bt_tebi .img_wrap {width:1200px; height:640px; margin-top:-30px;} .md_bt_tebi .txt_wrap {position:relative; height:30px; z-index:5; background-color:transparent;} .md_bt_tebi .txt_wrap h2 {padding-top:60px; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 170717 수정 */ .md_bt_tebi.md_left_black .txt_wrap {width:390px; padding-left:100px; color:#333;} .md_bt_tebi.md_left_black .txt_wrap h2 {margin:0 0 18px; color:#333;} .md_bt_tebi.md_right_black .txt_wrap {width:390px; padding-left:700px; color:#333;} .md_bt_tebi.md_right_black .txt_wrap h2 {margin:0 0 18px; color:#333;} .md_bt_tebi.md_left_white .txt_wrap {width:390px; padding-left:100px;} .md_bt_tebi.md_left_white .txt_wrap h2 {margin:0 0 18px; color:#fff;} .md_bt_tebi.md_left_white .txt_wrap p {color:#fff;} .md_bt_tebi.md_right_white .txt_wrap {width:390px; padding-left:700px;} .md_bt_tebi.md_right_white .txt_wrap h2 {margin:0 0 18px; color:#fff;} .md_bt_tebi.md_right_white .txt_wrap p {color:#fff;} .md_bt_tebi.md_left_mid .txt_wrap {width:390px; padding-left:100px;} .md_bt_tebi.md_left_mid .txt_wrap h2 {margin:0 0 18px; line-height:54px} .md_bt_tebi.md_left_mid .txt_wrap h2 span {display:inline; background:url('/images/en/web/sample/bg_txt_mid.jpg') repeat-x 0 9px; font-size:34px; line-height:46px; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 170717 수정 */ .md_bt_tebi.md_left_mid .txt_wrap p span {display:inline; padding:0 5px; background:#fff} .md_bt_tebi.md_right_mid .txt_wrap {width:390px; padding-left:700px;} .md_bt_tebi.md_right_mid .txt_wrap h2 {margin:0 0 18px;} .md_bt_tebi.md_right_mid .txt_wrap h2 span {display:inline; background:url('/images/en/web/sample/bg_txt_mid.jpg') repeat-x 0 9px; font-size:46px; line-height:56px; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 170717 수정 */ .md_bt_tebi.md_right_mid .txt_wrap p span {display:inline; padding:0 5px; background:#fff} /* //GR06.14_TEBI (텍스트1 BG이미지 text가 Left_Right에 있는 형) */ /* GR06.19_LINK (외부링크 형) */ .md_link {padding:30px 100px 0;} .md_link .space_wrap {margin:-30px -100px 30px;} .md_link .txt_wrap {position:relative; padding:41px 28px; border-top:1px dotted #b2b2b2; border-bottom:1px dotted #b2b2b2;} .md_link .txt_wrap p {width:710px; color:#333; line-height:16px} .md_link .txt_wrap a {display:block; position:absolute; top:50%; right:30px; margin-top:-25px;} .md_link.md_black .txt_wrap {border-top:1px dotted #4d4d4d; border-bottom:1px dotted #4d4d4d;} .md_link.md_black .txt_wrap p {color:#ccc;} /* //GR06.19_LINK (외부링크 형) */ /* 외부링크 형 small */ .md_link_s {position:relative; width:220px; margin-bottom:30px;} .md_link_s .txt_wrap {position:relative; width:100%; padding:14px 0px;} .md_link_s .txt_wrap a {display:block; position:absolute; top:50%; right:0px; margin-top:-25px;} .md_link_s .md_black .txt_wrap {border-top:1px dotted #4d4d4d; border-bottom:1px dotted #4d4d4d;} .md_link_s .md_black .txt_wrap p{color:#ccc;} .md_link_s .btn_go { display: inline-block; width: 100%; border: 1px solid #808080; color: #333; line-height: 48px; text-align: center;} /* //외부링크 형 small */ /* 170918 추가 - 링크 리스트 */ .md_link_list {margin:30px 100px 0; padding:30px 0 0; border-top:3px solid #000; } .md_link_list .tit {margin:0 20px 24px; font-size:28px; font-family:HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; color:#333;} .inner_list {text-align:center;} .list_box {display:inline-block;} .list_box:after {display:block; clear:both; content:"";} .list_box li {float:left; margin-left:20px; width:310px;} .list_box li:first-child {margin-left:0;} .list_box .img {overflow:hidden; width:100%; height:174px; background:black;} .list_box .img img {width:100%; } .list_box .btn_article {margin-top:17px;} .list_box .btn_article a {display: block; width: 100%; border: 1px solid #808080; color: #333; line-height: 48px; text-align: center; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration: none;} .list_box .btn_article a:hover {background:#000; color:#fff;} /* //170918 추가 */ /* GR06.15_IMMO_T (이미지/영상 다수_썸네일 형) */ .view_wrap .md_it_immo_t.md_white {background-color:transparent; color:#666;} .md_it_immo_t.md_black .movie_list .tit, .md_it_immo_t.md_black .movie_list .desc {color:#fff} .md_it_immo_t {position:relative; padding:30px 100px 0;} .md_it_immo_t .space_wrap {margin:-30px -100px 30px;} /* 170717 수정 */ .md_it_immo_t h2 {position:relative; z-index:20; padding-top:30px; margin:0 0 22px 0; line-height:46px;font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} .md_it_immo_t h2 span {font-size:30px; line-height:40px;font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; } /* //170717 수정 */ .md_it_immo_t .btn_prev {position:absolute; top:241px; left:-82px; z-index:10;} .md_it_immo_t.md_white .btn_prev, .md_it_immo_t.md_gray .btn_prev {background-position:-240px 0;} .md_it_immo_t.md_white .btn_prev.mhover, .md_it_immo_t.md_gray .btn_prev.mhover {background-position:-320px 0;} .md_it_immo_t.md_white .btn_prev.disabled, .md_it_immo_t.md_gray .btn_prev.disabled {background-position:-400px 0;} .md_it_immo_t .btn_next {position:absolute; top:241px; right:-82px; z-index:10;} .md_it_immo_t.md_white .btn_next, .md_it_immo_t.md_gray .btn_next {background-position:-240px -80px;} .md_it_immo_t.md_white .btn_next.mhover, .md_it_immo_t.md_gray .btn_next.mhover {background-position:-320px -80px;} .md_it_immo_t.md_white .btn_next.disabled, .md_it_immo_t.md_gray .btn_next.disabled {background-position:-400px -80px;} .md_it_immo_t .movie_list {position:relative; width:1000px;} .md_it_immo_t .movie_list ul {position:relative; overflow:hidden; width:1000px;} .md_it_immo_t .movie_list .feature_video {position:absolute; width:88px; height:50px;} .md_it_immo_t .movie_list .feature_video img {width:88px; height:50px;} .md_it_immo_t .movie_list .feature_video span.play {position:absolute; left:50%; top:50%; margin:-8px 0 0 -6px; width:12px; height:15px; background:url('/images/en/web/content/bg_feature_play.png') no-repeat 0 0;} .md_it_immo_t .movie_list .tit {display:none; width:884px; padding:651px 86px 0 30px; color:#333; font-family:'HyundaiSansHeadKRMedium', '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; font-size:18px; line-height:22px; text-align:center} .md_it_immo_t .movie_list .desc {display:none; width:884px; min-height:47px; padding:4px 86px 10px 30px; color:#333; font-size:13px; line-height:22px; text-align:center} .md_it_immo_t .movie_list .movie_wrap {display:none; position:absolute; top:0; left:0; width:1000px;} .md_it_immo_t .movie_list .movie_wrap .movie img, .md_it_immo_t .movie_list .movie_wrap .img_wrap img {width:1000px; height:563px;} .md_it_immo_t .movie_list .movie_wrap .movie {position:absolute; top:0; left:0;} .md_it_immo_t .movie_list .movie_wrap .caption_wrap {display:none; position:absolute; top:635px; left:0; width:1000px; border-top:1px solid #ccc} .md_it_immo_t .movie_list .movie_wrap .caption_wrap .btn_caption {position:absolute; top:8px; right:0;} .md_it_immo_t .movie_list .movie_wrap .caption_wrap .caption_scroll {display:none; width:903px; margin-top:8px;} .md_it_immo_t .movie_list .movie_wrap .caption_wrap .video_caption {width:888px;} /* 슬라이드 모션이 들어갈 때 */ .md_it_immo_t .movie_list li.slide .movie_wrap {display:block;} /* 선택되었을 때 */ .md_it_immo_t .movie_list li.on .tit {display:block;} .md_it_immo_t .movie_list li.on .desc {display:block;} .md_it_immo_t .movie_list li.on .movie_wrap {display:block;} .md_it_immo_t .movie_list li.on .caption_wrap {display:block;} .md_it_immo_t .movie_list li.on .feature_video img, .md_it_immo_t .movie_list li.on .feature_video span {opacity:0.5; filter: alpha(opacity = 50); -ms-filter:"alpha (opacity=50)"; zoom:1;} .md_it_immo_t .movie_list .movie01 .feature_video {top:574px; left:11px} .md_it_immo_t .movie_list .movie02 .feature_video {top:574px; left:110px} .md_it_immo_t .movie_list .movie03 .feature_video {top:574px; left:209px} .md_it_immo_t .movie_list .movie04 .feature_video {top:574px; left:308px} .md_it_immo_t .movie_list .movie05 .feature_video {top:574px; left:407px} .md_it_immo_t .movie_list .movie06 .feature_video {top:574px; left:506px} .md_it_immo_t .movie_list .movie07 .feature_video {top:574px; left:605px} .md_it_immo_t .movie_list .movie08 .feature_video {top:574px; left:704px} .md_it_immo_t .movie_list .movie09 .feature_video {top:574px; left:803px} .md_it_immo_t .movie_list .movie10 .feature_video {top:574px; left:902px} .md_it_immo_t .movie_list .movie11 .feature_video {top:635px; left:11px} .md_it_immo_t .movie_list .movie12 .feature_video {top:635px; left:110px} .md_it_immo_t .movie_list .movie13 .feature_video {top:635px; left:209px} .md_it_immo_t .movie_list .movie14 .feature_video {top:635px; left:308px} .md_it_immo_t .movie_list .movie15 .feature_video {top:635px; left:407px} .md_it_immo_t .movie_list .movie16 .feature_video {top:635px; left:506px} .md_it_immo_t .movie_list .movie17 .feature_video {top:635px; left:605px} .md_it_immo_t .movie_list .movie18 .feature_video {top:635px; left:704px} .md_it_immo_t .movie_list .movie19 .feature_video {top:635px; left:803px} .md_it_immo_t .movie_list .movie20 .feature_video {top:635px; left:902px} /* //GR06.15_IMMO_T (이미지/영상 다수_썸네일 형) */ /* GR06.24_IMMO_I (이미지/영상 다수 인디케이터 형) */ .view_wrap .md_it_immo_i.md_white {background-color:transparent; color:#666;} .md_it_immo_i.md_black .movie_list .tit, .md_it_immo_i.md_black .movie_list .desc {color:#fff} .md_it_immo_i {position:relative; padding:30px 100px 0;} .md_it_immo_i .space_wrap {margin:-30px -100px 30px;} /* 170717 수정 */ .md_it_immo_i h2 {position:relative; z-index:20; padding-top:30px; margin:0 0 22px 0; line-height:46px; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} .md_it_immo_i h2 span {font-size:30px; line-height:40px; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* //170717 수정 */ .md_it_immo_i .btn_prev {position:absolute; top:241px; left:-82px; z-index:10;} .md_it_immo_i.md_white .btn_prev, .md_it_immo_i.md_gray .btn_prev { background-position:-240px 0;} .md_it_immo_i.md_white .btn_prev.mhover, .md_it_immo_i.md_gray .btn_prev.mhover {background-position:-320px 0;} .md_it_immo_i.md_white .btn_prev.disabled, .md_it_immo_i.md_gray .btn_prev.disabled {background-position:-400px 0;} .md_it_immo_i .btn_next {position:absolute; top:241px; right:-82px; z-index:10;} .md_it_immo_i.md_white .btn_next, .md_it_immo_i.md_gray .btn_next {background-position:-240px -80px;} .md_it_immo_i.md_white .btn_next.mhover, .md_it_immo_i.md_gray .btn_next.mhover {background-position:-320px -80px;} .md_it_immo_i.md_white .btn_next.disabled, .md_it_immo_i.md_gray .btn_next.disabled {background-position:-400px -80px;} .md_it_immo_i .movie_list {position:relative; width:1000px;} .md_it_immo_i .movie_list ul {position:relative; overflow:hidden; width:1000px;} .md_it_immo_i .movie_list .indicator {position:absolute; width:24px; height:24px;} .md_it_immo_i .movie_list .indicator a {display:block; width:24px; height:24px; background:url('/images/en/web/common/bg_indicator.png') no-repeat 0 0} .md_it_immo_i .movie_list .indicator a.img {background-position:-87px 0} .md_it_immo_i .movie_list .indicator a.mov {background-position:-109px 0} .md_it_immo_i .movie_list .indicator a.img:hover {background-position:-43px 0} .md_it_immo_i .movie_list .indicator a.mov:hover {background-position:-65px 0} .md_it_immo_i .movie_list .indicator a.img.on {background-position:0 0} .md_it_immo_i .movie_list .indicator a.mov.on {background-position:-22px 0} .md_it_immo_i.md_black .movie_list .indicator a.img {background-position:-87px -30px} .md_it_immo_i.md_black .movie_list .indicator a.mov {background-position:-109px -30px} .md_it_immo_i.md_black .movie_list .indicator a.img:hover {background-position:-43px -30px} .md_it_immo_i.md_black .movie_list .indicator a.mov:hover {background-position:-65px -30px} .md_it_immo_i.md_black .movie_list .indicator a.img.on {background-position:0 -30px} .md_it_immo_i.md_black .movie_list .indicator a.mov.on {background-position:-22px -30px} .md_it_immo_i .movie_list .tit {display:none; width:884px; padding:610px 86px 0 30px; color:#333; font-family:'HyundaiSansHeadKRMedium', '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; font-size:18px; line-height:22px; text-align:center} .md_it_immo_i .movie_list .desc {display:none; width:884px; min-height:47px; padding:4px 86px 10px 30px; color:#333; font-size:13px; line-height:22px; text-align:center} .md_it_immo_i .movie_list .movie_wrap {display:none; position:absolute; top:0; left:0; width:1000px;} .md_it_immo_i .movie_list .movie_wrap .movie img, .md_it_immo_i .movie_list .movie_wrap .img_wrap img {width:1000px; height:563px} .md_it_immo_i .movie_list .movie_wrap .movie {position:absolute; top:0; left:0; width:100%; height:100%;} .md_it_immo_i .movie_list .movie_wrap .movie .player {position:absolute; top:0; left:0; width:1000px; height:563px} .md_it_immo_i .movie_list .movie_wrap .caption_wrap {display:none; position:absolute; top:595px; left:0; width:1000px;} .md_it_immo_i .movie_list .movie_wrap .caption_wrap .btn_caption {position:absolute; top:8px; right:0;} .md_it_immo_i .movie_list .movie_wrap .caption_wrap .caption_scroll {display:none; width:903px; margin-top:8px;} .md_it_immo_i .movie_list .movie_wrap .caption_wrap .video_caption {width:888px;} /* 슬라이드 모션이 들어갈 때 */ .md_it_immo_i .movie_list li.slide .movie_wrap {display:block;} /* 선택했을 때 */ .md_it_immo_i .movie_list li.on .tit {display:block;} .md_it_immo_i .movie_list li.on .desc {display:block;} .md_it_immo_i .movie_list li.on .movie_wrap {display:block;} .md_it_immo_i .movie_list li.on .caption_wrap {display:block;} .md_it_immo_i .movie_list .movie01 .indicator {top:574px; left:5px} .md_it_immo_i .movie_list .movie02 .indicator {top:574px; left:37px} .md_it_immo_i .movie_list .movie03 .indicator {top:574px; left:69px} .md_it_immo_i .movie_list .movie04 .indicator {top:574px; left:101px} .md_it_immo_i .movie_list .movie05 .indicator {top:574px; left:133px} .md_it_immo_i .movie_list .movie06 .indicator {top:574px; left:165px} .md_it_immo_i .movie_list .movie07 .indicator {top:574px; left:197px} .md_it_immo_i .movie_list .movie08 .indicator {top:574px; left:234px} .md_it_immo_i .movie_list .movie09 .indicator {top:574px; left:266px} .md_it_immo_i .movie_list .movie10 .indicator {top:574px; left:298px} .md_it_immo_i .movie_list .movie11 .indicator {top:574px; left:330px} .md_it_immo_i .movie_list .movie12 .indicator {top:574px; left:362px} .md_it_immo_i .movie_list .movie13 .indicator {top:574px; left:394px} .md_it_immo_i .movie_list .movie14 .indicator {top:574px; left:426px} .md_it_immo_i .movie_list .movie15 .indicator {top:574px; left:458px} .md_it_immo_i .movie_list .movie16 .indicator {top:574px; left:490px} .md_it_immo_i .movie_list .movie17 .indicator {top:574px; left:522px} .md_it_immo_i .movie_list .movie18 .indicator {top:574px; left:554px} .md_it_immo_i .movie_list .movie19 .indicator {top:574px; left:586px} .md_it_immo_i .movie_list .movie20 .indicator {top:574px; left:586px} .md_it_immo_i .movie_list .movie21 .indicator {top:574px; left:618px} .md_it_immo_i .movie_list .movie22 .indicator {top:574px; left:650px} .md_it_immo_i .movie_list .movie23 .indicator {top:574px; left:682px} .md_it_immo_i .movie_list .movie24 .indicator {top:574px; left:714px} .md_it_immo_i .movie_list .movie25 .indicator {top:574px; left:746px} .md_it_immo_i .movie_list .movie26 .indicator {top:574px; left:778px} .md_it_immo_i .movie_list .movie27 .indicator {top:574px; left:810px} .md_it_immo_i .movie_list .movie28 .indicator {top:574px; left:842px} .md_it_immo_i .movie_list .movie29 .indicator {top:574px; left:874px} .md_it_immo_i .movie_list .movie30 .indicator {top:574px; left:906px} /* //GR06.24_IMMO_I (이미지/영상 다수 인디케이터 형) */ /* GR06.17_EDG2 (Technology 특화모듈) */ .md_em_tech {padding:30px 100px 0;} .md_em_tech .space_wrap {margin:-30px -100px 30px;} .md_em_tech .tech_wrap {overflow:hidden;} .md_em_tech .tech_wrap h2 {margin-bottom:24px; text-align:left; font-family: HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif;} /* 170717 수정 */ .md_em_tech .tech_wrap .tech_img_wrap {position:relative; height:430px;} .md_em_tech .tech_wrap .tech_img_wrap img {width:1000px; height:430px;} .md_em_tech .tech_wrap .tech_img_wrap .tech_mask_wrap {position:absolute; right:0; top:0; overflow:hidden; width:500px; height:430px; border-left:1px solid #000;} .md_em_tech .tech_wrap .tech_img_wrap .tech_mask_wrap .tech_mask {position:absolute; right:0; top:0; width:1000px; height:430px;} .md_em_tech .btn_m_wrap {position:relative; width:1000px; height:40px; z-index:10;} .md_em_tech .btn_m_wrap button {position:absolute; top:-9px; width:49px; height:49px; margin-right:-24px; background:url('/images/en/web/content/btn_em_tech.png') 0 0 no-repeat;} .md_em_tech .tech_wrap .txt_wrap {padding:24px 10px 0; text-align:center;} /* //GR06.17_EDG2 (Technology 특화모듈) */ /* EDG3 (Collaboration 특화모듈) */ .md_c_edg3 {overflow:hidden; position:relative; width:1200px; height:640px; margin-top:30px;}/* 150424 수정 */ .md_c_edg3 button {display:block; position:absolute; z-index:10; left:50%; width:40px; height:40px; margin-left:-20px; background:url('/images/en/web/common/bg_edg3_arr.png') no-repeat 0 0} .md_c_edg3 button.btn_pre {top:8px; background-position:0 0} .md_c_edg3 button.btn_next {bottom:8px; background-position:0 -40px} .md_c_edg3 button.btn_pre.mhover {background-position:-40px 0} .md_c_edg3 button.btn_next.mhover {background-position:-40px -40px} .md_c_edg3 .con_collabo {} .md_c_edg3 .con_collabo .bg_left {position:absolute; left:0; width:600px; height:640px} .md_c_edg3 .con_collabo .bg_right {position:absolute; right:0; width:600px; height:640px} .md_c_edg3 .con_collabo p {display:none; font-size:14px; line-height:24px; text-align:center} .md_c_edg3 .con_collabo p.txt_top span, .md_c_edg3 .con_collabo p.txt_bottom span {} .md_c_edg3 .con_collabo p.txt_top {position:absolute; top:115px; left:200px; width:800px;} .md_c_edg3 .con_collabo p.txt_bottom {position:absolute; bottom:113px; left:200px; width:800px;} .md_c_edg3 .con_collabo .txt_left {display:none; position:absolute; top:70px; left:150px; width:300px; text-align:left; } .md_c_edg3 .con_collabo .txt_right {display:none; position:absolute; top:70px; right:150px; width:300px; text-align:left; } .md_c_edg3 .con_collabo .txt_left p, .md_c_edg3 .con_collabo .txt_right p {display:table-cell; width:300px; height:500px; vertical-align:middle} .md_c_edg3 .con_collabo .txt_left span, .md_c_edg3 .con_collabo .txt_right span {display:inline-block; width:300px; padding:27px 0; text-align:left;} .md_c_edg3.fc_white .con_collabo p {color:#fff;} .md_c_edg3.fc_white .con_collabo .txt_left span, .md_c_edg3.fc_white .con_collabo .txt_right span {border-top:1px solid #fff; border-bottom:1px solid #fff;} .md_c_edg3.fc_black .con_collabo p {color:#333;} .md_c_edg3.fc_black .con_collabo .txt_left span, .md_c_edg3.fc_black .con_collabo .txt_right span {border-top:1px solid #333; border-bottom:1px solid #333;} /* //EDG3 (Collaboration 특화모듈) */ /* GR06.16_EDG1 (이미지 View 형) */ .view_wrap .md_em_view.md_white {background-color:transparent; color:#666;} .md_em_view {overflow:hidden; position:relative; padding:82px 100px 52px;} .md_em_view .space_wrap {margin:-50px -100px 50px;} .md_em_view .btn_prev {position:absolute; top:241px; left:-100px; z-index:10;} .md_em_view .btn_next {position:absolute; top:241px; right:-100px; z-index:10;} .md_em_view .btn_prev {background-position:-240px 0;} .md_em_view .btn_prev.mhover {background-position:-320px 0;} .md_em_view .btn_prev.disabled {background-position:-400px 0;} .md_em_view.md_black .btn_prev.disabled {background-position:-160px 0;} .md_em_view .btn_next {background-position:-240px -80px;} .md_em_view .btn_next.mhover {background-position:-320px -80px;} .md_em_view .btn_next.disabled {background-position:-400px -80px;} .md_em_view.md_black .btn_next.disabled {background-position:-160px -80px;} .md_em_view .movie_list li .movie_wrap .movie .btn_play, .md_em_view .movie_list li .movie_wrap .movie .etc_video .btn_play, .md_em_view .movie_list.thumb li.on .movie_wrap .movie .etc_video .btn_play {display:none} .md_em_view .movie_list li.on .movie_wrap .movie .etc_video .btn_play {display:block} .md_em_view .movie_list.thumb li .movie_wrap .movie .btn_play {display:block} .md_em_view .movie_list {position:relative; width:1000px; min-height:668px;} .md_em_view .movie_list .btn_list {position:absolute; top:-42px; right:3px; width:22px; height:22px; background:url('/images/en/web/common/bg_btn_list_type.png') no-repeat 0 0} .md_em_view.md_black .movie_list .btn_list {background-position:-30px 0} .md_em_view .movie_list .tit {display:none; width:884px; padding:590px 86px 0 30px; font-family:'HyundaiSansHeadKRMedium', '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; font-size:18px; line-height:22px; text-align:center} .md_em_view.md_white .movie_list .tit, .md_em_view.md_gray .movie_list .tit {color:#333;} .md_em_view.md_black .movie_list .tit {color:#fff;} .md_em_view .movie_list .desc {display:none; width:884px; padding:4px 86px 0 30px; font-size:13px; line-height:22px; text-align:center} .md_em_view.md_white .movie_list .desc, .md_em_view.md_gray .movie_list .desc {color:#333;} .md_em_view.md_black .movie_list .desc {color:#fff;} .md_em_view .movie_list .movie_wrap {position:absolute; top:0; left:0; width:1000px; height:auto;} .md_em_view .movie_list .movie_wrap .img_wrap img, .md_em_view .movie_list .movie_wrap .movie img {width:1000px; height:563px;} .md_em_view .movie_list .movie_wrap .img_wrap, .md_em_view .movie_list .movie_wrap .movie {position:absolute; top:0; left:0; width:1000px; height:563px;} .md_em_view .movie_list .movie_wrap .movie .player {position:absolute; top:0; left:0; width:1000px; height:563px} .md_em_view .movie_list .movie_wrap .movie .movie_controls {display:none} .md_em_view .movie_list .movie_wrap .caption_wrap {display:none; position:absolute; top:575px; left:0; width:1000px;} .md_em_view .movie_list .movie_wrap .caption_wrap .btn_caption {position:absolute; top:8px; right:0;} .md_em_view .movie_list .movie_wrap .caption_wrap .caption_scroll {display:none; width:903px; margin-top:8px;} .md_em_view .movie_list .movie_wrap .caption_wrap .video_caption {width:888px;} .md_em_view .movie_list .movie_wrap .img_wrap .btn_view, .md_em_view .movie_list .movie_wrap .movie .btn_view {display:none} .md_em_view .movie_list .movie_wrap.img .movie{display:none} .md_em_view .movie_list .movie_wrap.mov .img_wrap {display:none} .md_em_view .movie_list li.on .tit {display:block} .md_em_view .movie_list li.on .desc {display:block} .md_em_view .movie_list li.on .movie_wrap .caption_wrap {display:block} .md_em_view .movie_list li.on .movie_wrap .caption_wrap .caption_scroll {display:none} .md_em_view .movie_list li.on .movie_wrap .movie .movie_controls {display:block} .md_em_view .movie_list .movie01 .movie_wrap .img_wrap, .md_em_view .movie_list .movie01 .movie_wrap .movie {left:-1030px} .md_em_view .movie_list .movie02 .movie_wrap .img_wrap, .md_em_view .movie_list .movie02 .movie_wrap .movie {left:0px} .md_em_view .movie_list .movie03 .movie_wrap .img_wrap, .md_em_view .movie_list .movie03 .movie_wrap .movie {left:1030px} .md_em_view .movie_list .movie04 .movie_wrap .img_wrap, .md_em_view .movie_list .movie04 .movie_wrap .movie {left:2060px} .md_em_view .movie_list .movie05 .movie_wrap .img_wrap, .md_em_view .movie_list .movie05 .movie_wrap .movie {left:3090px} .md_em_view .movie_list .movie06 .movie_wrap .img_wrap, .md_em_view .movie_list .movie06 .movie_wrap .movie {left:4120px} .md_em_view .movie_list .movie07 .movie_wrap .img_wrap, .md_em_view .movie_list .movie07 .movie_wrap .movie {left:5150px} .md_em_view .movie_list .movie08 .movie_wrap .img_wrap, .md_em_view .movie_list .movie08 .movie_wrap .movie {left:6180px} .md_em_view .movie_list .movie09 .movie_wrap .img_wrap, .md_em_view .movie_list .movie09 .movie_wrap .movie {left:7210px} .md_em_view .movie_list .movie10 .movie_wrap .img_wrap, .md_em_view .movie_list .movie10 .movie_wrap .movie {left:8024px} .md_em_view .list_state {position:absolute; bottom:-60px; left:-100px; width:1200px; height:4px;} .md_em_view .list_state span {display:block; position:absolute; top:0; width:0; height:4px; background-color:#fff} .md_em_view .movie_list.thumb {min-height:117px} .md_em_view .movie_list.thumb .btn_prev, .md_em_view .movie_list.thumb .btn_next, .md_em_view .movie_list.thumb .tit, .md_em_view .movie_list.thumb .desc, .md_em_view .movie_list.thumb .movie_wrap .etc_video, .md_em_view .movie_list.thumb .movie_wrap .caption_wrap {display:none !important} .md_em_view .movie_list.thumb .btn_list {width:28px; background-position:0 -22px} .md_em_view.md_black .movie_list.thumb .btn_list {background-position:-30px -22px} .md_em_view .movie_list.thumb li {float:left; width:190px; height:107px; margin:5px 5px} .md_em_view .movie_list.thumb .movie_wrap {position:relative; width:190px} .md_em_view .movie_list.thumb .movie_wrap .img_wrap, .md_em_view .movie_list.thumb .movie_wrap .movie {position:relative; left:auto; width:190px; height:107px} .md_em_view .movie_list.thumb .movie_wrap .img_wrap img, .md_em_view .movie_list.thumb .movie_wrap .movie img {width:190px; height:107px} .md_em_view .movie_list.thumb .movie_wrap .movie .movie_controls {display:none !important} .md_em_view .movie_list.thumb .movie_wrap .img_wrap .btn_view, .md_em_view .movie_list.thumb .movie_wrap .movie .btn_view {display:block; position:absolute; top:0; left:0; width:190px; height:107px} .md_em_view .movie_list.thumb .movie_wrap .movie .btn_play {position:absolute; width:190px; height:107px; top:0; left:0; margin:0; background:url('/images/en/web/content/bg_feature_play.png') no-repeat center center;} .md_em_view .movie_list.thumb .movie_wrap .img_wrap button {background:url('/images/en/web/content/bg_feature_play.png') no-repeat -100px 0;} .md_em_view .movie_list.thumb .list_state {display:none} .md_em_view .movie_list.thumb .indicator {display:none} .md_em_view li .indicator {position:absolute; bottom:-42px; left:-100px; width:1200px; height:4px;} .md_em_view li .indicator span {display:block; position:absolute; z-index:5; top:0; left:0; width:10%; height:4px;} .md_em_view.md_white li .indicator span, .md_em_view.md_gray li .indicator span {background:url('/images/en/web/common/bg_md_em_line.png') no-repeat 0 0} .md_em_view.md_black li .indicator span {background:url('/images/en/web/common/bg_md_em_line.png') no-repeat 0 -16px} .md_em_view.md_white li.on .indicator span, .md_em_view.md_gray li.on .indicator span {background-position:0 -4px} .md_em_view.md_black li.on .indicator span {background-position:0 -20px} .md_em_view .movie01 .indicator span {left:0%;} .md_em_view.md_white .movie01 .indicator span, .md_em_view.md_gray .movie01 .indicator span {background-position:0 -8px} .md_em_view.md_white .movie01.on .indicator span, .md_em_view.md_gray .movie01.on .indicator span {background-position:0 -12px} .md_em_view.md_black .movie01 .indicator span {background-position:0 -24px} .md_em_view.md_black .movie01.on .indicator span {background-position:0 -28px} .md_em_view .movie02 .indicator span {left:10%} .md_em_view .movie03 .indicator span {left:20%} .md_em_view .movie04 .indicator span {left:30%} .md_em_view .movie05 .indicator span {left:40%} .md_em_view .movie06 .indicator span {left:50%} .md_em_view .movie07 .indicator span {left:60%} .md_em_view .movie08 .indicator span {left:70%} .md_em_view .movie09 .indicator span {left:80%} .md_em_view .movie10 .indicator span {left:90%} /*.md_em_view .movie_list li .movie_wrap button {display:none} .md_em_view .movie_list li.on .movie_wrap button {display:block} .md_em_view .movie_list.thumb li .movie_wrap button {display:block;}*/ /* //GR06.16_EDG1 (이미지 View 형) */ /* table */ table {margin:0; padding:0; border-spacing:0; width:100%; border:0; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; background-color:#fff} table caption {width:0; height:0; line-height:0px; visibility:hidden} table th, table td {border:0} table thead th {padding:12px 10px 11px 10px; color:#333; border-bottom:1px solid #b3b3b3; font-size:12px; line-height:16px; text-align:left; font-weight:normal} table tbody th {padding:12px 10px 11px 10px; border-top:1px solid #e6e6e6; background-color:#f7f7f7; color:#333; font-size:12px; line-height:16px; text-align:left; font-weight:normal} table tbody td {padding:12px 10px 11px 10px; border-top:1px solid #e6e6e6; color:#666; font-size:12px; line-height:16px} table tbody tr:first-child td,table tbody tr:first-child th {border-top:0} /* //140819 font 수정 HyundaiSansHeadKRMedium -> HyundaiSansHeadKRMedium, HyundaiSansHeadKRMedium -> HyundaiSansHeadKRRegular */ /* 140901 추가 */ table.tbl_type01{margin-top:15px;} table.tbl_type01 td a{display:block;width:66px;padding:6px 0;border:1px solid #666;text-align:center;} table.tbl_type01 td a:hover{border:1px solid #000;background:#000;color:#fff} table.tbl_type01 td a.link{padding:0;border:none;width:100%;text-align:left} table.tbl_type02{width:480px;} table.tbl_type02 th{background-color:#f7f7f7;} table.tbl_type02 td{color:#333;} /* // 140901 추가 */ /* 141124 갤러리 모듈 추가 */ .view_wrap .md_gall_view .md_white {background-color:transparent; color:#666;} .md_gall_view {overflow:hidden; position:relative; padding:55px 100px 82px;} /* padding:82px 100px 52px; */ .md_gall_view .space_wrap {margin:-50px -100px 50px;} .md_gall_view .movie_list .movie_wrap {position:absolute; top:0px; left:0; width:1000px; height:auto; margin-top:50px; background-color:#fff;} .md_gall_view .btn_prev {position:absolute; top:241px; left:-100px; z-index:10;} .md_gall_view .btn_next {position:absolute; top:241px; right:-100px; z-index:10;} .md_gall_view .btn_prev {background-position:-240px 0;} .md_gall_view .btn_prev.mhover {background-position:-320px 0;} .md_gall_view .btn_prev.disabled {background-position:-400px 0;} .md_gall_view.md_black .btn_prev.disabled {background-position:-160px 0;} .md_gall_view .btn_next {background-position:-240px -80px;} .md_gall_view .btn_next.mhover {background-position:-320px -80px;} .md_gall_view .btn_next.disabled {background-position:-400px -80px;} .md_gall_view.md_black .btn_next.disabled {background-position:-160px -80px;} .md_gall_view .btn_up {position:absolute; top:10px; left:50%; z-index:9;} .md_gall_view .btn_up {background-position:-80px 0px;} .md_gall_view .btn_up.mhover {background-position:-80px -80px;} .md_gall_view .btn_up.disabled {background-position:-500px 0;} .md_gall_view.md_black .btn_up.disabled {background-position:-160px 0;} .md_gall_view .btn_down {position:absolute; top:550px; left:50%; z-index:9;} .md_gall_view .btn_down {background-position:0px 0px;} .md_gall_view .btn_down.mhover {background-position:0px -80px;} .md_gall_view .btn_down.disabled {background-position:-550px 0;} .md_gall_view .movie_list ul li.on {background-position:-460px -480px; background-color:#fff;} .md_gall_view .movie_list li .movie_wrap .movie .btn_play, .md_gall_view .movie_list li .movie_wrap .movie .etc_video .btn_play, .md_gall_view .movie_list.thumb li.on .movie_wrap .movie .etc_video .btn_play {display:none} .md_gall_view .movie_list li.on .movie_wrap .movie .etc_video .btn_play {display:block} .md_gall_view .movie_list.thumb li .movie_wrap .movie .btn_play {display:block} .md_gall_view .movie_list {position:relative; width:1000px; min-height:668px; z-index:10; top:-15px; } .md_gall_view .movie_list .btn_list {position:absolute; top:-12px; right:3px; width:22px; height:22px; background:url('/images/en/web/common/bg_btn_list_type.png') no-repeat 0 0} /* position:absolute; top:-42px; right:3px; width:22px; height:22px; background:url('/images/en/web/common/bg_btn_list_type.png') no-repeat 0 0 */ .md_gall_view.md_black .movie_list .btn_list {background-position:-30px 0} .md_gall_view .movie_list .tit {display:none; width:884px; padding:590px 86px 0 30px; font-family:HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; font-size:18px; line-height:22px; text-align:center} .md_gall_view.md_white .movie_list .tit, .md_gall_view.md_gray .movie_list .tit {color:#333;} .md_gall_view.md_black .movie_list .tit {color:#fff;} .md_gall_view .movie_list .desc {display:none; width:884px; padding:4px 86px 0 30px; font-size:13px; line-height:22px; text-align:center} .md_gall_view.md_white .movie_list .desc, .md_gall_view.md_gray .movie_list .desc {color:#333;} .md_gall_view.md_black .movie_list .desc {color:#fff;} .md_gall_view .movie_list .movie_wrap {position:absolute; top:0px; left:0; width:1000px; height:auto; margin-top:50px; background-color:#fff;} /* position:absolute; top:0; left:0; width:1000px; height:auto; */ .md_gall_view .movie_list .movie_wrap .img_wrap img, .md_gall_view .movie_list .movie_wrap .movie img {width:1000px; height:563px;} .md_gall_view .movie_list .movie_wrap .img_wrap, .md_gall_view .movie_list .movie_wrap .movie {position:absolute; top:0; left:0; width:1000px; height:563px;} .md_gall_view .movie_list .movie_wrap .movie .player {position:absolute; top:0; left:0; width:1000px; height:563px} .md_gall_view .movie_list .movie_wrap .movie .movie_controls {display:none} .md_gall_view .movie_list .movie_wrap .caption_wrap {display:none; position:absolute; top:575px; left:0; width:1000px;} .md_gall_view .movie_list .movie_wrap .caption_wrap .btn_caption {position:absolute; top:8px; right:0;} .md_gall_view .movie_list .movie_wrap .caption_wrap .caption_scroll {display:none; width:903px; margin-top:8px;} .md_gall_view .movie_list .movie_wrap .caption_wrap .video_caption {width:888px;} .md_gall_view .movie_list .movie_wrap .img_wrap .btn_view, .md_gall_view .movie_list .movie_wrap .movie .btn_view {display:none} .md_gall_view .movie_list .movie_wrap.img .movie{display:none} .md_gall_view .movie_list .movie_wrap.mov .img_wrap {display:none} .md_gall_view .movie_list li.on .tit {display:block; position:relative; top:50px;} .md_gall_view .movie_list li.on .desc {display:block; position:relative; top:50px;} .md_gall_view .movie_list li.on .movie_wrap .caption_wrap {display:block} .md_gall_view .movie_list li.on .movie_wrap .caption_wrap .caption_scroll {display:none} .md_gall_view .movie_list li.on .movie_wrap .movie .movie_controls {display:block} .md_gall_view .movie_list .movie01 .movie_wrap .img_wrap, .md_gall_view .movie_list .movie01 .movie_wrap .movie {left:-1030px} .md_gall_view .movie_list .movie02 .movie_wrap .img_wrap, .md_gall_view .movie_list .movie02 .movie_wrap .movie {left:0px} .md_gall_view .movie_list .movie03 .movie_wrap .img_wrap, .md_gall_view .movie_list .movie03 .movie_wrap .movie {left:1030px} .md_gall_view .movie_list .movie04 .movie_wrap .img_wrap, .md_gall_view .movie_list .movie04 .movie_wrap .movie {left:2060px} .md_gall_view .movie_list .movie05 .movie_wrap .img_wrap, .md_gall_view .movie_list .movie05 .movie_wrap .movie {left:3090px} .md_gall_view .movie_list .movie06 .movie_wrap .img_wrap, .md_gall_view .movie_list .movie06 .movie_wrap .movie {left:4120px} .md_gall_view .movie_list .movie07 .movie_wrap .img_wrap, .md_gall_view .movie_list .movie07 .movie_wrap .movie {left:5150px} .md_gall_view .movie_list .movie08 .movie_wrap .img_wrap, .md_gall_view .movie_list .movie08 .movie_wrap .movie {left:6180px} .md_gall_view .movie_list .movie09 .movie_wrap .img_wrap, .md_gall_view .movie_list .movie09 .movie_wrap .movie {left:7210px} .md_gall_view .movie_list .movie10 .movie_wrap .img_wrap, .md_gall_view .movie_list .movie10 .movie_wrap .movie {left:8024px} .md_gall_view .list_state {position:absolute; bottom:-60px; left:-100px; width:1200px; height:4px;} .md_gall_view .list_state span {display:block; position:absolute; top:0; width:0; height:4px; background-color:#fff} .md_gall_view .movie_list.thumb {min-height:117px} .md_gall_view .movie_list.thumb .btn_prev, .md_gall_view .movie_list.thumb .btn_next, .md_gall_view .movie_list.thumb .tit, .md_gall_view .movie_list.thumb .desc, .md_gall_view .movie_list.thumb .movie_wrap .etc_video, .md_gall_view .movie_list.thumb .movie_wrap .caption_wrap {display:none !important} .md_gall_view .movie_list.thumb .btn_list {width:28px; background-position:0 -22px} .md_gall_view.md_black .movie_list.thumb .btn_list {background-position:-30px -22px} .md_gall_view .movie_list.thumb li {float:left; width:190px; height:107px; margin:5px 5px} .md_gall_view .movie_list.thumb .movie_wrap {position:relative; width:190px} .md_gall_view .movie_list.thumb .movie_wrap .img_wrap, .md_gall_view .movie_list.thumb .movie_wrap .movie {position:relative; left:auto; width:190px; height:107px} .md_gall_view .movie_list.thumb .movie_wrap .img_wrap img, .md_gall_view .movie_list.thumb .movie_wrap .movie img {width:190px; height:107px} .md_gall_view .movie_list.thumb .movie_wrap .movie .movie_controls {display:none !important} .md_gall_view .movie_list.thumb .movie_wrap .img_wrap .btn_view, .md_gall_view .movie_list.thumb .movie_wrap .movie .btn_view {display:block; position:absolute; top:0; left:0; width:190px; height:107px} .md_gall_view .movie_list.thumb .movie_wrap .movie .btn_play {position:absolute; width:190px; height:107px; top:0; left:0; margin:0; background:url('/images/ken/web/content/bg_feature_play.png') no-repeat center center;} .md_gall_view .movie_list.thumb .movie_wrap .img_wrap button {background:url('/images/en/web/content/bg_feature_play.png') no-repeat -100px 0;} .md_gall_view .movie_list.thumb .list_state {display:none} .md_gall_view .movie_list.thumb .indicator {display:none} .md_gall_view li .indicator {position:absolute; bottom:-95px; left:-100px; width:1200px; height:4px;} .md_gall_view li .indicator span {display:block; position:absolute; z-index:5; top:0; left:0; width:10%; height:4px;} .md_gall_view.md_white li .indicator span, .md_gall_view.md_gray li .indicator span {background:url('/images/en/web/common/bg_md_em_line.png') no-repeat 0 0} .md_gall_view.md_black li .indicator span {background:url('/images/en/web/common/bg_md_em_line.png') no-repeat 0 -16px} .md_gall_view.md_white li.on .indicator span, .md_gall_view.md_gray li.on .indicator span {background-position:0 -4px} .md_gall_view.md_black li.on .indicator span {background-position:0 -20px} .md_gall_view .movie01 .indicator span {left:0%;} .md_gall_view.md_white .movie01 .indicator span, .md_gall_view.md_gray .movie01 .indicator span {background-position:0 -8px} .md_gall_view.md_white .movie01.on .indicator span, .md_gall_view.md_gray .movie01.on .indicator span {background-position:0 -12px} .md_gall_view.md_black .movie01 .indicator span {background-position:0 -24px} .md_gall_view.md_black .movie01.on .indicator span {background-position:0 -28px} .md_gall_view .movie02 .indicator span {left:10%} .md_gall_view .movie03 .indicator span {left:20%} .md_gall_view .movie04 .indicator span {left:30%} .md_gall_view .movie05 .indicator span {left:40%} .md_gall_view .movie06 .indicator span {left:50%} .md_gall_view .movie07 .indicator span {left:60%} .md_gall_view .movie08 .indicator span {left:70%} .md_gall_view .movie09 .indicator span {left:80%} .md_gall_view .movie10 .indicator span {left:90%} /* //141124 갤러리 모듈 추가 */ /* 150420 추가 */ .md_link_ss {position:relative; margin-bottom:30px;} .md_link_ss .txt_wrap {position:relative; width:100%; padding:14px 0px;} .md_link_ss .txt_wrap a {display:block; position:absolute; top:50%; right:0px; margin-top:-25px;} .md_link_ss .btn_go { display: inline-block; width: 100%; border: 1px solid #808080; color: #333; line-height: 48px; text-align: center;} /* //150420 추가 */ /* 151203추가 */ /* 아코디언 모듈 */ .fold_contents_wrap {padding: 30px 100px 0;} .fold_contents_wrap .fold_contents_area {position:relative;border:1px solid #eee;} .fold_contents_wrap .fold_contents_area.on {border:1px solid #ccc;} .fold_contents_wrap .fold_contents_area .fold_contents {display:none;height:auto;padding:35px 37px;} .fold_contents_wrap .fold_contents_area .fold_contents img{width:100%;} .fold_contents_wrap .fold_contents_area .fold_tit {position:relative;width:100%;height:100px;background-color:#eee;} .fold_contents_wrap .fold_contents_area .fold_tit p {padding:40px 25px;font-size:14px;color:#303030;} .fold_contents_wrap .fold_contents_area .fold_tit span {text-indent:-1000em;width:35px;height:18px;position:absolute; top:40px; right:30px; background:url('/images/ko/web/common/bg_aco_arr.png') no-repeat 0 -20px;} .fold_contents_wrap .fold_contents_area.on .fold_tit span {background-position:0 0;} /* //151203추가 */ /* 170918 추가 */ /* top 영상 */ .md_t_m {position:relative; width:1200px;} /* //170918 추가 */ /* 170830 추가 (이미지/영상 다수_썸네일 형 - 설명글 포함) */ .md_t_i_s {position:relative; padding:30px 100px 0;} .md_t_i_s .slider_box {position:relative;} .md_t_i_s .slider_list {overflow:hidden;} .md_t_i_s .slider_list ul {width:1000%;} .md_t_i_s .slider_list ul:after {display:block; clear:both; content:"";} .md_t_i_s .slider_list ul li {float:left; } .md_t_i_s .slider_list ul li .img {width:1000px; height:563px; margin:0 auto;} .md_t_i_s .slider_list ul li .img img {width:100%; height:100%;} .md_t_i_s .slider_list ul li .text_wrap {padding:88px 0 60px; width:1000px;} .md_t_i_s .slider_list ul li .text_wrap .tit {; font-size:18px; font-family:HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; line-height:22px; text-align:center; color:#333;} .md_t_i_s .slider_list ul li .text_wrap .sub_tit {padding-top:60px; font-size:28px; font-family:HyundaiSansHeadKRMedium, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; line-height:40px; color:#333;} .md_t_i_s .slider_list ul li .text_wrap .txt {padding-top:30px; font-size:14px; font-family:HyundaiSansTextKRRegular, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; color:#333;} /* 170907 수정 */ .md_t_i_s .feature_box {position:absolute; top:574px; left:0; } .md_t_i_s .feature_box ul {} .md_t_i_s .feature_box ul:after {display:block; clear:both; content:""} .md_t_i_s .feature_box li {float:left; margin-left:23px;} .md_t_i_s .feature_box li:first-child {margin-left:0px;} .md_t_i_s .feature_box li a {display:block; width:88px; height:50px; background:#fff;} .md_t_i_s .feature_box li a img {width:88px; height:50px;} .md_t_i_s .feature_box li.on img {opacity:0.5;} /* //170907 수정 */ .md_t_i_s .btn_article {position:absolute; top:241px; width:100%;} .md_t_i_s .btn_article p {position:absolute; z-index:10;} .md_t_i_s .btn_article a {display:block; width:80px; height:80px; background:url('/images/ko/web/common/bg_movie_arr.png') no-repeat 0 0;} .md_t_i_s .btn_article .prev {left:-82px;} .md_t_i_s .btn_article .prev a {background-position:-80px 0;} .md_t_i_s .btn_article .prev.false a {background-position:-400px 0; cursor:default;} .md_t_i_s .btn_article .next {right:-82px;} .md_t_i_s .btn_article .next a {background-position:-80px -80px;} .md_t_i_s .btn_article .next.false a {background-position:-400px -80px; cursor:default;} /* //170830 (이미지/영상 다수_썸네일 형 - 설명글 포함) */