@import url("default.css");

/* layout */
#wrap { position:relative; width:985px; margin:0 auto; }
#l_area { position:relative; float:left; width:180px; }
#l_area .logo { position:relative; margin:11px 0 65px; height:20px; }
#l_area h1 { position:relative; margin:0 0 100px; height:60px; }

#gnb { position:relative; min-height:395px; margin-bottom:20px; }
#gnb li { position:relative; font-family:"Myriad Pro", tahoma; font-size:17px; font-weight:bold; margin-bottom:25px; line-height:18px; }
#gnb li a { color:#3a3c40; }
#gnb li.on a { color:#d81900; }
#gnb li ul { position:relative; display:none; margin:15px 0 0 0; }
#gnb li ul.on { display:block; }
#gnb li ul li { font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:14px; padding:4px 0 4px 12px; margin:0; }
#gnb li ul li.on { background:url(../images/ic_gnb_d2.gif) no-repeat 3px 9px; }
#gnb li ul li a { color:#d81900; }

#quick-go { position:relative; border-top:1px solid #d9d9d9; width:162px; }
#quick-go li { position:relative; font-family:"Myriad Pro", tahoma; line-height:15px; border-bottom:1px solid #d9d9d9; padding:6px 0 8px; }
#quick-go li a { display:block; color:#373737; }
#quick-go li em { position:absolute; top:50%; right:4px; margin-top:-10px; display:block; background:url(../images/bt_go.gif) no-repeat 0 0; width:20px; height:20px; text-indent:-9999px; }
#copyright { position:relative; font-family:"Myriad Pro", tahoma; font-size:9px; color:#5f5f5f; line-height:18px; padding:15px 0; }

#go-top { display:block; position:fixed; top:80%; left:50%; margin-left:496px; width:24px; height:24px; background:url(../images/bt_top.jpg); text-indent:-9999px; }

#contents { position:relative; float:left; padding:70px 0 50px 111px; min-height:840px; }
#contents.bg01 { background:url(../images/l_img01.jpg) repeat-y 0 0; }
#contents.bg02 { background:url(../images/l_img02.jpg) repeat-y 0 0; }
#contents.bg03 { background:url(../images/l_img03.jpg) repeat-y 0 0; }
#contents.bg04 { background:url(../images/l_img04.jpg) repeat-y 0 0; }
#contents.bg05 { background:url(../images/l_img05.jpg) repeat-y 0 0; }
#contents.bg06 { background:url(../images/l_img06.jpg) repeat-y 0 0; }
#contents.bg07 { background:url(../images/l_img07.jpg) repeat-y 0 0; }
#contents .wrap { position:relative; width:645px; margin-left:49px; }
#contents .wrap h2 { position:relative; font-size:30px; color:#8c3f3f; line-height:30px; margin-bottom:30px; font-weight:normal; }

/* main */
#main_contents { position:relative; float:left; width:805px; background:url(../images/m_bg.jpg) no-repeat 219px 0;  }

#m_slider { position:relative; width:219px; height:950px; overflow:hidden; float:left; }
#m_slider>div { position:absolute; top:0; left:0; }
#m_slider .item { float:left; width:219px; height:950px; }

#main_contents .m-tx { position:absolute; top:80px; right:0; width:500px; font-family:"Myriad Pro", tahoma; font-size:25px; line-height:30px; text-align:right; font-weight:bold; }

#main_contents .m-con { position:absolute; top:260px; right:0; width:510px; }
#main_contents .m-con .unit { position:absolute; width:230px; }
#main_contents .m-con .unit.po01 { top:0px; left:0; }
#main_contents .m-con .unit.po02 { top:310px; left:0; }
#main_contents .m-con .unit.po03 { top:0; left:280px; }
#main_contents .m-con .unit.po04 { top:280px; left:280px; }
#main_contents .m-con .unit h3 { position:relative; font-family:"Myriad Pro", tahoma; font-size:16px; color:#000; line-height:16px; margin-bottom:15px; }
#main_contents .m-con .unit h3 em { color:#e10606; }
#main_contents .m-con .unit .ph { position:relative; height:80px; margin-bottom:15px; }
#main_contents .m-con .unit .ph .play { position:absolute; top:0; left:0; display:block; width:230px; height:80px; background:url(../images/bt_play.png) no-repeat center 13px; text-indent:-9999px; }
#main_contents .m-con .unit dt { position:relative; font-family:"Myriad Pro", tahoma; font-size:14px; color:#4c4c4c; line-height:25px; border-bottom:1px solid #ddd; margin-bottom:3px; }
#main_contents .m-con .unit dd { position:relative; font-family:Verdana, Geneva, sans-serif; font-size:10px; }
#main_contents .m-con .unit .g-box { position:relative; font-size:10px; line-height:12px; background:#d7d7d7; padding:7px 10px; }
#main_contents .m-con .unit .g-box p { height:60px; overflow:hidden; }

