@import url('../../../css/normalize.css');
@import url('../../../css/common.css');
@import url('../../../css/webfont.css');

@font-face {
    font-family: 'garimond';
    font-weight: normal;
    font-style: normal;
    src: url('../font/GaramondPremrPro-Smbd.eot');
    src: url('../font/GaramondPremrPro-Smbd.eot?#iefix') format('embedded-opentype'),
    url('../font/GaramondPremrPro-Smbd.woff') format('woff')
}
/* common */
.acc_tag{position:absolute; left:-9999px; top:-9999px; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0 }
.show { display:block; }
.hide { display:none; }
.overlap { position:relative; width:1280px; height:900px; overflow:hidden; }
.overlap p { position:absolute; left:0; top:0; opacity:0; }

/* btns */
.bn-back, .bn-preview, .bn-next{display:none; position:absolute;}
.bn-back {top:0; right:0; z-index:10;}
.bn-preview {top:50%; left:0; margin-top:-33px;z-index:100; padding:23px 25px;}
.bn-next {top:50%; right:0; margin-top:-33px; z-index:100; padding:23px 25px;}
.bn-back span, .bn-preview span, .bn-next span{display:block; text-indent:-9999px; overflow: hidden;}
.bn-back span{width:60px; height:60px; background:url('../img/bn_back.png') no-repeat left top; overflow: hidden;}
.bn-preview span{width:14px; height:21px; background:url('../img/bn_preview_white.png') no-repeat left top}
.bn-next span{width:14px; height:21px; background:url('../img/bn_next_white.png') no-repeat left top}
.inverse.bn-back span{background:url('../img/bn_back.png') no-repeat left top;}
.inverse.bn-preview span{background:url('../img/bn_preview.png') no-repeat left top;}
.inverse.bn-next span{background:url('../img/bn_next.png') no-repeat left top;}

