@charset "utf-8";

#content{margin:20px 0 0 0;width:100%; min-width:1000px;}

#sub_vis{width:100%; height:250px;background:url("/memorial/layout/images/www/main/vis/main_vis_bg_1.jpg") no-repeat center -164px;}
/*#sub_vis .spot_193 {background:url("/layout/images/www/sub/sub_vis_bg_1.jpg") no-repeat center top;height:250px;}*/
#sub_vis .sub_txt {width:1300px; margin:0 auto; height:55px;padding-top:192px;}

#sub_vis .inner_wrap{position:relative;max-width:1300px;margin:0 auto;}
#container {max-width:1300px; margin:0 auto;  border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;box-sizing:border-box;}
#container .container_wrap {position:relative; width:1300px; /*min-height:740px;*/}

#left {position:relative; display: inline; float: left; width: 200px;background:#fff;}

	#left div#SubMenu_Div {position:relative; float: left; width:200px; top:0;}
	#left div#SubMenu_Div h2.title {font-size:28px;height:61px;position:absolute;margin-left:1px; text-align:center;width:198px;padding-top:33px;}


     #SubMenu {margin-top:95px; padding:0px; width:240px;}
    .snb {list-style-type: none; width:200px;border-top: 1px solid #ccc;}
	.snb li {list-style-type:none; font-size: 18px;}
	.snb li.on {background-color:#786a5d !important; width:200px;}
	.snb li.on > a {color:#fff}
	.snb li.on > a:hover {color:#fff; text-decoration:none;}
	.snb li > a {border-bottom:1px solid #e4e4e4; display:block; padding: 12px 0 12px 20px;}
	.snb li > a:hover {color:#2e5eb2; text-decoration:underline;}
	.snb li > ul.snbB {background-color:#f9f9f9; width:200px;}
	.snb li > ul.snbB > li {background-color:#f9f9f9; width:198px;}
	.snb li > ul.snbB > li > a { color:#666;font-size:15px; padding:10px 0 10px 35px; background: #f9f9f9 url("/memorial/layout/images/www/main/main_sprite.png") no-repeat -560px -192px;}
	.snb li > ul.snbB > li.on > a {color:#b2111b; text-decoration:underline; background: #f9f9f9 url("/memorial/layout/images/www/main/main_sprite.png") no-repeat -560px -221px;} 
	.snb li.low {background:url("/memorial/layout/images/www/main/main_sprite.png") no-repeat -375px -255px; }

#right {float:left; display:inline; padding:30px 0 50px 50px; width:1050px; box-sizing:border-box;border-left: 1px solid #e4e4e4;}

	#content_top {height:45px;margin:0 auto;}	
	#content_box {min-height: 500px;}
	#page_title span {font-size:25px;}
	#path {position:absolute; right:50px;}
	#path p {font-size:14px; margin-top:-30px; color:#a5a5a5;letter-spacing: -1px;}
	#path p a {padding-left:10px; padding-right:10px; color:#a5a5a5}
	#path p a:last-child {padding-right:0px;}
	#path p a:first-child {background: url("/memorial/layout/images/www/common/sub_sprite.png") no-repeat -16px -6px;display: inline-block;margin: 0;padding: 0 0 0 22px;}
	
	
	
	
/* 서브 텍스트 */
#sub_vis .text { color:#FFF;float: left; margin:13px 0 0 0;}
#sub_vis .text .sub_text { font-size:11px !important;}


/* contents_tools */
.contents_tools {float:right; margin:4px 2px 0 0;z-index:100;  padding: 0 ; text-align:left !important;  }
.contents_tools ul {}
.contents_tools ul > li {float:left;}
.contents_tools ul li.icon_view_option {background:url("/memorial/layout/images/www/main/main_sprite.png") 175px -83px; display:block; height:45px;width:44px;}
.contents_tools ul li.icon_view_option:hover {background:url("/memorial/layout/images/www/main/main_sprite.png") 175px -136px; display:block; height:45px;width:44px;}
.contents_tools ul li.share {background:url("/memorial/layout/images/www/main/main_sprite.png") 130px -136px; display:block; height:45px;width:44px;}
.contents_tools ul li.share:hover {background:url("/memorial/layout/images/www/main/main_sprite.png") 130px -83px; display:block; height:45px;width:44px;}
.contents_tools ul li.download {background:url("/memorial/layout/images/www/main/main_sprite.png") 86px -83px; display:block; height:45px;width:44px; position:relative;}
.contents_tools ul li.download:hover {background:url("/memorial/layout/images/www/main/main_sprite.png") 86px -136px; display:block; height:45px;width:44px;}
.contents_tools ul li.icon_qr {background:url("/memorial/layout/images/www/main/main_sprite.png") 42px -136px; display:block; height:45px;width:44px;}
.contents_tools ul li.icon_qr:hover {background:url("/memorial/layout/images/www/main/main_sprite.png") 42px -83px; display:block; height:45px;width:44px;}
.contents_tools ul li.icon_view_option > a > span, .contents_tools ul li.share > a > span, .contents_tools ul li.download > a > span,.contents_tools ul li.icon_qr > a > span {display:block;text-indent: -5000px; width:44px; height:45px;}
.contents_tools ul.box {position: absolute; right:-2px; top: 52px; width: 165px; z-index: 3; font-size: 13px; padding: 24px 20px 20px 17px; border:2px solid #8b7b6e; background-color:#fff;}

.contents_tools ul li .opt_box {position:absolute;border:2px solid #8b7b6e;background-color:#fff;width:170px;margin-top:7px;z-index: 1;margin-left: -84px;}
.contents_tools .opt_box .opt_box_hg { margin: 16px; }
.contents_tools .opt_box .opt_box_htxt { font-size: 17px; font-weight: bold; margin: 0 0 16px; }
.contents_tools .opt_box .opt_box_bd { font-size: 16px; margin-top:30px; padding-left:3px; }
.contents_tools .opt_box .opt_box_bd .opt_line1 {padding: 0px 0 10px; 0px;}
.contents_tools .opt_box .opt_box_bd .opt_line2 { padding:0px 0 0 0px;}
.contents_tools .opt_box .opt_box_bd .opt_line2 .opt_lb{border-top:1px solid #d2d2d2;padding-top:10px}
.contents_tools .opt_box .opt_box_bd .opt_bot{border-top:1px solid #d7d7d7; padding-top:10px; margin-top:20px;}
.contents_tools .opt_box .opt_lb { margin: 8px; }
.contents_tools .opt_box .opt_sl { display: inline-block; list-style: outside none none; margin: 0 2px 0 8px; padding: 0; position: relative; text-decoration: none; vertical-align: middle; }
.contents_tools .opt_box .opt_line_height { margin-bottom:23px;}
.contents_tools .opt_box .opt_sl .opt_btn { border: 1px solid #d2d2d2; box-sizing: border-box; display: inline-block; float: left; margin-right: 4px; padding: 4px 0; position: relative; width: 43px; }
.contents_tools .opt_box .opt_sl .opt_img_low { width:71px;}
.contents_tools .opt_box .opt_sl .opt_img_low a { width:71px !important;}
.contents_tools .opt_box .opt_device .opt_btn { width:51px; padding:5px 0; }
.contents_tools .opt_box .opt_device .select {padding:4px 0 !important;}
.contents_tools .opt_box .opt_sl .select { border: 2px solid #3e2d20; padding:3px 0; }
.contents_tools .opt_box .opt_sl .opt_btn a { color: #444; cursor: pointer; display: block; font-size: 13px; height: 20px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 39px; line-height:20px; }
.contents_tools .opt_box .opt_sl .opt_btn_select { border: 2px solid #36c; }
.contents_tools .opt_box .opt_cl { cursor: pointer; width:22px; height:22px; position:absolute; top:9px; right:9px; }
.contents_tools .opt_box .opt_close {display:block;width:22px; height:22px;background:#676767 url("/memorial/layout/images/www/sub/content_tool_close.png") no-repeat; border-radius:11px  }

.opt_btn > a{text-indent:-5000px}
.opt_lineh_small a { background: url("/memorial/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -238px;  }
.opt_lineh_normal a { background: url("/memorial/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -216px;  }
.opt_lineh_wide a { background: url("/memorial/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -197px;  }
.opt_font_normal a { background: url("/memorial/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 1px -383px;  }
.opt_font_big a { background: url("/memorial/layout/images/www/sub/contents_tool_new.png") no-repeat scroll -3px -364px;  }
.opt_mouse a { background: url("/memorial/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 3px -261px;  }
.opt_touch a { background: url("/memorial/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 5px -300px;  }
.opt_btn.opt_mouse.select > a { background: url("/memorial/layout/images/www/sub/contents_tool_new.png") no-repeat scroll -36px -261px;  }
.opt_btn.opt_touch.select > a { background: url("/memorial/layout/images/www/sub/contents_tool_new.png") no-repeat scroll -34px -300px;  }
.opt_btn.opt_mouse > a, .opt_btn.opt_touch > a { height: 35px !important; }
.contents_tools .opt_box .opt_btn_line { margin: 13px 16px 0; text-align: right; }
.contents_tools .opt_box .opt_sl .help { color: #999; display: block; font-size: 11px; padding: 5px 0 0 !important; }


.contents_tools .share ul li {position:relative; float: none; font-size: 12px; margin: 2px 0; padding: 4px 8px 4px 4px; line-height:15px }
.contents_tools .share ul li.close, .contents_tools .download ul li.close { position: absolute; width: 22px; height:22px; right:1px; top:3px; }
.contents_tools .share ul li.close a, .contents_tools .download ul li.close a { display:block;width:22px; height:22px;background:#676767 url("/memorial/layout/images/www/sub/content_tool_close.png") no-repeat; border-radius:11px }
.contents_tools .download ul li.close a{padding-left:0}
.contents_tools .share li.sns a { background: url("/memorial/layout/images/www/sub/sns_list2.png") no-repeat scroll 0 0; display: block; height: 16px; margin: 0; overflow: hidden; padding-left: 23px; }
.contents_tools .share li.fa a { background-position: 0 0; }
.contents_tools .share li.tw a { background-position: 0 -19px; }
.contents_tools .share li.me a { background-position: 0 -38px; }
.contents_tools .share li.yz a { background-position: 0 -57px; }
.contents_tools .share li.cw a { background-position: 0 -76px; }
.contents_tools .share li.cp a { background-position: 0 -94px; }
.contents_tools .share li.bd a { background-position: 0 -133px; }
.contents_tools .share li.gp a { background-position: 0 -114px; }
.contents_tools .share li.ks a { background-position: 0 -152px; }

.contents_tools .download ul li { float: none; font-size: 12px; margin: 2px 0; padding: 4px 8px 4px 4px;line-height:15px }
.contents_tools .download li a { background: url("/memorial/layout/images/www/sub/util_list2.png") no-repeat scroll 0 0; display: block; height: 16px; margin: 0; overflow: hidden; padding-left: 21px; }
.contents_tools .download li.icon_printer a { background-position: -11px -19px; }
.contents_tools .download li.icon_jpg a { background-position: -11px -38px;width:120px }
.contents_tools .download li.icon_pdf a { background-position: -11px -59px; }
.contents_tools .download li.icon_rss a { background-position: -11px -80px; }
.contents_tools .download li.icon_atom a { background-position: -11px -80px; }

.qr_area { margin-top: 1px; z-index: 100; }
.st_qr p.tit { left: 10px; margin: 0; padding: 0; position: absolute; top: 5px; }
.st_qr .ly_thumb { float: left; margin: 37px 0 0; padding: 0; }
.st_qr ._img{width: 120%;margin: 9px 0 0 0px;}
.st_qr .opt_cl { position:absolute; top:9px; right:9px; width:22px; height:22px; }
.st_qr .opt_close {display:block;width:22px; height:22px;;background:#676767 url("/memorial/layout/images/www/sub/content_tool_close.png") no-repeat; border-radius:11px  }
.st_qr .opt_close img { border: 0 none; }
.st_qr {position: absolute; right:20px; top: 70px; width: 180px; z-index: 4; font-size: 13px; padding: 24px 20px 20px 20px; border:2px solid #0064ac; background-color:#fff; border-radius:20px }
.st_qr .ly_p_dsc {width:165px;margin:15px auto;text-align:center;font-size:13px;color:#0064ac;letter-spacing:-0.7px; line-height:15px;}