#waw_slider { position:relative; width:280px; height:165px; overflow:hidden; margin-left:-25px; }
#waw_slider>div { position:absolute; top:0; left:0; }
#waw_slider .item { float:left; width:280px; height:165px; }

.m_video_pu { position:relative; }
.m_video_pu .close { position:relative; text-align:right; }
.m_video_pu .video { position:relative; }

.layer_pu01 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer_pu01 .bg_pu01 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);}
.layer_pu01 .pop-layer_pu01 {display:block;}
.pop-layer_pu01 {display:none; position: absolute; top: 50%; left: 50%; width:640px; background:#000; padding:15px; z-index:10; }

.layer_pu02 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer_pu02 .bg_pu02 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);}
.layer_pu02 .pop-layer_pu02 {display:block;}
.pop-layer_pu02 {display:none; position: absolute; top: 50%; left: 50%; width:640px; background:#000; padding:15px; z-index:10; }

.layer_pu03 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer_pu03 .bg_pu03 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);}
.layer_pu03 .pop-layer_pu03 {display:block;}
.pop-layer_pu03 {display:none; position: absolute; top: 50%; left: 50%; width:640px; background:#000; padding:15px; z-index:10; }

.layer_pu04 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer_pu04 .bg_pu04 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);}
.layer_pu04 .pop-layer_pu04 {display:block;}
.pop-layer_pu04 {display:none; position: absolute; top: 50%; left: 50%; width:640px; background:#000; padding:15px; z-index:10; }

/* sub */
.tx-con { position:relative; line-height:28px; }
.tx-con .ph-anno { position:relative; color:#b68e23; line-height:14px; }
.tx-con h3 { color:#8c3f3f; font-size:18px; line-height:22px; padding-left:20px; background:url(../images/h3_deco.gif) no-repeat 0 5px; font-weight:normal; margin-bottom:10px; }
.tx-con .plural { position:relative; *zoom:1; }
.tx-con .plural:after { content: "."; clear:both; display:block; height:0; visibility:hidden; }
.tx-con .plural .ph { position:relative; float:left; }
.tx-con .plural .ph.h315 { height:315px; }
.tx-con .plural .ph.h340 { height:340px; }
.tx-con .plural .ph.h400 { height:400px; }

/* overview */
.sub01_02_img06-09 { position:relative; }
.sub01_02_img06-09 .po01 { position:absolute; top:10px; left:95px; }
.sub01_02_img06-09 .po02 { position:absolute; top:5px; right:90px; }
.sub01_02_img06-09 .po03 { position:absolute; top:2px; left:110px; }
.sub01_02_img06-09 .po04 { position:absolute; top:10px; right:100px; }

.sub01_03_img13 { position:relative; }
.sub01_03_img13 .po01 { position:absolute; top:175px; left:65px; }
.sub01_03_img13 .po02 { position:absolute; top:375px; right:70px; }

/* Production */
.sub02_01_img07 { position:relative; }
.sub02_01_img07 .po01 { position:absolute; top:35px; left:390px; }

.sub02_01_img10 { position:relative; }
.sub02_01_img10 .po01 { position:absolute; top:0; left:300px; }

.sub02_02_img04 { position:relative; }
.sub02_02_img04 .po01 { position:absolute; top:45px; left:355px; }
.sub02_02_img04 .po02 { position:absolute; top:285px; left:80px; }

.sub02_02_img05 { position:relative; }
.sub02_02_img05 .po01 { position:absolute; top:210px; left:80px; }
.sub02_02_img05 .po02 { position:absolute; top:345px; left:110px; }

/* Significance */
.sub03_02_img04 { position:relative; }
.sub03_02_img04 .po01 { position:absolute; top:70px; left:335px; }

.sub03_02_img05 { position:relative; }
.sub03_02_img05 .po01 { position:absolute; top:110px; left:435px; }

.tb_tit { font-size:13px; line-height:20px; margin-bottom:5px; font-weight:bold; text-align:center; }
.tb_data01 { position:relative; width:100%; line-height:14px; font-size:11px; margin-bottom:30px; }
.tb_data01 th { background:#e8e3c3; border:1px solid #999; color:#000; padding:5px 0; font-weight:normal; }
.tb_data01 td { border:1px solid #999; color:#000; padding:10px 0; text-align:center; }

/* typical Korean Woodblocks */
.typical_list { position:relative; width:694px; }
.typical_list ul { position:relative; padding-left:47px; border-top:1px solid #d9d9d9; background:url(../images/tl_wrap_bg_line.gif) repeat-x 0 bottom; width:648px; }
.typical_list ul li { position:relative; height:103px; border-bottom:1px solid #d9d9d9; overflow:hidden; background:#f2f2f2; border-left:1px solid #d9d9d9; width:647px; }
.typical_list ul li .tx { position:absolute; top:0; left:174px; display:inline-block; *zoom:1; *display:inline; width:435px; height:63px; font-size:11px; color:#555; line-height:13px; padding:20px 15px; overflow:hidden;}
.typical_list ul li .tx em { display:block; font-size:14px; color:#000; margin-bottom:10px; }

.pagination { position:relative; text-align:center; padding-left:47px; }
.pagination span { margin: 0 4px; display:inline-block; *zoom:1; *display:inline; border-left:1px solid #d2d2ce; }
.pagination span a { padding:0 13px; display:inline-block; *zoom:1; *display:inline; color:#50504f; font-weight:normal; font-size:14px; height:29px; line-height:29px; background:url(../images/pn_bg.gif) repeat-x 0 0; border:1px solid #d2d2ce; border-left:1px solid #fff; }
.pagination span a:hover { text-decoration:underline; }
.pagination span a.on {  border:1px solid #3c85d2; color:#226ab7; background:#fff; z-index:1; margin-left:-1px; }

.typical_view { position:relative; border-top:1px solid #d9d9d9; width:694px; background:url(../images/tl_wrap_bg_line.gif) repeat-x 0 bottom; }
.typical_view .con { position:relative; border:1px solid #d9d9d9; border-width:0 1px; margin-left:47px; }
.typical_view .con .ph { position:relative; background:#f2f2f2; z-index:1; }
.typical_view .con .ph .prev { position:absolute; left:10px; top:180px; float:left; z-index:100;}
.typical_view .con .ph .next { position:absolute; right:10px; top:180px; float:right; z-index:100;}
.typical_view .con .info { position:relative; background:#dadada; padding:7px 0 7px 24px; font-size:11px; line-height:14px; min-height:14px; color:#686868; }
.typical_view .con .info em { margin:0 15px 0 0; }
.typical_view .con .tx { position:relative; padding:24px; font-size:13px; color:#555; line-height:18px; }
.typical_view .con .tx em { display:block; color:#000; font-size:16px; margin-bottom:10px;}

/* timeline */
.timeline { position:relative; width:692px; border-top:1px solid #d9d9d9; background:url(../images/tl_line.gif) repeat-y 80px 0; margin-left:1px; margin-bottom:-50px; }
.timeline li { position:relative; height:115px; background:url(../images/tl_line.gif) repeat-x 0 57px; }
.timeline li>a { display:block; height:115px; }
.timeline li>a:hover { text-decoration:none; }
.timeline li .l-year { position:absolute; top:50%; left:0; margin-top:-15px; height:30px; line-height:30px; background:#e6e6e6; color:#8c3f3f; font-size:14px; text-align:right; width:70px; padding-right:10px; }
.timeline li .ph { position:absolute; top:5px; left:80px; width:175px; }
.timeline li .name { position:absolute; top:35px; left:260px; font-size:13px; color:#555; }
.timeline li .name em { display:inline-block; *zoom:1; *display:inline; background:url(../images/tl_year_bg.gif) no-repeat 0 0; width:45px; height:16px; text-align:center; line-height:16px; *line-height:14px; color:#fff; font-size:11px; margin:0 0 0 15px; }
.timeline li .info { position:absolute; top:60px; left:260px; font-size:11px; color:#686868; line-height:13px; }
.timeline li .info em { margin:0 20px 0 0; }

.timeline li.al-r .ph { left:auto; right:0; width:190px; }
.timeline li.al-r .name { left:auto; right:205px; text-align:right; }
.timeline li.al-r .name em { margin: 0 15px 0 0; }
.timeline li.al-r .info { left:auto; right:205px; text-align:right; }
.timeline li.al-r .info em { margin:0 0 0 20px; }

.tl_popup { display:none; position: absolute; top:115px; left:0; width:677px; height:585px; background:url(../images/tl_pu_bg.png) no-repeat 0 0; z-index:10; padding-right:7px; }
.tl_popup.f-bot { top:-585px; }
.tl_popup .pu_close { position:absolute; top:9px; right:16px; display:block; width:38px; height:38px; background:url(../images/tl_pu_bt_close.gif) no-repeat 0 0; text-indent:-9999px; z-index:1; }
.tl_popup .pu_ph { position:relative; text-align:center; height:461px; margin:1px; }
.tl_popup .pu_year { position:relative; height:38px; line-height:38px; color:#686868; font-size:16px; padding:0 0 0 24px; }
.tl_popup .pu_name { position:relative; height:34px; line-height:34px; color:#555; font-size:16px; padding:0 0 0 24px; }
.tl_popup .pu_info { position:relative; height:42px; line-height:42px; color:#686868; font-size:11px; padding:0 0 0 24px; }
.tl_popup .pu_info em { margin-right:20px; }

em.italic { font-style:italic !important;}

.aboutUpdate { margin-top:22px;}

/* CWP 141008 */
.CWP_list { position:relative; padding-left:47px; border-top:1px solid #d9d9d9; background:url(../images/tl_wrap_bg_line.gif) repeat-x 0 bottom; width:647px;}
.CWP_list table th { background:#f2f2f2; font-size:13px; color:#000; text-align:center; line-height:17px; padding:7px 12px; font-weight:normal; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.CWP_list table td { font-size:13px; color:#3c3c3c; line-height:17px; padding:9px 12px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.CWP_list table td a { color:#3c3c3c;}
.tdTxtCenter { text-align:center;}
.tdLineRight { border-right:none !important;}
.tdTxt11 { font-size:11px !important;}

.list_style { position:relative; margin-top:-4px; text-align:right; width:694px; z-index:99;}/* 20141129 */
.list_style .top { position:relative; height:25px; padding:0px 0 8px 0; font-famliy:Verdana, Geneva, sans-serif; font-size:11px; color:#4f4f4f;}
.list_style .top label { position:relative; top:2px;}
.list_style .top select { position:relative; height:23px; border:1px solid #949494; background:#fff; color:#4f4f4f; font-famliy:Verdana, Geneva, sans-serif; font-size:11px; margin-left:4px; margin-right:8px !important; min-width:50px; }
.list_style .top input { position:relative; height:19px; border:1px solid #949494; background:#fff; color:#4f4f4f; font-famliy:Verdana, Geneva, sans-serif; font-size:11px; margin-left:4px; width:120px;}

.search_result { position:relative; left:47px; width:640px; margin-bottom:15px; color:#444; font-size:15px; top:-5px;}
.search_result em { color:#ff3600;}

.typical_view .con ul { position:relative; border-top:#dfdfdf 1px solid; margin-bottom:-5px;}
.typical_view .con ul li { border-bottom:#dfdfdf 1px solid; background:#fff; width:128px; height:85px; border-right:#dfdfdf 1px solid; display:inline-block; *zoom:1; *display:inline; overflow:hidden;}
.typical_view .con ul li img { height:85px; overflow:hidden; text-align:center; margin:0 auto;}

/* CWP 20141129 */
.CWP_tab { position:relative; width:639px; margin-left:49px; border-radius:3px; border:#d6d6d6 3px solid; background:#d6d6d6; display:inline-block; margin-top:-15px; margin-bottom:19px; }
.CWP_tab table { position:relative;}
.CWP_tab table td { background:#f0f0f0; width:137px; padding:0 4px; border-left:#d6d6d6 1px solid; height:40px; text-align:center; vertical-align:middle;}
.CWP_tab table td a { font-size:12px; color:#393939; line-height:15px !important; display:inline-block;}
.CWP_tab table td.on { background:url(../images/ic_selected.png) center 35px no-repeat;}
.CWP_tab table td.on_all { background:url(../images/ic_selected.png) center 52px no-repeat;}
.CWP_tab table td.all { width:47px !important; height:81px !important; border:none !important;}
.CWP_tab table td.top { border-bottom:#d6d6d6 1px solid;}

#introduction { position:absolute; top:22px; left:47px; width:645px; height:470px; background:#ebebeb; z-index:99; border:1px solid #3e3e3e; display:none;}
#introduction .titleArea { position:relative; height:43px; background:#3e3e3e;}
#introduction .titleArea .tit { position:absolute; left:0; top:0; padding: 13px 0 0 21px; font-size:16px; color:#ebebeb; line-height:20px; display:block;}
#introduction .titleArea a.bt_close {float:right;}
#introduction .con { position:absolute; left:0; top:43px; padding:13px 21px; height:386px; overflow-y:scroll; font-size:12px; color:#3e3e3e; text-align:left;}
#introduction .con .tit { padding:20px 0; font-size:16px; font-weight:bold;}

#eNote { width:100%; position:relative}
#eNote .titleArea { position:relative; height:62px; background:#3e3e3e;}
#eNote .titleArea .tit { position:absolute; left:0; top:0; padding: 15px 0 0 38px; font-size:20px; color:#ebebeb; line-height:30px; display:block;}
#eNote .titleArea a.bt_close {float:right; position:relative; top:10px;}
#eNote .con { padding:16px 22px; font-size:12px; color:#3e3e3e;}
#eNote .con .ph1st { padding:8px 16px; background:url(../images/ic_eNote_blt01.gif) left 12px no-repeat;}
#eNote .con .ph2nd { padding:8px 52px; background:url(../images/ic_eNote_blt02.gif) 41px 17px no-repeat;}