@charset "utf-8"; #container{ background:#fff;}
 #sub_vis{position:relative;height:151px;}
 .vis_wrap{position:relative; top:97px; height:54px; border-top:1px solid #000; background:url("/images/phmbc/sub/subvis_wrap.png") repeat;}
 .vis_wrap > .group{height:54px; bottom:0;}
 .menu_info_wrap{height:54px;}
 .menu_info_wrap #path p{text-indent:-5000px;}
 .menu_info_wrap #path .home{position:relative; height:55px; width:60px; background:#4ec0e5; bottom:1px; left:0; text-indent:-5000px; padding:0; border:0;}
 .menu_info_wrap #path .home span{background:url("/images/phmbc/sub/sub_sprites.png") no-repeat 24px -282px; display:block; height:100%; text-indent:-5000px;}
 .menu_info_wrap #path a{display:block; text-indent:0; float:left; padding:16px 80px 17px 20px; background:url("/images/phmbc/sub/path_listicon.png") no-repeat center right; color:#fff; border-right:1px solid #000;}
 .snb_level{position:absolute; top:53px !important; z-index:50; margin-left:-1px;}
 #snb_level1{margin-left:0;}
 .snb_level ul{border-right:1px solid #344555; border-left:1px solid #344555;}
 .snb_level ul li a{display:block; padding:16px 79px 17px 20px; background-color:#fff; border-bottom:1px solid #344555;}
 .snb_level ul li a:hover, .snb_level ul li.on a{color:#fff; background-color:#344555;}
 #wrap{position:relative;min-width:751px;background: url("/images/phmbc/common/layout_bg_black.jpg") top center;}
  .contents_tools { display: block; margin: 0; padding: 8px 10px; position: absolute; text-align: left !important; bottom: 1px; right:0; z-index: 50; border-left:1px solid #000; border-right:1px solid #000; }
 .contents_tools ul.box, .st_qr {position: absolute; right: 3px; top: 52px; width: 177px; z-index: 3; background-color:#fff; border: 1px solid #676767; font-size: 13px; padding: 40px 10px 11px 17px; }
 .contents_tools .share ul.box,.contents_tools .download ul.box{padding-top:30px;right:-1px; top:52px;}
 .contents_tools .st_qr {width: 225px; right:-1px; top:53px; background:url("/images/phmbc/sub/sub_qr_bg.png") no-repeat scroll 170px bottom #fff;}
 .contents_tools ul > li {float:left;display:block; margin: 0 3px 0 0; padding: 0; }
 .contents_tools li span { float: left; padding: 0; }
 .contents_tools li.share > a { background: url("/images/phmbc/sub/content_tools.png") no-repeat scroll -41px 0px; display: block; height: 37px; padding: 0; text-indent: -5000px; width: 37px; }
 .contents_tools li.download > a { background: url("/images/phmbc/sub/content_tools.png") no-repeat scroll -82px 0px; display: block; height: 37px; padding-left: 0; text-indent: -5000px; width: 37px; }
 .contents_tools li.icon_qr > a { background: url("/images/phmbc/sub/content_tools.png") no-repeat scroll -123px 0; display: block; height: 37px; padding-left: 0; text-indent: -5000px; width: 37px; }
 .contents_tools .icon_view_option > a { background: url("/images/phmbc/sub/content_tools.png") no-repeat scroll 0 0px; display: block; height: 37px; width: 37px; }
 .contents_tools .icon_view_bookmark > a { background: url("/images/common/contents_tool_new.png") no-repeat scroll 0 -198px; display: block; height: 34px; margin-right: 0; width: 39px; }
 .contents_tools .icon_fontplus, .contents_tools .icon_fontminus, .contents_tools .icon_view_option > a, .contents_tools .icon_view_bookmark > a { margin-left: 0; margin-right: 0; padding-left: 0; text-indent: -5000px; }
 .contents_tools .download ul li { float: none; font-size: 13px; margin: 2px 0; padding: 4px 8px 4px 4px; }
 .contents_tools .download li a { background: url("/images/common/util_list2.png") no-repeat scroll 0 0; display: block; height: 16px; line-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; }
 .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; }
 .contents_tools .share ul li { float: none; font-size: 13px; margin: 2px 0; padding: 4px 8px 5px 0px; }
 .contents_tools .share ul li.close, .contents_tools .download ul li.close { position: absolute; width: 22px; height:22px; right:3px; top:5px; }
 .contents_tools .share ul li.close a, .contents_tools .download ul li.close a { display:block;width:22px; height:22px;background:url("/images/phmbc/sub/tools_close.png") no-repeat; border-radius:11px; text-indent:-9999px }
 .contents_tools .download ul li.close a{padding-left:0}
 .contents_tools .share li.sns a { background: url("/images/common/sns_list2.png") no-repeat scroll 0 0; display: block; height: 16px; line-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 .opt_box {position: absolute; right:-1px; top:52px; width: 180px; z-index: 100; background-color: #fff; display: none; outline: medium none; overflow: hidden; border:1px solid #676767; background-color:#fff }
 .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: 12px; }
 .contents_tools .opt_box .opt_box_bd .opt_line { padding:5px 0 0 11px;}
 .contents_tools .opt_box .opt_box_bd .opt_line1 { padding:10px 15px 0 11px;}
 .contents_tools .opt_box .opt_box_bd .opt_line2 { padding:10px 15px 0 11px;}
 .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 #676767; padding:3px 0; }
 .contents_tools .opt_box .opt_sl .opt_btn a { color: #444; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 20px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 43px; 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:11px; right:11px; }
 .contents_tools .opt_box .opt_close {display:block;width:22px; height:22px;background: url("/images/phmbc/sub/tools_close.png") no-repeat; border-radius:11px ; text-indent:-9999px }
 .opt_lineh_small a { background: url("/images/common/contents_tool_new.png") no-repeat scroll 0px -238px; text-indent: -5000px; }
 .opt_lineh_normal a { background: url("/images/common/contents_tool_new.png") no-repeat scroll 0px -216px; text-indent: -5000px; }
 .opt_lineh_wide a { background: url("/images/common/contents_tool_new.png") no-repeat scroll 0px -197px; text-indent: -5000px; }
 .opt_font_normal a { background: url("/images/common/contents_tool_new.png") no-repeat scroll 1px -383px; text-indent: -5000px; }
 .opt_font_big a { background: url("/images/common/contents_tool_new.png") no-repeat scroll -3px -364px; text-indent: -5000px; }
 .opt_mouse a { background: url("/images/common/contents_tool_new.png") no-repeat scroll 3px -261px; text-indent: -5000px; }
 .opt_touch a { background: url("/images/council/sub/contents_tool_new.png") no-repeat scroll 5px -300px; text-indent: -5000px; }
 .opt_btn.opt_mouse.select > a { background: url("/images/common/contents_tool_new.png") no-repeat scroll -36px -261px; text-indent: -5000px; }
 .opt_btn.opt_touch.select > a { background: url("/images/common/contents_tool_new.png") no-repeat scroll -34px -300px; text-indent: -5000px; }
 .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; }
 .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 .ly_p_dsc { color: #666666; left: 40px; line-height: 150%; overflow: hidden; position: absolute; text-align: left; top: 20px; width: 162px; }
 .st_qr img { text-align:center; margin:23px 0 0 -13px; width:262px;}
 .st_qr .opt_cl { position:absolute; top:11px; right:11px; width:22px; height:22px; border-radius:11px; text-indent:-9999px}
 .st_qr .opt_close {display:block;width:22px; height:22px;background:url("/images/phmbc/sub/tools_close.png") no-repeat; border-radius:11px }
 .st_qr .opt_close img { border: 0 none; }
  .cont_wrap{padding-left:270px; max-width:930px;min-height:640px; position:relative; background:url("/images/phmbc/sub/sub_bg.gif") repeat-y;}
 #left{float:left; margin-left:-270px;}
 #SubMenu_Div{width:200px;}
 #SubMenu_Div > h2{background:url("/images/phmbc/sub/sub_sprites.png") no-repeat 0 0; width:200px; height:115px; font-size:24px; font-weight:400; color:#fff; text-align:center; line-height:110px; margin-top:30px;}
 #SubMenu ul{display:block; margin:0 auto;}
 #SubMenu .snb{margin-bottom:50px;}
 #SubMenu > ul > li > a{display:block; padding:13px 10px; color:#555; font-size:15px; font-weight:400; border-bottom:1px solid #e2e2e2;}
 #SubMenu .snb li.accordion > a{background:url("/images/phmbc/sub/sub_sprites.png") no-repeat 185px -156px;}
 #SubMenu_Div .snb > li > a:hover, #SubMenu_Div .snb > li.on > a{background-color:#5991cc; color:#fff;}
 #SubMenu_Div .snb > li.accordion > a:hover{background:#5991cc url("/images/phmbc/sub/sub_sprites.png") no-repeat 185px -195px;}
 #SubMenu_Div .snb > li > a.accordionExpanded{background:#5991cc url("/images/phmbc/sub/sub_sprites.png") no-repeat 185px -235px !important; color:#fff;}
 .snbB{background-color:#dee3df;}
 #SubMenu ul.snbB li > a{background:url("/images/phmbc/sub/sub_sprites.png") no-repeat 10px -132px; display:block; padding:3px 20px; font-weight:400; letter-spacing:-0.1em;}
 #SubMenu ul.snbB li:first-child{padding-top:10px;}
 #SubMenu ul.snbB li:last-child{padding-bottom:10px;}
 #SubMenu ul.snbB li.on > a, #SubMenu ul.snbB li > a:hover{color:#2373c7; font-weight:400;}
 #right{float:left; width:100%; overflow: hidden;}
 #content_top {height:109px;}
 #content_top h2{font-size:26px; color:#000; font-weight:500; line-height:normal; text-align:left; padding-top:50px;}
 #content_box{margin-bottom:50px;}
 #content_box .section4{display:inline-block; zoom:1; *display:inline; width:99%; margin-bottom:35px;}
 ul.section .sectionA{float:left; width:20%; text-align:center;}
 ul.section .sectionA a{padding:10px 5%; width:90%; display:block; border:1px solid #d2d2d2; border-right:0;}
 ul.section .sectionA:nth-child(5n) a, ul.section .sectionA:last-child a{border-right:1px solid #d2d2d2;}
 ul.section .sectionA.on a, ul.section .sectionA a:hover{background-color:#ffc221; color:#000; font-weight:400;}
 #content{clear:both; width:100%; min-height:700px; padding-bottom:50px; padding:0 0 50px 0;}
 @media screen and (max-width:1199px){ .vis_wrap{padding:0 2%;}
 #container{padding:0 2%; background-color:#fff;}
 }
 @media screen and (min-width:951px) and (max-width:1070px){ .menu_info_wrap #path a{padding:16px 50px 17px 20px;}
 }
 @media screen and (max-width:950px){ .cont_wrap{padding:0 2%; background:none;}
 #left{display:none;}
 #sub_vis{height:55px;}
 .vis_wrap{top:0;}
 .snb_level{top:54px !important;}
 .menu_info_wrap #path p{text-indent:0; color:#fff;}
 .menu_info_wrap #path .home{bottom:0; height:54px; float:left;}
 .menu_info_wrap #path a{padding:16px 20px 17px 10px; background:none; border:0; display:inline-block; zoom:1; *display:inline; float:none;}
 .menu_info_wrap #path a.select_menu span{padding-right:24px; background:url("/images/phmbc/sub/siz950_subvis_arrow.png") no-repeat right center;}
 }