@charset "utf-8";
/*base*/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, table, th, td { margin:0; padding:0; }
body, table, th, td { font-size:20px; font-family:"Modern H Medium",AppleGothic,"dotum",dotum; letter-spacing:-0.5px; -webkit-text-size-adjust:none; }
body { color:#fff; word-wrap:break-word; background-color:#222; }
img, iframe { border:0 none transparent; display:block; }
ul, ol { list-style:none; margin:0; padding:0; }
table { border:0; border-collapse:collapse; table-layout:fixed; }
table caption { display:none; }
a { color:#fff; text-decoration:none; }
h3{display:block; font-size:1.8em; font-weight:bold;}
p{line-height:1.5em; text-align:justify; color:#bebebe;}
html, body {width:100%; height:100%;}

/*design*/
.wrap { width:640px; margin:0 auto;}

/*Header*/
.header { width:640px; border-top:2px solid #143945; border-bottom:1px solid #5498b3; }
.header h1 { text-align:center; background-color:#060606; border-bottom:1px solid #5c5c5c; }
.header h1 img { display:inherit; }
.header .gnb { overflow:hidden; }
.header .gnb li { float:left; }
.subMenu { overflow:hidden; border-bottom:1px solid #a2a2a2; }
.subMenu li { float:left; }
.facebook { position:absolute; z-index:10; right:0; padding:2px;}
.facebook img{float:right;}
 

/*Contents*/
.btnCenter { display:block; margin:20px auto 0 auto; }

.tabMenu {padding:0 20px 0 20px; *zoom:1;}
.tabMenu li:after {content:""; display:block; clear:both;}
.tabMenu li { float:left; display:inline;}
.tabMenu li img { display:block; }

.contents{width:640px; padding-bottom:30px;}


/*0620추가 -페이지넘버*/
.pageNum{display:block; overflow:hidden; margin:40px auto 0 auto; width:310px;}
.pageNum a{float:left; display:block; margin-right:10px; width:28px; height:26px; border:2px solid #555; background:#333; font-wegiht:bold; font-size:15px; text-align:center;line-height:26px; color:fff;}

.pageNum .on{float:left; display:block; margin-right:10px; width:28px; height:26px; border:2px solid #2f8cb1; background:#5498b3; font-wegiht:bold; font-size:15px; text-align:center;line-height:26px; color:fff;}

.pageNum .arrow_prev{display:block; float:left;  margin-right:20px; border:none; }
.pageNum .arrow_next{display:block; float:left;  margin-left:10px; border:none; }


/*정주영을 말하다*/
.say_list { padding:0 0 50px 20px; background:url(images/2px_line.gif) repeat-x left bottom;}
.say_list h3 { padding:30px 0 20px 0;  width:600px; }
.say_list .say_thum {overflow:hidden; width:610px; margin-top:20px;}
.say_list .say_thum li { display:block; float:left; margin:10px 10px 0 0; }
.say_list video {display:block; width:600px; height:310px;}
.say_list img.thumb {width:600px; height:310px;}


/*0620수정 - 포토뷰*/
.photo_view_say img{display:block; margin-top:10px;}
.photo_view_say { width:600px; position:relative; padding:0 20px 30px 20px;}
.photo_view_say .arrow_prev { position:absolute; top:165px; left:20px; z-index:10; }
.photo_view_say .arrow_next { position:absolute; top:165px; left:570px; z-index:10; }
.photo_view_say .title {width:590px; padding:15px 10px 0 10px; margin-bottom:20px; border-left:1px solid #5498b3; }
.photo_view_say .photo_comment { width:590px; display:block; font-size:0.8em;color:#999; text-align:right;margin-bottom:20px;}
.photo_view_say .script { clear:both; width:580px; padding:0 10px 0 10px; }
.photo_view_say .script p { width:100%; margin:0;padding:0;}


.photo_view { width:600px; position:relative; padding:20px 20px 30px 20px; }
.photo_view .arrow_prev { position:absolute; top:165px; left:20px; z-index:10; }
.photo_view .arrow_next { position:absolute; top:165px; left:570px; z-index:10; }
.photo_view .title { overflow:hidden; width:580px; padding:15px 10px 0 10px; margin-bottom:20px; border-left:1px solid #5498b3; }
.photo_view .title h3 {float:left; }
.photo_view .title .photo_comment { display:block; float:right; font-size:0.8em; line-height:45px; vertical-align:middle;}
.photo_view .script { clear:both; width:100%; padding:0 10px 0 10px; }
.photo_view .script p { width:100%; margin:15px 0 15px 0;}

/*기념관*/
.memorial_index {width:580px; padding:320px 30px 40px 30px; background:#515256 url(images/bg_sub_02_1.jpg) no-repeat left top;}
.memorial_index .title { width:580px; overflow:hidden; margin-bottom:20px; }
.memorial_index .title h3 { display:block; float:left; }
.memorial_index .title .name { display:block; float:right; font-size:0.8em; line-height:45px; vertical-align:middle;}
.memorial_index .script{width:580px; }
.memorial_index .script p { margin:15px 0 15px 0; color:#fff;}

/*기념관-사진*/
.memorial_photo_list { width:600px; margin-left:20px; }
.memorial_photo_list li{overflow:hidden; padding:20px 20px 20px 20px; background:url(images/2px_line.gif) repeat-x left bottom;}
.memorial_photo_list .thum { float:left; margin-right:16px;}
.memorial_photo_list .text {float:left; width:310px;}
.memorial_photo_list .text span{display:block; /* margin-bottom:10px; */}
.memorial_photo_list .text p{line-height:1.2em; position:relative; top:-2px;}
.memorial_photo_list .text  .title{font-size:1.2em;}

/*기념관-영상*/
.movie_list { width:640px; background:url(images/bg_sub_02_02.jpg) repeat-y left top; padding-bottom:20px;}
.movie_list h3 { width:640px; text-align:center; margin-bottom:15px; }
.movie_list ul { overflow:hidden; margin:0 0 30px 20px; width:610px; }
.movie_list ul li { float:left; margin:0 10px 10px 0; }
.movie_list img.thumb {width:600px; height:400px;}
.movie_list video {display:block; width:600px; height:400px;}

/*기념관-도서*/
.book_list {width:600px; padding:0 20px 30px 20px; }
.book_list .category { display:block; font-size:1.8em; padding-top:25px; margin-bottom:20px; }
.b_bookList { width:100%; margin-bottom:30px; text-align:center; color:#5498b3; border-bottom:2px solid #5498b3; }
.b_bookList th { padding:15px 0 15px 0; color:#5498b3; border-bottom:1px solid #a2a2a2; border-top:1px solid #fff; }
.b_bookList td { padding:8px 12px 8px 12px; border-bottom:1px solid #3b5d6b; }
.b_bookList .title { text-align:left; color:#FFF; }

/*기념관-어록*/
.word_box { width:640px; position:relative; padding:175px 0 10px 0; background:url(images/bg_sub_02_05.jpg) no-repeat left top; }
.word_box .arrow_prev { position:absolute; top:375px; left:0; z-index:10; }
.word_box .arrow_next { position:absolute; top:375px; left:590px; z-index:10; }
.word_box .word_list { width:500px; margin-left:70px; }
.word_box .word_list li { display:block; padding:8px 0 8px 0; text-align:center; font-size:1.3em; }
.word_box .word_list li a { display:block; font-size:1em; }


.word_view { width:600px; padding:0 20px 30px 20px;}
.word_view h3 { padding:15px 0 0 10px; border-left:1px solid #5498b3; margin-bottom:10px;}
.word_view p { width: 100%;padding:0 10px 10px 10px;}
.word_view .audio_img { width:400px;margin:40px auto 40px auto;height:500px;background-color:transparent;}




/*footer*/
/* s:20210914 edit */
.footer {clear:both; overflow:hidden; height:65px; padding:10px 0px 12px 0px; background:#000; width:640px; position:relative;}
.footer p {display:inline-block; padding:10px 0 0 15px; font-size:0.85em; color:#414141;line-height:1.3;}
.footer .en {position:absolute; top:50%; right:10px; transform:translateY(-50%); width:42px;}
.footer .btnWrap {position:absolute; top:50%; right:60px; transform:translateY(-50%)}
.footer .btnWrap a {padding:1em 0.5em;font-size:1.05em;color:rgba(255, 255, 255, 0.5);}
/* e:20210914 */


/*0613추가-아산 정주영의 메시지*/
.snsShare {
    position: relative;
    width: 580px;
    margin:0 auto;
    font-family: "돋움", dotum, tahoma;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    background-color:#3d3d3d;
}
.snsShare .titleBox {
    overflow: hidden;
    height: 63px;
    background-color:#000;
    border-bottom:2px solid #5498b3;
}
.snsShare .title {
    position:absolute;
    left:25px;
    width:350px;
    color:#fff;
    font-size: 16px;
    padding:25px 0 0 10px;
    border-left:2px solid #5498b3;
}
.snsShare .btnClose {
    float: right;
    width: 25px;
    margin: 19px 20px 0 0;
}
.snsShare .conBox {
    padding: 25px 20px 35px 20px;
    background-color:#3d3d3d;
    /*background:url(images/bg_contents.gif) no-repeat left top;*/
}

.snsShare .conBox .description{
    color:#ccc;
}
.snsShare h3 {
    margin-bottom: 20px;
    font-size:16px;
}
.snsShare .con {
    margin: 30px 0 22px 0;
}
.snsShare .select1 {
    margin-bottom:30px;
}

.snsShare .select1 ul {
    overflow: hidden;
}
.snsShare .select1 ul li {
    float: left;
    margin-right:8px;
    margin-bottom:8px;
}
.snsShare .select2 {
    position: relative;
}

.snsShare .select2 .selWord_list_close {
    display: block;
    overflow: hidden;
    width:300px;
    height: 28px;
    margin-bottom: 5px;
    background: #313131 url(/tablet/images/select_arrow_open.gif) no-repeat right top;
    border: 1px solid #111;
}
.snsShare .select2 .selWord_list_close li a{
    font-weight: bold;
    font-family: "돋움", dotum, tahoma;
    font-size: 12px;
    color: #fff;
}
.snsShare .select2 .selWord_list_open {
    position: absolute;
    display: none;
    width: 100%;
    top: 36px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 191px;
    margin-bottom: 5px;
    background: #252525;
    border: 1px solid #111;
    font-weight: bold;
    font-family: "돋움", dotum, tahoma;
    font-size: 12px;
    color: #fff;
    z-index: 100 !important;
}
.snsShare .select2 li {
    display: block;
    padding: 0 15px 0 15px;
    line-height: 31px;
    border-bottom: 1px solid #111;
    cursor: pointer;
}
.snsShare .select2 li.last {
    display: block;
    padding: 0 15px 0 15px;
    line-height: 31px;
    border-bottom: none;
    cursor: pointer;
}
.snsShare .select2 .text {
    position: relative;
    display: block;
    min-height: 80px;
    padding: 20px 15px 20px 15px;
    background: #252525;
    border: 1px solid #111;
}
.snsShare .select2 .text p {
    font-family: "돋움", dotum, tahoma;
    font-size: 12px;
    color:#fff;
    line-height: 18px;
    text-align: justify;
}
.snsShare .btnShare {overflow:hidden; width:500px; margin: 0 auto;}

.snsShare .btnShare img {
    float:left;
    display: block;
}


/*이메일 공유*/
.popEmail {
    position: relative;
    width: 450px;
    background-color: #3d3d3d;
    font-family: "돋움", dotum, tahoma;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    z-index:99999 !important;
   
}
.popEmail .titleBox {
    overflow: hidden;
    height: 63px;
    background-color:#000;
    border-bottom: 1px solid #5498b3;
    
}


.popEmail .title {
    position:absolute;
    left:25px;
    width:350px;
    color:#fff;
    padding:25px 0 0 10px;
    border-left:2px solid #5498b3;
    font-size:16px;
}
.popEmail .btnClose {
    float: right;
    width: 25px;
    margin: 19px 30px 0 0;
}
.popEmail .conBox {
    padding: 30px 25px 30px 25px;    
    background-color:#3d3d3d;
    
}
.popEmail .btnEmail {
    display: block;
    width: 210px;
    height: 50px;
    margin: 20px auto 0 auto;
}

.popEmail .btnEmail a{
    float:left;
}
.popEmail .addMail {
    overflow: hidden;
}
.popEmail .sendMail .txt {
    float: left;
    display: block;
    padding: 8px 5px 0 5px;
}
.popEmail .sendMail .input {
    float: left;
    width: 110px;
    height: 26px;
    background-color: #fff;
    border: 1px solid #5498b3;
    font-family: Tahoma, dotum, "돋움";
    font-size: 12px;
    color: #111;
}
.popEmail .sendMail .select {
    float: right;
    width: 125px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #5498b3;
    font-family: Tahoma, dotum, "돋움";
    font-size: 12px;
    color: #111;
}
.popEmail .sendMail .byte {
    display: block;
    margin: 12px 0 5px 0;
    text-align: right;
    font-family: Tahoma, dotum, "돋움";
    color: #888;
    font-size: 10px;
}
.popEmail .sendMail .byte em {font-style:normal;}
.popEmail .sendMail .textBox {
    display: block;
    height: 100px;
    overflow-y: auto;
    width: 345px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #5498b3;
    font-family: Tahoma, dotum, "돋움";
    font-size: 12px;
    color: #111;
}

legend {
    display: none;
}

.modal_bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.7); z-index:50;}

/* add css0717 */
.memorial_index .script .mini_title{border-top:1px solid #5498b3; font-size:0.8em; padding-top:15px; color:#5498b3;}
.bold{font-weight:800;}
.description{color:#5498b3; font-size:12px;}
.choice{color:#5498b3; font-weight:bold;}
/*.asan_tab_conbox_contents 이미지 텍스트로 교체 추가 코딩*/
.asan_tab_conbox_contents{width:600px; margin:0 auto;}
.asan_tab_conbox_contents .intro_txt{padding-bottom:80px;}
.asan_tab_conbox_contents .intro_txt span{display:block; padding-top:20px;}
.asan_tab_conbox_contents h1{font-size:28px; line-height:35px; text-align:center; color:white; padding-bottom:10px;}
.asan_tab_conbox_contents h1 span{display:block; font-size:18px; line-height:23px;}
.asan_tab_conbox_contents h2{font-size:24px; line-height:25px; color:#5498b3; padding:20px 0 15px;}
.asan_tab_conbox_contents h2.first_h2{padding-top:20px;}
.asan_tab_conbox_contents img{width:482px; height:275px; margin:0 auto; padding-bottom:15px;}
.asan_tab_conbox_contents p{font-size:18px; line-height:22px; padding-bottom:30px;}

/* PDF Layer Popup 2012.10.29 추가 */
#pdfPopLayer {background:url(images/bg_pdf_pop.gif) no-repeat 0 0; width:368px; height:210px; position:absolute; top:350px; left:50%; margin-left:-184px; z-index:101; opacity:1;}
#pdfPopLayer p.close {position:absolute; top:22px; right:26px;}
#pdfPopLayer h2 {font-size:0; position:absolute; top:63px; left:26px;}
#pdfPopLayer div.btnGroup {position:absolute; top:150px; left:26px;}
#pdfPopLayer div.btnGroup ul {*zoom:1;}
#pdfPopLayer div.btnGroup ul:after {content:""; display:block; clear:both;}
#pdfPopLayer div.btnGroup ul li {float:left; display:inline; padding-right:5px;}
/* #popBackPanel {width:100%; height:100%; position:absolute; position:fixed; top:0; left:0; background:#000; opacity:.8; z-index:100;} */

.botBtnSec {text-align:center; position:relative;}
.botBtnSec p {width:197px; margin:0 auto;}
.botBtnSec span.tgPrevView {position:absolute; top:50%; left:15%; width:30px; height:30px; margin-top:-15px;}
.botBtnSec span.tgPrevView a {display:block; width:30px; height:30px; background:url(images/arrow_left3.png) no-repeat 0 0; text-indent:-9999px;}
.botBtnSec span.tgNextView {position:absolute; top:50%; right:15%; width:30px; height:30px; margin-top:-15px;}
.botBtnSec span.tgNextView a {display:block; width:30px; height:30px; background:url(images/arrow_right3.png) no-repeat 0 0; text-indent:-9999px;}

/* s: 230316 add */
.videoList {margin:0 30px 30px}
.videoList li + li {margin-top:20px}
.videoPoster {position:relative}
.videoPoster.off {display:none}
.videoPoster::after {content:'';position:absolute;left:calc(50% - 34px);bottom:calc(50% - 34px);width:69px;height:69px;background-image:url('images/btn_play.png');}
.videoPoster .videoTitle {position:absolute;left:0;bottom:0;width:100%;height:35px;display:inline-block;font-size:19px;line-height:35px;text-align:center;background-color:rgba(0,0,0,0.7)}
/* e: 230316 add */