/*layout */
html,body{height:100%;}
body {display:table; width:100%}
#header, #footer{display:table-row; width:100%; height:1px}
#container{display:table-row; width:100%; height:100%;background:#fff}
#container > .wrap {display:table; width:100%; height:100%; table-layout:fixed;}
#wrap {min-width:320px; height:100%;display:table;}

.content {position:relative; display:block;}
.content .article {display:table-cell; width:60% ; height:100%;}
.content .article.center {display:block; width:100%;}/*20161119*/
.content .article > .wrap {display:block; width:800px; margin:0 auto;}
.content .article.center > .wrap {width:1200px;}/*20161119*/
.content .aside {display:table-cell; width:40%; height:100%; background:#f6f6f6 url(../images/bg_aside.gif) repeat-y left;}
.content .aside > .wrap {width:92%; padding-bottom:50px; margin:0 auto; }
.content .article .inWrap {width:80%; margin:0 auto;}/*20161119*/
.content .article .etcWrap {position:relative; margin:20px auto 0 auto; border-top:#e5e5e5 1px solid;}/*20161128*/
/*layout */

.article h2 {padding:43px 10% 23px; text-align:center; color:#3d2436; font-size:42px; font-weight:500; letter-spacing:-0.03em; line-height:1.2;}/*20161119*/
.article h2 .s_tx {color:#777; font-size:21px; line-height:1.0; letter-spacing:0.05em; font-family:"새굴림", New Gulim; letter-spacing:-0.03em; padding:12px 0 0 0;}/*20161119*/

.m_fnc_bt {position:relative; padding:22px 0;}
.m_fnc_bt.center {position:relative; padding:5px 0 42px 0; margin-bottom:20px; border-bottom:#e5e5e5 1px solid;}/*20161119*/
.m_fnc_bt > ul {text-align:center;}
.m_fnc_bt > ul > li {display:inline-block; *zoom:1; *display:inline; margin-left:-4px; text-align:center; vertical-align:top; border-right:1px solid #e8e8e8;}
.m_fnc_bt > ul > li:first-child {border-left:1px solid #e8e8e8;}
.m_fnc_bt > ul > li > a {display:inline-block; *zoom:1; *display:inline; width:80px; height:27px; padding-top:45px; text-align:center; font-size:12px; color:#797979; font-weight:300;}
.m_fnc_bt > ul > li > a:hover {background-color:#f2f2f2 !important;}
.m_fnc_bt .m_f_map a {background:url(../images/icon_fnc_map.png) no-repeat center 12px;}
.m_fnc_bt .m_f_list a {background:url(../images/icon_fnc_list.png) no-repeat center 12px;}
.m_fnc_bt .m_f_rst a {background:url(../images/icon_fnc_rst.png) no-repeat center 12px;}
.m_fnc_bt .m_f_print a {background:url(../images/icon_fnc_print.png) no-repeat center 12px;}
.m_fnc_bt .m_f_download a {background:url(../images/icon_fnc_download.png) no-repeat center 12px;}
.m_fnc_bt .m_f_tag a {background:url(../images/icon_fnc_tag.png) no-repeat center 12px;}
.m_fnc_bt .m_f_cnt a {background:url(../images/icon_fnc_cnt.png) no-repeat center 12px;}
.m_fnc_bt .m_f_txt a {background:url(../images/icon_fnc_txt.png) no-repeat center 12px;}/*20161119*/

.ph-slider {position:relative; margin:0 auto; padding:30px 60px;}
.ph-slider ul {display:table; width:100%;}
.ph-slider ul li {position:relative; display:table-cell; width:33.3%; margin:0 15px; padding-bottom:30px; vertical-align:middle; text-align:center;}
.ph-slider .box {display:inline-block;  height:100%; margin:0 7px; text-align:center; border:3px solid #fff; background:#f6f6f6;}
.ph-slider ul li:hover .box {border:3px solid #e4e4e4;}
.ph-slider img {width:100%; height:auto;}
.ph-slider .tx {position:absolute; left:0; bottom:0; right:0; height:28px; line-height:28px; padding:0 10px; color:#2c2c2c; text-align:center; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
.ph-slider .btn {position:absolute; top:50%; margin-top:-70px; display:block; width:50px; height:97px; text-indent:-9999px; }
.ph-slider .btn.prev {left:0; background:url(../images/bt_phs_prev.png) no-repeat 0 0; background-size:100%; }
.ph-slider .btn.next {right:0; background:url(../images/bt_phs_next.png) no-repeat 0 0; background-size:100%; }

/*이미지팝업*/
.pu_ph_bg {position:fixed; top:0; left:0; width:100%; height:100%; /* z-index:98; */ z-index:100; background:#000; display:none; 
	-khtml-opacity:.86; /*safari*/
	-ms-filter:”alpha(opacity=86)”;/*IE8*/
	-moz-opacity:.86;/*FF*/
	filter:alpha(opacity=86); /*IE7*/
	opacity:.86;  /*all other browsers*/ }
.pu_ph { position:fixed; top:50%; left:50%; width:750px; margin:-242px 0 0 -375px; /* z-index:99; */ z-index:101; visibility:hidden; }
.pu_ph.on { visibility:visible; }
.pu_ph ul { position:relative; width:470px; overflow:hidden; margin:0 auto; }
.pu_ph ul li { position:relative; }
.pu_ph ul li .ph { position:relative; height:360px; background:#fff; text-align:center; overflow:hidden; }
.pu_ph ul li .ph img { max-width:100%; }
.pu_ph ul li .tx { position:relative; background:#fff; }
.pu_ph ul li .tx .num { position:absolute; top:10px; right:20px; font-size:11px; color:#2d2d2d; line-height:16px; z-index:1; }
.pu_ph ul li .tx .num em { color:#5dbbd9; }
.pu_ph ul li .tx .num span { color:#aeaeae; margin:0 5px; }
.pu_ph ul li .tx dt {padding:10px 70px 10px 20px; line-height:16px; font-size:14px; font-weight:700; color:#303030; }
.pu_ph ul li .tx dd {overflow:hidden; padding:15px 20px; line-height:19px; font-size:12px; letter-spacing:-1px; color:#272727; background:#f2f2f2; }
.pu_ph ul li .tx dd p {margin-right:15px; }
.pp_btns .num {display:none;}
.bt_pp {position:absolute; top:50%; width:42px; height:79px; margin-top:-39px; overflow:hidden; text-indent:-9999px; }
.bt_pp.prev {left:0; background:url(../images/bt_md_prev.png) no-repeat 0 0; }
.bt_pp.next {right:0; background:url(../images/bt_md_next.png) no-repeat 0 0; }

.tb_info {position:relative; margin:20px 0; border-top:1px solid #ddd;}
.tb_info ul {border-bottom:1px solid #ddd; *zoom:1;}
.tb_info ul li {padding:10px; *zoom:1;}
.tb_info ul li:after { content:"."; clear:both; display:block; height:0; visibility:hidden;}
.tb_info dl {position:relative; float:left; width:50%; font-size:14px; font-weight:300;}
.tb_info dt {position:absolute; top:0; left:0; width:80px; color:#679ec3; text-align:center;}
.tb_info dd {margin-left:90px; padding-right:30px; color:#5b5b5b;}

.tag {position:relative; padding:20px 0 20px 44px; color:#31a0ed; font-size:14px;}
.tag a {color:#31a0ed;}
.tag .tit {position:absolute; top:20px; left:0; width:44px;}
.tag .tit > span {display:inline-block; margin-top:-2px; vertical-align:top;  padding:0 7px; color:#d7d7d7;}

.footnote {position:relative; padding:30px 0; border-top:1px solid #efefef; font-family:'돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; }
.footnote dl {position:relative; padding:2px 0; min-height:25px; }
.footnote dl dt {position:absolute; top:2px; left:0; width:65px; height:23px; line-height:23px; border:1px solid #f0f0f0; border-radius:3px; text-align:center; font-size:11px; color:#31a0ed; background:#fff; }
.footnote dl dd {position:relative; margin-left:83px; color:#4f4f4; font-size:12px; line-height:16px; padding-top:6px; }
.footnote dl dd b {color:#31a0ed;}

.con_tx {position:relative; padding:20px 0; color:#3d3d3d; line-height:2.0; font-weight:300;}
.con_tx p { text-align:justify; }/*20161201*/
.tx_ud_line {text-decoration:underline;}
.p_cmmt {color:#31a0ed; font-weight:200; border-bottom:1px solid #8a8a8a; text-decoration:none !important;}
.y_cab {background:#fffe60;} 

/*팝업공통*/
.bx_pop {/*display:none;*/z-index:20; position:absolute;  border:1px solid #e6e6e6; border-top:3px solid #4b4d5e; background:#fff;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);}
.bx_pop .p_close {position:absolute; top:14px; right:10px; width:15px; height:14px;}
.bx_pop .p_st {display:block; margin-bottom:15px; color:#1e1e1e; font-size:18px; font-weight:200;}

.bx_pop_cmmt {display:none; width:70%; padding:15px 22px 25px 22px; font-size:13px; line-height:1.8; letter-spacing:0;} /*주석박스*/
.bx_pop_cmmt > .p_cn {padding-bottom:10px; font-family:'돋움'; color:#515151; font-weight:normal;}
.bx_pop_cmmt > .p_link a {font-family:'돋움'; font-size:13px; font-weight:bold; color:#31a0ed; text-decoration:underline;}
.bx_pop_cmmt > .p_link a:hover {color:#b1b1b1;}

.bx_pop_tag {display:none; top:89px; right:80px; width:255px; padding:10px;} /*태그등록박스20161119*/
.bx_pop_tag input[type="text"] {width:205px; height:27px; border:1px solid #ccc;}
.bx_pop_tag .p_bt_ok {display:inline-block; width:29px; height:32px; margin-left:8px; padding-right:3px; text-align:center; vertical-align:middle; color:#fff; font-weight:200; font-size:17px; letter-spacing:-0.1em; border-radius:32px; background:#4b4d5e; text-decoration:none;}
.bx_pop_tag .p_bt_ok:hover {background:#0e9cfe;}

.bx_pop_tag.center { top:75px; right:20%;}/*20161119*/

/*aside*/
.tgg_list {position:relative; padding-top:60px; margin-bottom:50px;}
.tgg_list > ul > li > a {display:block; padding:8px 35px 8px 5px; font-size:15px; color:#2f2f2f; font-weight:200; line-height:1.4; background:url(../images/bt_tgg_down.png) no-repeat 97% 19px; border-bottom:1px solid #e0e0e0;}
.tgg_list > ul > li > a:hover {background-color:#e7e7e7}
.tgg_list > ul > li.on > a {background:url(../images/bt_tgg_up.png) no-repeat 97% 24px;}

.tgg_cnt {position:relative; margin:18px 0; border-top:1px solid #747474; border-bottom:1px solid #747474;}
.tgg_cnt > .tb_info {position:relative; margin:0; margin-bottom:20px; background:#e8e8e8;}
.tgg_cnt > .tb_info ul {border:none; *zoom:1;}
.tgg_cnt > .tb_info ul li {padding:8px; *zoom:1;}
.tgg_cnt > .tb_info ul li:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.tgg_cnt > .tb_info dl {position:relative; float:left; width:50%; font-size:13px; font-weight:300;}
.tgg_cnt > .tb_info dt {position:absolute; top:0; left:0; width:40px; color:#5b5b5b; text-align:left;}
.tgg_cnt > .tb_info dd {margin-left:40px; padding-left:10px; padding-right:20px; color:#5b5b5b; background:url(../images/bl_bar_gray1x13.gif) no-repeat left 7px;}

.tgg_cnt a.bt_more {display:block; height:31px; line-height:31px; text-align:center; font-size:13px; font-weight:400; color:#8e8e8e; background:#e8e8e8;}
.tgg_cnt a.bt_more span {padding-right:16px; background:url(../images/ico_bt_more.png) no-repeat right center;}
.tgg_cnt a.bt_more:hover {background:#d8d8d8;}

.tgg_cnt .tgg_c_ph_list {position:relative; overflow:hidden; margin-bottom:18px;}
.tgg_cnt .tgg_c_ph_list ul {overflow:hidden; margin:0 auto; *zoom:1;}
.tgg_cnt .tgg_c_ph_list ul:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.tgg_cnt .tgg_c_ph_list li {position:relative; float:left; width:25%; margin-bottom:15px;}
.tgg_cnt .tgg_c_ph_list a {display:block; width:131px; margin:0 auto; padding:0 5px;}
.tgg_cnt .tgg_c_ph_list .ph {display:block; height:82px; padding:3px; text-align:center; border:1px solid #c6c5c4; background:#fff;}
.tgg_cnt .tgg_c_ph_list .ph:hover {padding:0 !important; border:4px solid #cdcccb}

.tgg_cnt .tgg_c_ph_list .ph img {max-width:100%; height:100%;}
.tgg_cnt .tgg_c_ph_list .tx {display:block; height:28px; line-height:28px; color:#636363; text-align:center; font-size:13px; font-weight:300; letter-spacing:-0.05em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}

/*category list*/
.c_m_tit {width:100%; height:127px; margin-top:1px; background:url(../images/bg_tm_ctg.gif) repeat-x;}
.c_m_wrap {position:relative; width:100%; height:127px;}
.c_m_wrap.type {background:url(../images/img_tm_ct_type.png) no-repeat -45px 0;}/*20170619*/
.c_m_wrap.period {background:url(../images/img_tm_ct_period.png) no-repeat -45px 0;}/*20170619*/
.c_m_wrap.region {background:url(../images/img_tm_ct_region.png) no-repeat -45px 0;}/*20170619*/
/* .c_m_wrap.type {background:url(../images/img_tm_ct_type.png) no-repeat;} */
.c_m_wrap .tx_tit {position:absolute; top:6px; left:530px; line-height:1.2;}/*20170619*/
/* .c_m_wrap .tx_tit {position:absolute; top:6px; left:464px; line-height:1.2;} */
.c_m_wrap .tx_tit h2 {margin:0; padding:0; color:#fff; font-weight:300; font-size:34px; letter-spacing:-0.08em; line-height:normal;}
.c_m_wrap .tx_tit p {font-size:14px; color:#fff; letter-spacing:0.1em;}

.c_m_menu {position:absolute; right:20px; bottom:0; *zoom:1;}
.c_m_menu:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.c_m_menu li {float:left; background:url(../images/bg_c_t_bar.gif) no-repeat right 10px;}
.c_m_menu li:last-child {background:none;}
.c_m_menu a {display:block; padding:0 16px 15px 16px; font-weight:500; font-size:17px; color:#48433d; letter-spacing:-0.1em;}
.c_m_menu li.on a {padding:0 16px 12px 16px; border-bottom:3px solid #49453f; text-decoration:none;}

.ctg_th_list ul {padding:20px; margin:0 auto; *zoom:1;}/*20161119*/
.ctg_th_list ul:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
/* .ctg_th_list li {float:left; width:152px; margin:10px 15px; border:1px solid #dfdfdf;} */
.ctg_th_list li {float:left; width:150px; margin:10px 15px; border:1px solid #dfdfdf;}/*20161219*/
.ctg_th_list li a {display:block;}
/* .ctg_th_list li .th {width:152px; height:180px; border-bottom:1px solid #dfdfdf; overflow:hidden;} */
.ctg_th_list li .th {width:150px; height:120px; border-bottom:1px solid #dfdfdf; overflow:hidden;}
.ctg_th_list li .th img {width:100%;}
.ctg_th_list li .tx {height:33px; padding:10px 12px; line-height:1.3;}
.ctg_th_list li .tx span {display:block; color:#999; font-weight:200; font-size:12px;}
.ctg_th_list li .tx strong {display:block; color:#484848; font-weight:400; font-size:16px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
/*20170210*/
.ctg_th_list li .th.arch {background:#f5f5f5 url(../images/img_ctg_t_arch.png) no-repeat center;}
.ctg_th_list li .th.tomb {background:#f5f5f5 url(../images/img_ctg_t_tomb.png) no-repeat center;}
.ctg_th_list li .th.complex {background:#f5f5f5 url(../images/img_ctg_t_complex.png) no-repeat center;}
.ctg_th_list li .th.buddha {background:#f5f5f5 url(../images/img_ctg_t_buddha.png) no-repeat center;}
.ctg_th_list li .th.tombstone {background:#f5f5f5 url(../images/img_ctg_t_tombstone.png) no-repeat center;}
.ctg_th_list li .th.temple {background:#f5f5f5 url(../images/img_ctg_t_temple.png) no-repeat center;}
.ctg_th_list li .th.life {background:#f5f5f5 url(../images/img_ctg_t_life.png) no-repeat center;}
.ctg_th_list li .th.castle {background:#f5f5f5 url(../images/img_ctg_t_castle.png) no-repeat center;}
.ctg_th_list li .th.tower {background:#f5f5f5 url(../images/img_ctg_t_tower.png) no-repeat center;}
.ctg_th_list li .th.etc {background:#f5f5f5 url(../images/img_ctg_t_etc.png) no-repeat center;}
/*20170210*/

.sr_list_control {position:relative; height:47px; background:#fcfcfc; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.sr_list_control .l_area {position:absolute; top:0; left:25px; color:#888; font-size:13px; line-height:47px;}
.sr_list_control .r_area {position:absolute; top:11px; right:25px; }
.sr_list_control .r_area .btns { margin-left:18px; }
.sr_list_control .r_area .btns a { margin:0 1px; }
.gf_sel { height:27px; line-height:27px; border:1px solid #d3d4d7; border-radius:4px; background:url(../images/gf_sel_bg.gif) repeat-x 0 0; font-size:11px; color:#535454; font-family:Arial, Helvetica, sans-serif; padding-left:10px; }

.pagination {position:relative; display:inline-block; *zoom:1; *display:inline; }
.pagination.tc { display:block;}
.pagination a { vertical-align:top; margin:0 1px; }
.pagination span { margin:0 3px; display:inline-block; *zoom:1; *display:inline; }
.pagination span a { display:inline-block; *zoom:1; *display:inline; height:25px; padding:0 10px; border:1px solid #dbdcdf; color:#888; font-weight:normal; font-size:11px; line-height:25px; background:#fff; }
.pagination span a.on { color:#000; font-weight:bold; text-decoration:none; border:1px solid #9fa0a2; }
.pagination .num { padding-right:8px; position:relative; top:6px; color:#777; }

.pagination_mo {position:relative; text-align:center; line-height:27px; font-size:13px; color:#000; display:none; }
.pagination_mo a { margin:0 2px; }
.pagination_mo span { margin-right:8px; }
.pagination_mo em { color:#8d8d8d; margin:0 2px; }
.pagination_mo b { color:#57b8d7; }

/*20161119*/
.pf_btn { position:fixed; top:50%; width:53px; height:66px; margin-top:50px; display:block; text-indent:-9999px; z-index:99; background-size:auto 100%; }
.pf_btn.prve { left:50%; margin-left:-600px; background:url(../images/btn_p_prev.png) no-repeat center 0; background-size:auto 100%; }
.pf_btn.next { right:50%; margin-right:-600px; background:url(../images/btn_p_next.png) no-repeat center 0; background-size:auto 100%; }
.pf_btn.go-list { right:50%; margin-right:-600px; background:url(../images/btn_p_list.png) no-repeat center 0; background-size:auto 100%; margin-top:-17px; *margin-top:-14px; }
.pf_btn.go-top { right:50%; margin-right:-600px; background:url(../images/btn_p_top.png) no-repeat center 0; background-size:auto 100%; margin-top:117px;  }
.pf_btn.prve:hover { background:url(../images/btn_p_prev_ov.png) no-repeat center 0; background-size:auto 100%; }
.pf_btn.next:hover { background:url(../images/btn_p_next_ov.png) no-repeat center 0; background-size:auto 100%; }
.pf_btn.go-list:hover { background:url(../images/btn_p_list_ov.png) no-repeat center 0; background-size:auto 100%; }
.pf_btn.go-top:hover { background:url(../images/btn_p_top_ov.png) no-repeat center 0; background-size:auto 100%; }

.m_srch_bt { position:absolute; top:15px; right:50%; margin-right:-600px; border-bottom:#918e8a 2px solid; padding:0 0 12px 0; }
.m_srch_bt li { display:inline-block; *zoom:1; *display:inline; }
.m_srch_bt li a { height:18px; line-height:15px; vertical-align:middle; border-left:1px solid #e6e6e6; padding:2px 10px; display:block;}
.m_srch_bt li a:hover { background:#f2f2f2; }
.m_srch_bt li a.first { border:0; }
.m_srch_bt li.dis { height:18px; line-height:15px; vertical-align:middle; border-left:1px solid #e6e6e6; padding:2px 10px;}
.m_srch_bt li.first { border:0; }
/*20161119*/

/*20161128*/
.open-api { position:relative; padding:25px; font-weight:300; }
.open-api h3 { position:relative; font-size:18px; color:#0085e0; padding-left:10px; margin-bottom:15px; }
.open-api .ti-b-tx { font-size:14px; color:#797979; padding-left:10px; margin:-5px 0 15px; }
.open-api .g-tx { position:relative; font-size:15px; line-height:28px; color:#878787; margin-bottom:20px; }
.open-api .g-box { position:relative; padding:10px 15px; background:#f4f4f4; border:1px solid #e3e3e3; margin-bottom:30px; font-size:13px; line-height:24px; }
.open-api .g-box a { color:#0085e0; }
.open-api .g-box span { position:relative; padding-left:15px; display:inline-block; }
.open-api .g-box span em { position:absolute; left:0px; top:1px;}
.open-api .key-apply { position:relative; padding:15px 40px; background:#f4f4f4; border:1px solid #e3e3e3; margin-bottom:30px; font-size:15px; color:#878787; }
.open-api .key-apply .w-box { position:relative; padding:10px 60px; background:#fff; border:1px solid #e1e1e1; font-size:13px; margin-bottom:15px; }
.open-api .key-apply .w-box dl { position:relative; padding:3px 0 4px; }
.open-api .key-apply .w-box dl dt { position:absolute; top:3px; left:0; }
.open-api .key-apply .w-box dl dd { position:relative; margin-left:100px; }
.open-api .key-apply .w-box dl dd.tx { border:1px solid #cecece; height:26px; line-height:26px; }
.open-api .key-apply .w-box dl dd input[type=text] { width:100%; border:0; height:26px; line-height:26px; *height:25px; *line-height:25px; width:100%; background:none; font-size:15px; }
.open-api .key-apply .w-box dl dd select { width:100%; border:1px solid #cecece; height:28px; line-height:28px; width:100%; font-family:'NotoSans', "새굴림", Sans-serif; font-size:15px; }
.open-api .key-apply .btn {background:#54b1f1; border:#0080d9 1px solid; border-radius:6px; font-size:16px; color:#fff; padding:6px 0; text-align:center; margin:0 auto;}

.tb_api { width:100%; line-height:23px; margin-bottom:30px; }
.tb_api th,
.tb_api td { border:1px solid #e3e3e3; }
.tb_api th { background:#f4f4f4; padding:5px 10px; font-size:15px; color:#737373; font-weight:normal; }
.tb_api td { padding:12px 10px 12px 15px; font-size:14px; color:#646464; }
.tb_api td pre { padding:0; margin:0; font-size:14px; color:#646464; font-family:'NotoSans', "새굴림", Sans-serif; }
/*20161128*/

/*20161201*/
.pStyle01 { position:relative; margin:30px 0 8px; border-bottom:#e5e5e5 2px dotted; padding:15px 0 15px 50px; background:url(../images/bt_pstyle01.png) left no-repeat; font-size:22px; font-weight:500; color:#000; line-height:1.2; }
.pStyle01.non { display:none; }
.pStyle_writer { position:relative; font-size:13px; font-weight:200; color:#777; text-align:right; line-height:1.2; margin-top:-10px;}
.pStyle_writer em { color:#ccc; font-weight:100; padding:0 10px;}
/*20161201*/

/*20161212*/
.bx-wrapper {position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1;}
.bx-wrapper img {max-width:100%; display:inline-block;  text-align:center;}

.bx-wrapper .bx-loading {display:none;}
.bx-wrapper .bx-pager {display:none;}

.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -49px; outline: 0; width:50px; height:97px; text-indent: -9999px; z-index: 10;}
.bx-wrapper .bx-prev {left:-80px; background: url(../images/bt_phs_prev.png) no-repeat;}
.bx-wrapper .bx-next {right:-80px; background: url(../images/bt_phs_next.png) no-repeat;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}

.slider4 .box {margin:0 7px;  text-align:center; border:3px solid #fff; background:#f6f6f6; width:176px; height:177px; overflow:hidden;}
.slider4 .box:hover {border:3px solid #e4e4e4;}
.slider4 .tx {height:28px; line-height:28px; padding:0 10px; color:#2c2c2c; text-align:center; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
/*//20161212*/


@media screen and (max-width:1650px){
	.content .article {width:70%;}
	.content .article > .wrap {width:80%;}
	.content .article.center > .wrap {width:1200px;}/*20161119*/
	.content .aside {width:30%;}
	.tgg_cnt .tgg_c_ph_list li {width:33%;}
}
@media screen and (max-width:1460px){
	.tgg_cnt .tgg_c_ph_list li {width:50%;}
}
/*20161119*/
@media screen and (max-width:1218px) {
	.content .article.center > .wrap {width:95%;}
	.m_srch_bt { right:0; margin-right:0; }/*20161119*/
	.pf_btn.prve { left:0; margin-left:0; }
	.pf_btn.next { right:0; margin-right:0; }
	.pf_btn.go-list { right:0; margin-right:0; }
	.pf_btn.go-top { right:0; margin-right:0; }
	.wrap.nr .pf_btn.next { margin-right:0; }
	.wrap.nr .pf_btn.go-list { margin-right:0; }
	.wrap.nr .pf_btn.go-top  { margin-right:0; }
}
/*20161119*/
@media screen and (max-width:980px){
	.content .article {display:block; width:100%;}
	.content .article .inWrap {width:90%;}/*20161119*/
	.m_srch_bt { position:relative; border-bottom:#f2f2f2 1px solid; width:235px; margin:-15px auto 30px auto; }/*20161119*/
	.content .aside {display:block; width:100%; height:100%;}
	.content .aside > .wrap {width:90%; padding:0; margin:0 auto;}
	.tgg_cnt .tgg_c_ph_list li {width:25%;}
	.ctg_th_list ul {padding:20px 28px;}
}
/*20161212*/
@media screen and (max-width:780px) {
	.bx-wrapper {width:80%;}
	.slider4 .box {margin:0 7px;  text-align:center; border:3px solid #fff; background:#f6f6f6; width:100%; height:167px; overflow:hidden;}
}
/*//20161212*/
@media screen and (max-width:768px){
	.content .article > .wrap {width:95%; padding:0;}
	.content .article.center > .wrap {width:95%;}/*20161119*/
	.content .aside > .wrap {width:95%; padding:0;}
	.article h2 {padding:42px 0 23px;}/*20161119*/
	.m_fnc_bt > ul > li:nth-child(4) {display:none;}
	.m_fnc_bt > ul > li:nth-child(5) {display:none;}
	/*.m_fnc_bt > ul > li:nth-child(7) {display:none;}20161119*/

	.pu_ph {position:fixed; top:50%; left:0; width:100%; margin:-200px 0 0; }
	.pu_ph ul { width:auto; margin:0 15px; }
	.pu_ph ul li .ph { height:220px; }

	.pp_btns {position:relative; height:40px; text-align:center;}
	.pp_btns .num {display:block; padding-top:15px; text-align:center; font-size:11px; color:#fff; letter-spacing:0.1em; line-height:16px; z-index:1; }
	.pp_btns .num em { color:#5dbbd9; }
	.pp_btns .num span { color:#aeaeae; margin:0 5px; }
	.bt_pp {position:absolute; top:10px;  width:17px; height:32px; margin-top:0;}
	.bt_pp.prev {left:20px; background:url(../images/bt_md_prev_mo.png) no-repeat 0 0;}
	.bt_pp.next {right:20px; background:url(../images/bt_md_next_mo.png) no-repeat 0 0;}

	.tb_info {margin:10px 0;}
	.tb_info ul {border:none; *zoom:1;}
	.tb_info ul li {padding:0;}
	.tb_info dl {float:none; width:100%; padding:8px 0; font-size:13px; border-bottom:1px solid #ddd;}
	.tb_info dt {padding:8px 0;}

	.tgg_cnt > .tb_info ul li {padding:0;}
	.tgg_cnt > .tb_info dl {float:none; width:100%; padding:4px 0; font-size:13px; border:none; }
	.tgg_cnt > .tb_info dt {position:absolute; top:-4px; left:0; width:40px; padding-left:10px; color:#5b5b5b; text-align:left;}
	.tgg_cnt > .tb_info dd {margin-left:50px; padding-left:10px; padding-right:20px; color:#5b5b5b; background:url(../images/bl_bar_gray1x13.gif) no-repeat left 6px;}

	.tgg_cnt .tgg_c_ph_list li {width:25%;}
	
	.c_m_wrap.type {background:url(../images/img_tm_ct_type.png) no-repeat -350px 0;}/*20170619*/
	.c_m_wrap.period {background:url(../images/img_tm_ct_period.png) no-repeat -350px 0;}/*20170619*/
	.c_m_wrap.region {background:url(../images/img_tm_ct_region.png) no-repeat -350px 0;}/*20170619*/
	/* .c_m_wrap.type {background:url(../images/img_tm_ct_type.png) no-repeat -250px 0;} */
	.c_m_wrap .tx_tit {top:3px; left:214px;}
	.c_m_menu a {padding:0 12px 12px 12px; font-size:16px;}
	.c_m_menu li.on a {padding:0 9px 12px 12px;}

	.ctg_th_list ul {padding:20px 10px; margin-left:8px;}

	.l_area, .pagination {display:none;}
	.sr_list_control .r_area { position:relative; top:auto; right:auto; padding-top:11px; text-align:center; }
	.sr_list_control .r_area .btns { display:none; }
	.pagination_mo {display:block;}	
	
	.pf_btn { width:23px; height:55px; margin-top:20px; }/*20161201*/
	.pf_btn.go-list { margin-top:-36px; background-size:40px 100%; }/*20161119*/
	.pf_btn.go-list:hover { background-size:40px 100%; }/*20161119*/
	.pf_btn.go-top { margin-top:76px;  }/*20161119*/
	
	/*20161128*/
	.content .article .etcWrap { margin:-10px auto 0 auto; }
	.open-api { padding:15px 5px 5px 5px; }
	.open-api h3 { font-size:15px; margin-bottom:10px; padding:0; }
	.open-api .ti-b-tx { font-size:13px; margin-bottom:10px; padding:0; }
	.open-api .g-tx { font-size:14px; line-height:24px; }
	.open-api .g-box { font-size:12px; line-height:20px; margin-bottom:20px; }
	.open-api .key-apply { padding:15px; margin-bottom:20px; }
	.open-api .key-apply .w-box { padding:10px; font-size:12px; }
	.open-api .key-apply .w-box dl dd input[type=text] {font-size:13px; }
	.open-api .key-apply .w-box dl dd select {font-size:13px; }
	
	.tb_api, .tb_api thead, .tb_api tbody, .tb_api th, .tb_api td, .tb_api tr { display:block; }
	.tb_api thead tr { position:absolute; top:-9999px; left:-9999px; }
	.tb_api tr { border:1px solid #ccc; border-width:1px 0; }
	.tb_api td { position:relative; border:none; border-bottom:1px solid #eee; padding-left:23%; text-align:left; font-size:12px; line-height:18px;  }
	.tb_api td:before { position:absolute; top:0; color:#23689d; background:#fbfbfb; height:100%; line-height:36px; left:0; width:20%; white-space:nowrap; text-align:center; }
	.tb_api td pre { font-size:12px; }
	/*20161128*/	
	
	.pStyle_writer { margin-top:-3px;}/*20161201*/
	.slider4 .box {margin:0 7px;  text-align:center; border:3px solid #fff; background:#f6f6f6; width:99%; height:150px; overflow:hidden;}/*20161212*/

}
/*20161212*/
@media screen and (max-width:680px) {
  .bx-wrapper .bx-controls-direction a {width:21px; height:45px; margin-top:-27px;}
  .bx-wrapper .bx-prev {left:-40px; background:url(../images/bt_phs_prev_s.png) no-repeat 0 0;}
  .bx-wrapper .bx-next {right:-40px;background:url(../images/bt_phs_next_s.png) no-repeat 0 0; }
  .slider4 .box {margin:0 7px;  text-align:center; border:3px solid #fff; background:#f6f6f6; width:99%; height:130px; overflow:hidden;}/*20161212*/
}
/*//20161212*/
@media screen and (max-width:590px){
	.tgg_cnt .tgg_c_ph_list li {width:33%;}	
	.article h2 {padding:42px 0 23px; font-size:32px;}/*20161119*/
	.article h2 .s_tx {color:#9b9b9b; font-size:16px;}/*20161119*/
	.slider4 .tx {font-size:12px;}/*20161212*/
	.slider4 .box {margin:0 7px;  text-align:center; border:3px solid #fff; background:#f6f6f6; width:99%; height:100px; overflow:hidden;}/*20161212*/
}
@media screen and (max-width:480px){
	.m_fnc_bt > ul > li > a {width:65px; font-size:11px;}/*20161119*/

	.c_m_tit {height:75px;}
	.c_m_wrap {height:75px;}
	.c_m_wrap.type {background:url(../images/img_tm_ct_type.png) no-repeat 100% -127px;}/*20170619*/
	.c_m_wrap.period {background:url(../images/img_tm_ct_period.png) no-repeat 100% -127px;}/*20170619*/
	.c_m_wrap.region {background:url(../images/img_tm_ct_region.png) no-repeat 100% -127px;}/*20170619*/
	/* .c_m_wrap.type {background:url(../images/img_tm_ct_type.png) no-repeat 100% -126px;} */
	.c_m_wrap .tx_tit {position:absolute; top:5px; left:18px;}
	.c_m_wrap .tx_tit h2 {font-size:23px;}
	.c_m_wrap .tx_tit p {display:none;}

	.c_m_menu {position:absolute; left:16px; bottom:0; *zoom:1;}
	.c_m_menu li {background:url(../images/bg_c_t_bar.gif) no-repeat right 5px;}
	.c_m_menu li:last-child {background:none;}
	.c_m_menu a {display:block; padding:0 8px 10px 8px; font-weight:500; font-size:12px; color:#48433d;}
	.c_m_menu li.on a {padding:0 8px 7px 8px; border-bottom:3px solid #49453f; text-decoration:none;}	
	.slider4 .box {margin:0 7px;  text-align:center; border:3px solid #fff; background:#f6f6f6; width:99%; height:66px; overflow:hidden;}/*20161212*/
}

@media screen and (max-width:400px){
	.m_fnc_bt {padding:12px 0;}
	.m_fnc_bt > ul > li > a {width:60px; height:22px; padding-top:35px; font-size:10px; }/*20161119*/
	.m_fnc_bt .m_f_map a {background:url(../images/icon_fnc_map.png) no-repeat center 5px; background-size:20px}
	.m_fnc_bt .m_f_list a {background:url(../images/icon_fnc_list.png) no-repeat center 5px; background-size:20px}
	.m_fnc_bt .m_f_rst a {background:url(../images/icon_fnc_rst.png) no-repeat center 5px; background-size:20px}
	.m_fnc_bt .m_f_tag a {background:url(../images/icon_fnc_tag.png) no-repeat center 5px; background-size:20px}
	.m_fnc_bt .m_f_cnt a {background:url(../images/icon_fnc_cnt.png) no-repeat center 4px; background-size:21px}/*20161119*/
	.m_fnc_bt .m_f_txt a {background:url(../images/icon_fnc_txt.png) no-repeat center 4px; background-size:22px}/*20161119*/

	.bx_pop_tag {top:62px; right:10px;}
	.bx_pop_tag.center { top:62px; right:10px;}/*20161119*/
	.bx_pop_cmmt {width:88%;}

	.ph-slider {padding:20px 27px;}
	.ph-slider ul li {padding-bottom:0;}
	.ph-slider .tx {display:none;}
	.ph-slider .btn {position:absolute; top:50%; margin-top:-22px; display:block; width:21px; height:42px;}
	.ph-slider .btn.prev {top:50%; left:5px; background:url(../images/bt_phs_prev_s.png) no-repeat 0 0;}
	.ph-slider .btn.next {top:50%; right:5px; background:url(../images/bt_phs_next_s.png) no-repeat 0 0;}

	.con_tx {padding:10px 0; font-size:14px;}

	.tgg_list {padding-top:30px;}
	.tgg_list > ul > li > a {font-size:13px;}

	.tgg_cnt .tgg_c_ph_list li {width:50%;}
	
	.pStyle01 { margin:30px 0 8px; padding:10px 0 10px 50px; font-size:20px; }/*20161201*/
	.slider4 .tx {display:none;}/*20161212*/

}
@media screen and (max-width:320px){
	.ctg_th_list ul {padding:20px 15px; margin:0 auto; *zoom:1;}
	.ctg_th_list li {width:80px; margin:10px 8px; border:none;}
	.ctg_th_list li .th {width:78px; height:93px; border:1px solid #dfdfdf;}
	.ctg_th_list li .tx {height:33px; padding:10px 0; line-height:1.3;}
	.ctg_th_list li .tx span {font-size:11px;}
	.ctg_th_list li .tx strong {font-size:12px;}
}