@import url("padStyle_basic.css");

@charset "utf-8";

.wrap {position:relative; width:100%;}
.go_index {display:block; position:absolute; width:120px; height:60px; left:16px; z-index:99;}

.main_movie{position:relative; overflow:hidden; width:800px; height:517px; background:url(../images/movie_sample_gal_ver.jpg) no-repeat left top; background-size:cover;}
.main_movie_play {position:relative; overflow:hidden; width:800px; height:667px; background:url(../images/movie_sample_3_gal_ver.jpg) no-repeat center top; }
.main_movie_click {width:800px; height:417px;}

.navigation{display:none;}
.navigation_ver{display:block; position:relative; margin-top:-90px;}
.navigation_ver .menu{width:100%; height:102px; background:url(../images/menu_bg.gif) repeat-x;}
.navigation_ver .nav_list{overflow:hidden; width:768px; padding:0 16px; background:#000;}
.navigation_ver .nav_list li{float:left;}
.right_float_bg {top:10px !important; z-index:10;}


/*Loading Bar*/
.loading_bar {position:absolute; top:35%; left:50%; margin-left:-58px; width:115px; height:117px; background:url(../images/loading_bar.png) no-repeat top left;}
.loading_bar .loading_step {position:absolute; margin:11px 0 0 9px;}
.loading_percent {display:block; position:absolute; width:100%; top:40px; text-align:center; font-size:2.6em; color:rgba(255,255,255,0.7);}
.loading_text {display:block; position:absolute; width:100%; top:70px; text-align:center; font-size:0.5em; color:rgba(255,255,255,0.7);}


/* 팝업 무비 */
.ver_movie_pop {position:absolute; width:727px; height:535px; top:50%; left:50%; margin-left:-363px; margin-top:-267px; background-color:#3d3d3d; z-index:100;}
.popup_title {position:relative; width:697px; height:58px; margin:0 auto; margin-bottom:18px; border-left:1px solid #5498b3;}
.popup_title img{position:absolute; bottom:0; margin-left:7px;}
.popup_closebtn {display:block; position:absolute; width:15px; height:15px; right:10px; top:36px;}
.movie_view {position:relative; width:697px; margin:0 auto 20px auto;}
.movie_view img {max-width:100%;}
.arrow_left,.arrow_right {display:block; position:absolute; width:40px; height:40px; top:50%; margin-top:-20px;}
.arrow_right {right:0;}
.popup_pause {display:block; position:absolute; width:65px; height:40px; top:50%; margin-top:-20px; left:50%; margin-left:-33px;}
.movie_bar {position:absolute;  bottom:25px; left:30px; width:637px; height:32px; background:url(../images/popup_playbar_vert.png) no-repeat top left;}
.movie_progress {position:relative; width:277px; height:7px; margin:12px 0 0 14px; background-color:#5498b3;}
.bar_time {position:absolute; width:39px; height:20px; right:0; margin:-21px -19px 0 0;background:url(../images/progress_time.png) no-repeat top left;}
.bar_time span {display:block; height:17px; line-height:17px; text-align:center; font-size:0.7em;}
.popup_sub_title {position:relative; width:697px; margin:0 auto;}
.modal_bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.7); z-index:50;}


/*페이스북 팝업*/
.facebook_wrap {position:absolute; width:453px; height:612px; top:50%; left:50%; margin:-306px 0 0 -226px; background-color:#3d3d3d; z-index:110;}
.facebook_title {width:100%; margin-bottom:30px;}
.facebook_title a {position:absolute; top:22px; right:13px; width:19px; height:19px;}
.facebook_list_title {width:100%; margin-left:15px; margin-bottom:14px;}
.facebook_list_photo {position:relative; width:417px; height:244px; margin:0 auto;}
.facebook_list_photo li {float:left; width:90px; height:90px; margin:0 7px 33px 7px;}
.facebook_list_photo li span {display:block; position:relative; width:100%; height:12px; color:#fff; font-size:0.7em; text-align:center; margin-bottom:13px;}
.fb_pagenation {display:block; width:50px; height:10px; margin:0 auto; font-size:0.7em; color:#FFF;}
.fb_pagenation img {float:left;}
.fb_pagenation .page_num {float:left; width:40px; height:10px; text-align:center; margin-top:-8px;}
.fb_pagenation .page_num span{color:#878787;}
.facebook_select_title {width:433px; border-top:1px solid #545454; padding-top:26px; padding-left:5px; margin:10px auto 15px auto; clear:both;}
.fb_select_list {position:relative;width:405px; margin:0 auto; }
.fb_select_list img {float:left;}
.fb_select_list .selection_img {margin-right:11px; border:1px solid #5498b3; }
.fb_btn {position:relative; width:127px; margin:130px auto 0 auto; clear:both;}
.modal_bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.7); z-index:50;}


/*Memorial Hall Main and Navi*/
.memorial_main {width:800px; height:2200px; background:url(../images/memorial_hall_vert_gal.jpg) no-repeat left top;}
.memorial_navi_wrap {height:312px; margin-left:16px;}
.memorial_main a {display:block; float:left; height:312px;}
.memorial_navi_01 {width:155px;}
.memorial_navi_02 {width:152px;}
.memorial_navi_03 {width:152px;}
.memorial_navi_04 {width:149px;}
.memorial_navi_05 {width:160px;}
.memorial_navi_01:hover {background:url(../images/memorial_hall_vert_over.jpg) no-repeat 0 0;}
.memorial_navi_02:hover {background:url(../images/memorial_hall_vert_over.jpg) no-repeat -155px 0;}
.memorial_navi_03:hover {background:url(../images/memorial_hall_vert_over.jpg) no-repeat -307px 0;}
.memorial_navi_04:hover {background:url(../images/memorial_hall_vert_over.jpg) no-repeat -459px 0;}
.memorial_navi_05:hover {background:url(../images/memorial_hall_vert_over.jpg) no-repeat -608px 0;}

/*Memorial Hall Text*/
.main_text_wrap {top:300px; width:740px; height:auto; margin-top:180px;}
.text_scroll_bar {display:none;}
.main_text {width:740px; height:auto; margin-left:30px; border:none; padding-right:0; overflow:visible;}
.main_text p {font-size:1em; color:#fff;}
.main_text h2 {margin:10px 0 20px 0; font-size:2.5em; color:#fff; margin-bottom:50px;}
.main_text span {position:absolute; top:20px; right:0;}


/* 아산의 생애 */
.asanlife_main,.asanlife_main2 {position:relative; width:800px; height:4900px; background:url(../images/asan_life_img_vert_gal.jpg) no-repeat left top,url(../images/asan_life_img_vert2_gal.jpg) repeat-y left top;}
.asanlife_main2 {position:relative; width:800px; height:1090px; background:url(../images/asan_life_img_vert3_gal.jpg) no-repeat left top;}
.asanlife_contents {position:absolute; width:800px; height:480px; top:171px;}
.asanlife_contents .close_btn {position:absolute; top:0; right:0;} 
.asan_tab_wrap {position:absolute; width:760px; top:70px; right:4px; top:51px;}
.asan_tab_menu {margin-bottom:50px;}
.asan_tab_menu a {display:block; width:364px; height:44px; float:left;}
.asan_tab_menu .tab1_01 {background:url(../images/asan_lifevert_tab_02_on.png) no-repeat left top;}
.asan_tab_menu .tab1_02 {background:url(../images/asan_lifevert_tab_01.png) no-repeat left top;}
.asan_tab_menu .tab2_01 {background:url(../images/asan_lifevert_tab_02.png) no-repeat left top;}
.asan_tab_menu .tab2_02 {background:url(../images/asan_lifevert_tab_01_on.png) no-repeat left top;}
.asan_tab_conbox {position:absolute; width:730px; height:4080px; top:80px; padding-right:0; border-right:none; clear:both; overflow-y:visible;}
.asan_tab_conbox h2 {margin:10px 10px 0 10px; font-size:1.5em; color:#fff;}
.asan_tab_conbox p {font-size:1em; margin:30px 10px 0 10px; color:#fff;}
.con_p_01,.con_p_02 {width:400px;}
.asan_tab_conbox h2.big_text {font-size:3em; margin-bottom:20px;}
.asan_tab_wrap .scrollArea {border:none;}
.asan_tab_conbox img.lhthumb {display:none;}
.asan_tab_conbox img.lhthumbVer {display:block;}

/* 도서로 보는 아산 */
.book_main {position:relative; height:1090px; background:url(../images/book_vert_img_gal.jpg) no-repeat left top;}
.book_main a {position:absolute;}
.book_main .book1 {width:158px; height:198px; top:278px; left:37px;}
.book_main .book2 {width:158px; height:198px; top:278px; left:227px;}
.book_main .book3 {width:158px; height:198px; top:278px; left:416px;}
.book_main .book4 {width:158px; height:198px; top:278px; left:608px;}
.book_main .close {width:40px; height:40px; top:171px; right:0; background:url(../images/btn_close_box.png) no-repeat 0 0;}
.book_main .book_list_btn {width:132px; height:132px; top:722px; left:333px;}


/* 도서로 보는 아산 팝업 */
.book_pop_bg {position:relative; width:700px; height:468px; top:50%; left:50%; margin-left:-350px; margin-top:-234px;background-color:#3d3d3d;}
.book_pop_head {position:relative; height:52px; margin-left:15px; margin-bottom:18px; border-left:1px solid #5498b3; width:666px;}
.book_pop_head span {position:absolute; margin-left:11px; bottom:0; font-size:1.5em; color:#fff;}
.book_pop_close {position:absolute; right:0; bottom:4px;}
.book_list_wrap {position:relative; height:368px;  margin-left:15px; border-right:1px solid #646464; width:650px;}
.book_list {position:absolute; height:368px; overflow-y:scroll; width:629px;}
.book_list_scrollbar {position:absolute; top:0; right:-6px; width:11px; height:11px;}
.b_bookList { width:100%; text-align:center; color:#5498b3; border-bottom:2px solid #5498b3; }
.book_list th { padding:10px 0 10px 0; color:#5498b3; border-bottom:1px solid #a2a2a2; border-top:1px solid #fff;  font-size:0.8em;}
.book_list td { padding:5px 12px 5px 12px; border-bottom:1px solid #3b5d6b; font-size:0.75em; }
.book_list .title { text-align:left; color:#FFF; }


/* 사진으로 만나는 아산 */
.photo_main .close {position:absolute; width:40px; height:40px; top:171px; right:0; background:url(../images/btn_close_box.png) no-repeat 0 0;}
.photo_main {position:relative; width:800px; height:100%; padding-top:240px; background:url(../images/photo_lifevert_img_gal.jpg) no-repeat left top, url(../images/sub02_bg_photo.jpg) repeat-y left top; overflow:auto}
.photo_wrap {position:relative;  top:0; left:6px; width:752px; margin:0 auto; overflow:auto}
.photo_wrap .photo_list {position:relative; width:100%; height:100%; top:0; left:0;}
.photo_wrap .photo_list li {float:left; margin:0 12px 12px 0; width:176px;}
.photo_wrap .photo_list li img {max-width:100%;}
.photo_wrap .photo_list li.photo_5 {margin-top:-124px; width:364px;}
.photo_wrap .photo_list li.photo_10 {margin-left:-752px; margin-top:124px;}
.photo_wrap .photo_list li.photo_9 {width:364px;}


/* 사진으로 만나는 아산 팝업*/
.photo_popup {position:relative; margin:80px auto 0 auto; width:374px; text-align:center;}
.photo_popup .photo_big_close {position:absolute; top:0; right:0;}


/* 영상으로 만나는 아산*/
.movie_main .close {position:absolute; width:40px; height:40px; top:171px; right:0;}
.movie_main {position:relative; height:1090px; background:url(../images/movie_meetvert_img_gal.jpg) no-repeat left top;}
.movie_wrap {position:relative; top:279px; left:0; width:800px; height:433px;}
.movie_player_bg {position:relative; height:394px;}
.movie_player_bg .mm_player {position:relative; width:480px; height:320px; margin:0 auto;}
.movie_player_bg .mm_player .play_btn {position:absolute; width:65px; height:40px; top:50%; left:50%; margin-left:-32px; margin-top:-20px;}
.movie_player_bg .mm_player .mm_player_bar {position:absolute; bottom:7px; left:13px; width:455px; height:32px; background:url(../images/movie_meet_playbar.png) no-repeat left top;}
.movie_player_bg .mm_player .mm_player_bar .mm_player_progress {position:absolute; width:100px; height:8px; background-color:#5498b3; top:12px; left:14px; z-index:100;}
.movie_player_bg .mm_player .mm_player_bar .mm_player_bigview_btn {position:absolute; width:16px; height:16px; top:8px; right:13px;}
.movie_player_bg .mm_title,.movie_player_bg .mm_sub_title {display:block; margin:0 auto; width:480px; text-align:center; font-size:1.5em; color:#fff; margin-top:20px;}
.movie_player_bg .mm_sub_title {font-size:0.8em; color:#5498b3; margin-top:5px;}
.movie_wrap .movie_step {position:relative; width:738px; height:21px; margin:40px auto 0 auto; border-top:1px solid #4a4e51;}
.movie_wrap .movie_step .mm_progress_handle {position:absolute; top:0; left:35px; width:11px; height:11px; margin-top:-6px;}
.movie_wrap .movie_step span {float:left; height:20px; font-size:0.7em; color:rgba(255,255,255,.5);  margin-top:5px; width:184px;}
.movie_wrap .movie_step span:nth-child(1) {color:rgba(255,255,255,1);}



/* 아산의 명언 */
.say_main .close {position:absolute; width:40px; height:40px; top:170px; right:0; background:url(../images/btn_close_box.png) no-repeat 0 0;}
.say_main {position:relative; height:1090px; background:url(../images/saying_vert_img_gal.jpg) no-repeat left top;}
.say_wrap {position:relative; top:230px; left:0; height:431px; margin:0 50px 0 50px;}
.say_wrap .type_01 {font-size:1.2em;}
.say_wrap .type_02 {font-size:0.6em;}
.say_wrap .type_03 {font-size:2.4em; letter-spacing:-0.06em;}
.say_wrap .type_04 {font-size:2.8em; letter-spacing:-0.06em;}
.say_wrap .type_05 {font-size:3.2em; letter-spacing:-0.06em;}
.say_wrap .color_white20 {color:rgba(255,255,255,.2);}
.say_wrap .color_white30 {color:rgba(255,255,255,.3);}
.say_wrap .color_white40 {color:rgba(255,255,255,.4);}
.say_wrap .color_white50 {color:rgba(255,255,255,.5);}
.say_wrap .color_white80 {color:rgba(255,255,255,.8);}
.say_wrap .color_white100 {color:rgba(255,255,255,1);}
.say_wrap .color_blue40 {color:rgba(84,152,179,.4);}
.say_wrap .color_blue50 {color:rgba(84,152,179,.5);}
.say_wrap .color_blue70 {color:rgba(84,152,179,.7);}
.say_wrap .color_blue100 {color:rgba(84,152,179,1);}
.say_wrap .text_pos {position:relative; line-height:3.5em; padding-right:10px; font-family:"Modern H Ecolight",AppleGothic,"dotum",dotum;}

/* 0613수정- 아산의 명언 */
/* .word_scroll {overflow:hidden; position:absolute; width:100%; top:550px; z-index:10; }
.word_scroll .left{display:block; float:left; }
.word_scroll .right{display:block; float:right;}
 */
span.gpLeft{display:block; position:absolute; top:370px; left:0; z-index:10;}
span.gpLeft a {display:block;}
span.gpRight{display:block; position:absolute; top:370px; right:0; z-index:10;}
span.gpRight a {display:block;}


/* 아산의 명언 팝업 */
.say_main .tag_pop_wrap {position:absolute; width:750px; height:440px; top:50%; left:50%; margin-left:-375px; margin-top:-220px; background-color:#3d3d3d; z-index:100;}
.say_pop_close {position:absolute; right:14px; top:14px;}
.say_main .tag_pop_wrap .tag_pop_contents {position:relative; width:690px; height:380px; margin:30px; margin-top:0;}
.say_main .tag_pop_wrap .tag_pop_contents .tag_con_left {position:absolute; width:321px; height:380px; left:0;  margin-top:30px;}
.say_main .tag_pop_wrap .tag_pop_contents .tag_con_left .tag_pop_player_bar {position:absolute; width:309px; height:32px; left:6px; bottom:7px; background:url(../images/saying_popup_playerbar.png) no-repeat top left;}
.say_main .tag_pop_wrap .tag_pop_contents .tag_con_left .tag_pop_player_bar .tag_pop_player_progress {position:absolute; width:100px; height:8px; background-color:#5498b3; top:12px; left:14px; z-index:100;}
.say_main .tag_pop_wrap .tag_pop_contents .tag_con_right {position:absolute; width:339px; height:380px; right:0;}
.say_main .tag_pop_wrap .tag_pop_contents .tag_con_right p {font-size:0.7em; color:#bebdbd; margin:0 5px; line-height:1.8em;}
.say_main .tag_pop_wrap .tag_pop_contents .tag_con_right .title_line {position:absolute; top:0; leftwidth:1px; height:62px;}
.say_main .tag_pop_wrap .tag_pop_contents .tag_con_right h1 {position:relative; height:62px; font-size:1.5em; color:#fff; margin:0 5px 20px 5px; padding-left:9px; border-left:1px solid #5498b3; font-weight:normal;}
.say_main .tag_pop_wrap .tag_pop_contents .tag_con_right h1 span{position:absolute; bottom:0;}
.say_main .tag_pop_wrap .tag_pop_contents .tag_con_right h2 {font-size:0.8em; color:#fff; margin:0 5px 10px 5px;  padding-left:9px; font-weight:normal;}



/*footer*/
footer { padding-left:32px; height:38px; line-height:38px; color:#414141; font-size:0.6em; background:#000; }

/*add for error*/
.wrap .error_box{background:url(../images/error_pad_vr.gif) no-repeat left top; width:768px; height:908px;}

div.historySec {width:728px; height:4580px; background:url(../images/life_profile_06_vert.png) no-repeat 0 0;}