/* sns */
.sns-bns {position:absolute; bottom:40px; left:32px; display:none; z-index:10000;}
.sns-bns li {border-bottom:1px solid #fff}
.sns-bns li.inverse{border-bottom:1px solid #000;}
.sns-bns li a { display:block; overflow: hidden; width:21px; height:51px; background-position:left center; background-repeat:no-repeat; text-indent:-9999px}
.sns-bns li.sns_3 { border: none}
.sns-bns li.sns_0 a{background-image:url('../img/bn_facebook_white.png');}
.sns-bns li.sns_1 a{background-image:url('../img/bn_twitter_white.png');}
.sns-bns li.sns_2 a{background-image:url('../img/bn_qqq_white.png');}
.sns-bns li.sns_3 a{background-image:url('../img/bn_google_white.png');}
.sns-bns li.inverse.sns_0 a{background-image:url('../img/bn_facebook.png');}
.sns-bns li.inverse.sns_1 a{background-image:url('../img/bn_twitter.png');}
.sns-bns li.inverse.sns_2 a{background-image:url('../img/bn_qqq.png');}
.sns-bns li.inverse.sns_3 a{background-image:url('../img/bn_google.png');}

/* indicator */
.indicator {position:absolute; left:50%; top:95%; z-index:10; margin-left:-20px; }
.indicator li{position:relative; width:15px; height:15px; margin: 0px 6px 0px 0px; float: left; cursor : pointer;}
.indicator li a{display:block; width:15px; height:15px; text-indent:-10000px; overflow:hidden;}
.indicator-btn {background:URL('../img/indicator_white.png') 0 0 no-repeat;}
.indicator-btn.on {background:URL('../img/indicator_on_white.png') 0 0 no-repeat;}
.indicator-btn.inverse {background:URL('../img/indicator.png') 0 0 no-repeat;}
.indicator-btn.inverse.on {background:URL('../img/indicator_on.png') 0 0 no-repeat;}

/* focus */
.sns-bns li a:focus { outline: 1px dotted #fff}
.indicator-btn a:focus { outline: 1px dotted #fff}
a.bn-next:focus { outline: 1px dotted #fff}
a.bn-preview:focus { outline: 1px dotted #fff}
.sns-bns li.inverse a:focus { outline: 1px dotted #000}
.indicator-btn.inverse a:focus { outline: 1px dotted #000}
a.bn-next.inverse:focus { outline: 1px dotted #000}
a.bn-preview.inverse:focus { outline: 1px dotted #000}

/* loading */
.loading { position:absolute; top:50%; left:50%; margin:-8px 0 0 -38px; width:76px; height:16px; background:url('../img/loading.png') 0 0; }
.loading p { position:relative; left:0%; top:25px; text-align:center; font:12px/1 'samsungif_bd'; }

/* info_rotate */
.info_rotate { position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:9999; display:none; }
.info_rotate img { width:100%; }

/* customized contents */
.body_wrap{width:1280px; height:900px;}
.content_container { display:none; position:absolute; top:0; left:50%; width:1280px; height:900px; margin:0 0 0 -640px; overflow:hidden; background: #fff}
.content_page_wrap { display:none; background-color: #000 }
.pages { display:none; position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden;}
.pages, .cover { position:absolute;width:1280px;height:900px;background:#000; }
.pages .title { position:absolute;left:150px;top:77px;z-index:20; }
.pages .title p { padding-top:14px;font-size:15px; }
.pages .images { position:absolute;left:0;top:0;width:1280px;height:900px;z-index:0; }
.pages .images li { position:absolute;left:0;top:0;width:1280px;height:900px; }
.pages .images .img1{ z-index: -1}
.pages .images .img2{ z-index: -2}
.pages .images .img3{ z-index: -3}
.pages .images .img4{ z-index: -4}
.pages .images .img5{ z-index: -5}
.pages .images .img6{ z-index: -6}
.pages .images .img7{ z-index: -7}


.pages a.more { width:93px;height:36px;margin-top:40px;overflow:hidden;text-indent:-9999px;background:url("../img/btn_popup_img.png") 0 0 no-repeat;display:block; }
.pages a.more.on{background: url("../img/btn_popup_img.png") 0 -36px no-repeat;}
.pages .summary { padding-top: 401px; }
.pages .spec { padding-top: 18px; }
.pages .spec li { padding-left: 14px; line-height: 26px; background: url("../img/bl_popup_text.png") 2px 8px no-repeat; }
.pages .comment { padding-top: 10px; }
.pages .popup h4 { padding-top: 57px; font-size: 18px; }

/* pages */
.page01 { background: url("../img/bg_sc1.jpg") no-repeat;}
.page01 .webfont { position:absolute; left:50%; top:595px; margin-left:-640px; width:1280px; color:#cfcfcf; font-size:17px; text-align:center; line-height:27px; letter-spacing: -0.001em}
.page01 .webfont a { margin-top:105px; display:inline-block; }

.page02 .slide_box { }
.page02 .slide_box ol { overflow:hidden; }
.page02 .slide_box li { position:absolute; width:427px; height:900px; overflow:hidden; cursor:pointer; z-index:1; }
.page02 .slide_box li > a { position:absolute; left:0; top:0; width:100%; height:899px; display:block; }
.page02 .slide_box li.active { z-index:1000; }
.page02 .slide_box li .mask { position:absolute; left:0; top:0; width:100%; height:900px; z-index:5; background:#000; }
.page02 .slide_box li .onimg { position:absolute; left:0; top:0; width:100%; height:900px; z-index:6; }
.page02 .slide_box li .txtBox { position:absolute; left:50%; margin-left:-95px; top:443px; z-index:7; }
.page02 .slide_box li .onTxt, .page02 .slide_box li .offTxt { position:absolute; left:0; top:0; }
.page02 .slide_box li .onTxt { z-index:-1; }
.page02 .slide_box li.active .onTxt { z-index:11; }
.page02 .slide_box li.menu1 { background: url(../img/bg_page2_slide1.jpg) no-repeat 0px 0px; }
.page02 .slide_box li.menu2 { background: url(../img/bg_page2_slide2.jpg) no-repeat 50% 0px; }
.page02 .slide_box li.menu3 { background: url(../img/bg_page2_slide3.jpg) no-repeat 100% 0px; }
.page02 .slide_box li.menu1 .onimg { background: url(../img/bg_page2_slide1on.jpg) no-repeat 0px 0px; }
.page02 .slide_box li.menu2 .onimg { background: url(../img/bg_page2_slide2on.jpg) no-repeat 50% 0px; }
.page02 .slide_box li.menu3 .onimg { background: url(../img/bg_page2_slide3on.jpg) no-repeat 100% 0px; }

/* popup */
.popup {position:absolute; left:0px; top:0px; width:1280px; height:900px;  z-index:10000;}
.popup p{font-family:'secgcr';font-size:14px; color:#fff; line-height:1.4; text-align:justify; letter-spacing:0; letter-spacing: -0.002em}
.popup span{font-family:'secgcr';line-height:inherit;}
.popup .close-btn {position: absolute; z-index: 9999; right: 34px; top: 17px; color:#000;}
.popup .close-btn a { display:block; background:url('../img/close_btn.png') 0 0 no-repeat; width:83px; height:83px; text-indent:-10000px; margin:14px 0 0 1160px; overflow:hidden;}
.popup .close-btn.inverse a { display:block; background:url('../img/close_btn_black.png') 0 0 no-repeat; width:83px; height:83px; text-indent:-10000px; margin:14px 0 0 1160px; overflow:hidden;}
.popup .close-btn a:focus{ outline:1px dotted #000}
.popup .popup1 { z-index:1; }
.popup .popup2 { z-index:2; }
.popup .popup3 { z-index:3; background:#777; }
.popup .popup4 { z-index:4; background:#ffff00; }

.popup .pop_txt{font-size:14px;font-family:'secgcr';line-height:22px;text-align:center;color:#000;margin-top:50px;}
.popup.movie .close-btn a {background:url('../img/close_btn.png') 0 0 no-repeat;color: #fff}
.popup.movie .close-btn a:focus{ outline:1px dotted #fff}
.popup .video { position:absolute; left:0px; top:0px; width:1208px; height:608px;}
.popup .video-container {position:absolute; top: 0px; left: 0; width:1280px; height:755px; padding-top:145px; background:#000;}
.popup .video-player { position:relative; width:1210px; height:680px;  margin:0px auto 0 auto; background-color:#000; }

.popup-content-wrap { position:relative; height:900px; }
.popup-pgs { display:none; position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden; background:#fff; }
.popup-pgs:first-child {display: block;}
.popup-pgs > div:after{content:'';display:block;height:0px;clear:both;visibility:hidden;}
.popup-pgs .pop_txt_area{width:50%;height:638px;padding-top:262px;float:left;background:#f0f0f0;}
.popup-pgs .pop_txt_area p{color:#000;text-align:center;padding-top:47px;background:url('../img/bg_txt.gif') no-repeat center top;margin-bottom:50px;}
.popup-pgs .pop_txt_area .video_btn{background:none;padding-top:0px;}
.popup-pgs .pop_txt_area .video_btn a{display:inline-block;width:180px;height:44px;background:url('../img/btn_play_video.gif') no-repeat left top;}
.popup-pgs .pop_txt_area .video_btn a:hover{background:url('../img/btn_play_video.gif') no-repeat left bottom;}
.popup-pgs .pop_txt_area .video_btn a span{text-indent:-9999px;font-size:0px;position:absolute;top:-9999px;}
.popup-pgs .pop_txt_area p{font-size:14px;line-height:26px;}
.popup-pgs .pop_txt_area .strong{color:#000;font-size:17px;font-family:'secgcb';}
.popup-pgs .pop_infograph{width:50%;height:100%;float:right;}

.popup .bn-pop-prev, .popup .bn-pop-next { position:absolute; display:block; }
.popup .bn-pop-prev {top:50%; left:0; margin-top:-33px;z-index:100; padding:23px 25px;}
.popup .bn-pop-next {top:50%; right:0; margin-top:-33px; z-index:100; padding:23px 25px;}
.popup .bn-pop-prev span, .popup .bn-pop-next span{display:block; text-indent:-9999px; overflow: hidden;}
.popup .bn-pop-prev span{width:14px; height:21px; background:url('../img/bn_preview_white.png') no-repeat left top}
.popup .bn-pop-next span{width:14px; height:21px; background:url('../img/bn_next_white.png') no-repeat left top}
.popup .inverse.bn-pop-prev span{background:url('../img/bn_preview.png') no-repeat left top;}
.popup .inverse.bn-pop-next span{background:url('../img/bn_next.png') no-repeat left top;}


/*common*/
.popup01 .pop-pgs01 .pop_wrap:after,
.popup02 .pop-pgs01 .pop_wrap:after,
.popup02 .pop-pgs02 .pop_wrap:after,
.popup03 .pop-pgs01 .pop_wrap:after,
.popup04 .pop-pgs01 .pop_wrap:after{content:'';display:block;height:0px;clear:both;visibility:hidden;}

.webfont { font-size: 14px; font-family: secgcm; line-height: 28px; text-align:justify; word-break: normal; color: #fff;}

/* popup-1 */
.popup01 .fig-text { position:absolute; left:0; top:0; }
.popup01 .pop-pgs01 { background:url('../img/bg_pop01_01.jpg') no-repeat 0 0; }
.popup01 .pop-pgs01 .fig-content { }
.img-list { position:absolute; left:160px; top:153px; }
.img-list li { position:absolute; background:#919191; }
.img-list a { display:block; }
.img-list .list-1, .img-list .list-2, .img-list .list-3 { top:0; }
.img-list .list-4, .img-list .list-5, .img-list .list-6, .img-list .list-7, .img-list .list-8 { top:393px; width:188px; height:153px; }
.img-list .list-1 { left:0; width:477px; height:387px; background:url("../img/popup1_page1_txt1.jpg") no-repeat; }
.img-list .list-2 { left:482px; width:285px; height:387px; background:url("../img/popup1_page1_txt2.jpg") no-repeat; }
.img-list .list-3 { left:772px; width:188px; height:387px; background:url("../img/popup1_page1_txt3.jpg") no-repeat; }
.img-list .list-4 { left:0; background:url("../img/popup1_page1_txt4.jpg") no-repeat; }
.img-list .list-5 { left:193px; background:url("../img/popup1_page1_txt5.jpg") no-repeat; }
.img-list .list-6 { left:386px; background:url("../img/popup1_page1_txt6.jpg") no-repeat; }
.img-list .list-7 { left:579px; background:url("../img/popup1_page1_txt7.jpg") no-repeat; }
.img-list .list-8 { left:772px; background:url("../img/popup1_page1_txt8.jpg") no-repeat; }

.popup01 .story { position:absolute; left:0px; top:0px; padding:160px 0 0 134px; width:1280px; height:900px; z-index:10000; background:url("../img/dimmed_story.png");}
.popup01 .story .title { font-family: garimond; color:#d4bc97; font-size:28px; line-height: 1.2; margin-left:2px}
.popup01 .story .title p.text-cont{margin-left:0; margin-bottom:20px; display:block; font-family: garimond; color:#d4bc97; font-size:28px; line-height: 1.2;}
.popup01 .story .title span{margin-left:-10px; font-family: garimond; display: block}
.popup01 .story .title span.dubble-dot{display:inline}
.popup01 .story span.ment{font-family: secgcr; font-size:20px; color:#fff; margin-left: 0}
.popup01 .story .ment:before{display:block; content: ''; width:24px; height:3px; background-color: #fff; margin:33px 0 24px }
.popup01 .story .comment { padding-top:62px; }
.popup01 .story .summary { padding-top:36px; }
.popup01 .story .infography { padding-top:57px; display:block; }
.popup01 .story .close-btn { right:168px; }

/* .popup01 .pop-pgs02 { background:url('../img/bg_pop01_02.jpg') no-repeat 0 0; } */
.popup01 .pop-pgs02 .fig-text { margin:118px 0 0 158px; height:208px; }
.popup01 .pop-pgs02 .fig-text .grade { margin:0 0 25px 2px; }
.popup01 .pop-pgs02 .fig-text .title { margin-bottom:26px; }
.popup01 .pop-pgs02 .fig-text .artist { margin-bottom:38px; color:#000; font-size: 16px; letter-spacing: -0.025em;}
.popup01 .pop-pgs02 .fig-text .btn { display:block; }

/* .popup01 .pop-pgs03 { background:url('../img/bg_pop01_03.jpg') no-repeat 0 0; } */
.popup01 .pop-pgs03 .fig-text { margin:118px 0 0 160px; height:208px; }
.popup01 .pop-pgs03 .fig-text .grade { margin-bottom:25px; }
.popup01 .pop-pgs03 .fig-text .title { margin-bottom:25px; }
.popup01 .pop-pgs03 .fig-text .artist { margin-bottom:31px; color:#000; font-size: 16px; letter-spacing: -0.025em;}
.popup01 .pop-pgs03 .fig-text .btn { display:block; }

/* .popup01 .pop-pgs04 { background:url('../img/bg_pop01_04.jpg') no-repeat 0 0; } */
.popup01 .pop-pgs04 .fig-text { margin:118px 0 0 159px; height:263px; }
.popup01 .pop-pgs04 .fig-text .grade { margin:0 0 25px 2px; }
.popup01 .pop-pgs04 .fig-text .title { margin-bottom:25px; }
.popup01 .pop-pgs04 .fig-text .artist { margin-bottom:31px; font-size: 16px; letter-spacing: -0.025em;}
.popup01 .pop-pgs04 .fig-text .btn { display:block; }

/* .popup01 .pop-pgs05 { background:url('../img/bg_pop01_05.jpg') no-repeat 0 0; } */
.popup01 .pop-pgs05 .fig-text { margin:118px 0 0 160px; height:161px; }
.popup01 .pop-pgs05 .fig-text .title { margin-bottom:24px; }
.popup01 .pop-pgs05 .fig-text .artist { margin-bottom:31px; font-size:16px; letter-spacing: -0.025em; color:#000; }
.popup01 .pop-pgs05 .fig-text .btn { display:block; }

/* .popup01 .pop-pgs06 { background:url('../img/bg_pop01_06.jpg') no-repeat 0 0; } */
.popup01 .pop-pgs06 .fig-text { margin:118px 0 0 160px; height:161px; }
.popup01 .pop-pgs06 .fig-text .title { margin-bottom:25px; }
.popup01 .pop-pgs06 .fig-text .artist { margin-bottom:31px; color:#000; font-size: 16px; letter-spacing: -0.025em;}
.popup01 .pop-pgs06 .fig-text .btn { display:block; }

/* .popup01 .pop-pgs07 { background:url('../img/bg_pop01_07.jpg') no-repeat 0 0; } */
.popup01 .pop-pgs07 .fig-text { margin:118px 0 0 160px; height:208px; }
.popup01 .pop-pgs07 .fig-text .grade { margin:0 0 25px 0; }
.popup01 .pop-pgs07 .fig-text .title { margin-bottom:25px; }
.popup01 .pop-pgs07 .fig-text .artist { margin-bottom:31px; font-size: 16px; letter-spacing: -0.025em;}
.popup01 .pop-pgs07 .fig-text .btn { display:block; }

/* .popup01 .pop-pgs08 { background:url('../img/bg_pop01_08.jpg') no-repeat 0 0; } */
.popup01 .pop-pgs08 .fig-text { margin:118px 0 0 156px; height:216px; }
.popup01 .pop-pgs08 .fig-text .grade { margin:0 0 25px 4px; }
.popup01 .pop-pgs08 .fig-text .title { margin-bottom:25px; }
.popup01 .pop-pgs08 .fig-text .artist { margin-bottom:31px; color:#000; font-size: 16px; letter-spacing: -0.025em;}
.popup01 .pop-pgs08 .fig-text .btn { margin-left:4px; display:block; }

/* .popup01 .pop-pgs09 { background:url('../img/bg_pop01_09.jpg') no-repeat 0 0; } */
.popup01 .pop-pgs09 .fig-text { margin:118px 0 0 159px; height:216px; }
.popup01 .pop-pgs09 .fig-text .grade { margin:0 0 25px 1px; }
.popup01 .pop-pgs09 .fig-text .title { margin-bottom:24px; }
.popup01 .pop-pgs09 .fig-text .artist { margin-bottom:31px; font-size: 16px; letter-spacing: -0.025em;}
.popup01 .pop-pgs09 .fig-text .btn { display:block; }

.popup01 .pop_indicator { position:absolute; left:50%; margin-left:-486px; bottom:50px; z-index:2; display:none; }
.popup01 .pop_indicator li { float:left; margin-right:5px; width:103px; height:80px; display:block; cursor:pointer; }
.popup01 .pop_indicator li.li-1 { background:url('../img/bg_popup1_indicator1.png') 0 0 no-repeat; }
.popup01 .pop_indicator li.li-2 { background:url('../img/bg_popup1_indicator2.png') 0 0 no-repeat; }
.popup01 .pop_indicator li.li-3 { background:url('../img/bg_popup1_indicator3.png') 0 0 no-repeat; }
.popup01 .pop_indicator li.li-4 { background:url('../img/bg_popup1_indicator4.png') 0 0 no-repeat; }
.popup01 .pop_indicator li.li-5 { background:url('../img/bg_popup1_indicator5.png') 0 0 no-repeat; }
.popup01 .pop_indicator li.li-6 { background:url('../img/bg_popup1_indicator6.png') 0 0 no-repeat; }
.popup01 .pop_indicator li.li-7 { background:url('../img/bg_popup1_indicator7.png') 0 0 no-repeat; }
.popup01 .pop_indicator li.li-8 { background:url('../img/bg_popup1_indicator8.png') 0 0 no-repeat; }
.popup01 .pop_indicator li.li-9 { background:url('../img/bg_popup1_indicator9.png') 0 0 no-repeat; }
.popup01 .pop_indicator li img { display:none; }
.popup01 .pop_indicator li.on img { display:block; }

/* popup-2 */
.popup02 .location { position:absolute; left:0px; top:0px; width:1280px; height:900px; z-index:10000; background:url("../img/dimmed_location.png"); }
.popup02 .location .bg { margin-left:0px; }
.popup02 .location .summary { padding-top:0px; }
.popup02 .location .btn { position:absolute; left:0; top:0; }
.popup02 .location .btn a { width:109px; height:36px; overflow:hidden; text-indent:-10000px; margin:38px 0 0 38px; background:url('../img/popup2_page1_btn.png') 0 0 no-repeat; display:block; }

.popup02 .pop-pgs01 { background:url('../img/bg_pop02_01.jpg') no-repeat 0 0; }
.popup02 .pop-pgs01 .fig-text { position:absolute; left:0; top:0; width:1280px; height:301px; background:url('../img/bg_pop02_header.jpg') no-repeat 0 0; z-index:1; }
.popup02 .pop-pgs01 .fig-text .text-wrap { position:relative; margin:129px 0 0 187px; }
.popup02 .pop-pgs01 .fig-text .text-wrap h3 { float:left; margin-right:55px; }
.popup02 .pop-pgs01 .fig-text .text-wrap p { float:left; margin-top:-7px; line-height: 1.43; font-size:15px}
.popup02 .pop-pgs01 .fig-text .text-wrap a { position:absolute; left:-1px; top:87px; margin:-20px; padding:20px; display:block; }
.popup02 .pop-pgs01 .location .fig-content { position:relative; margin:178px 0 0 148px; width:auto; height:407px; background:url('../img/bg_popup2_page1_location.jpg') 0 0 no-repeat; }
.popup02 .pop-pgs01 .location .fig-content:before { float:left; margin:142px 0 0 513px; height:98px; border-left:1px solid #515151; content:''; display:block; }
.popup02 .pop-pgs01 .location .fig-content p { position:absolute; left:0; top:0; margin:142px 0 0 547px; line-height:1.27; font-size:15px; font-family: secgcl; letter-spacing: -0.01em}
.popup02 .pop-pgs01 .location .fig-content p span{font-family: secgcb; font-size:18px}
.popup02 .pop-pgs01 .location .btn a { width:125px; background:url('../img/popup2_page1_btn.png') 0 0 no-repeat; }

.popup02 .pop-pgs02 { background:url('../img/bg_pop02_02.jpg') no-repeat 0 0; }
.popup02 .pop-pgs02 .fig-text { position:absolute; left:0; top:0; width:1280px; height:301px; background:url('../img/bg_pop02_header.jpg') no-repeat 0 0; z-index:1; }
.popup02 .pop-pgs02 .fig-text .text-wrap { position:relative; margin:129px 0 0 187px; }
.popup02 .pop-pgs02 .fig-text .text-wrap h3 { float:left; margin-right:60px; }
.popup02 .pop-pgs02 .fig-text .text-wrap p { float:left; margin-top:-7px; font-size:15px; line-height: 1.43}
.popup02 .pop-pgs02 .fig-text .text-wrap a { position:absolute; left:-1px; top:87px; margin:-20px; padding:20px; display:block; }
.popup02 .pop-pgs02 .location .fig-content { position:relative; margin:178px 0 0 148px; width:985px; height:407px; background:url('../img/bg_popup2_page2_artist.jpg') 0 0 no-repeat; }
.popup02 .pop-pgs02 .location .fig-content p { padding:156px 0 0 496px; width:410px}
.popup02 .pop-pgs02 .location .btn a { width:125px; background:url('../img/popup2_page2_btn.png') 0 0 no-repeat; }

.popup02 .pop-pgs03 { background:url('../img/bg_pop02_03.jpg') no-repeat 0 0; }
.popup02 .pop-pgs03 .fig-text { position:absolute; left:0; top:0; width:1280px; height:301px; background:url('../img/bg_pop02_header.jpg') no-repeat 0 0; z-index:1; }
.popup02 .pop-pgs03 .fig-text .text-wrap { position:relative; margin:130px 0 0 189px; }
.popup02 .pop-pgs03 .fig-text .text-wrap h3 { float:left; margin-right:61px; }
.popup02 .pop-pgs03 .fig-text .text-wrap p { float:left; margin-top:-7px; font-size:15px; line-height: 1.43}
.popup02 .pop-pgs03 .fig-content { position:relative; margin-top:301px; }
.popup02 .pop_indicator { position:absolute; left:50%; margin-left:-160.5px; bottom:50px; z-index:2; display:none; }
.popup02 .pop_indicator li { float:left; margin-right:5px; width:102px; height:80px; display:block; cursor:pointer; }
.popup02 .pop_indicator li.li-1 { background:url('../img/bg_popup2_indicator1.png') 0 0 no-repeat; }
.popup02 .pop_indicator li.li-2 { background:url('../img/bg_popup2_indicator2.png') 0 0 no-repeat; }
.popup02 .pop_indicator li.li-3 { background:url('../img/bg_popup2_indicator3.png') 0 0 no-repeat; }
.popup02 .pop_indicator li img { display:none; }
.popup02 .pop_indicator li.on img { display:block; }


/* popup-3 */
.popup03 .pop-pgs01 { background:url('../img/bg_pop03_01.jpg') no-repeat 0 0; }
.popup03 .pop-pgs01 .fig-text { position:relative; margin:179px auto 0; width:243px; }
.popup03 .pop-pgs01 .fig-content { position:relative; margin:50px auto; width:802px; }
.popup03 .pop-pgs01 .fig-content .video { width:802px; height:450px; background:url(../img/bg_pop03_video.jpg) no-repeat; z-index:1; }
.popup03 .pop-pgs02 { background:url('../img/bg_pop03_02.jpg') no-repeat 0 0; }
.popup03 .pop-pgs02 .fig-text { position:relative; margin:199px auto 81px; width:auto }
.popup03 .pop-pgs02 .fig-text .title { margin:0 auto; width:153px; margin-bottom:30px; }
.popup03 .pop-pgs02 .fig-text .mentor{font-size:20px; line-height: 1.3; text-align:center}
.popup03 .pop-pgs02 .fig-content ul { position:relative; margin:0 auto 0; width:904px; }
.popup03 .pop-pgs02 .fig-content ul li { margin-right:68px; float:left; }
.popup03 .pop-pgs02 .fig-content ul li.last { margin-right:0; }
.popup03 .pop-pgs02 .fig-content ul li img { display:block; }
.popup03 .pop-pgs02 .fig-content ul li dl{color:#fff; text-align: center}
.popup03 .pop-pgs02 .fig-content ul li dl dt{ font-size:20px; letter-spacing: -0.03em; font-family: secgcb; margin-top:32px; margin-bottom:13px}
.popup03 .pop-pgs02 .fig-content ul li dl dd{ font-size:15px; letter-spacing: -0.01em; font-family: secgcl; color:#cfcfcf}
.popup03 .pop-pgs02 .fig-content ul li dl dd span{display:block; margin-bottom:5px}
.popup03 .pop_indicator { position:absolute; left:50%; margin-left:-107px; bottom:50px; z-index:2; display:none; }
.popup03 .pop_indicator li { float:left; margin-right:5px; width:102px; height:80px; display:block; cursor:pointer; }
.popup03 .pop_indicator li.li-1 { background:url('../img/bg_popup3_indicator1.png') 0 0 no-repeat; }
.popup03 .pop_indicator li.li-2 { background:url('../img/bg_popup3_indicator2.png') 0 0 no-repeat; }
.popup03 .pop_indicator li img { display:none; }
.popup03 .pop_indicator li.on img { display:block; }