@charset "UTF-8";

/* 경로 */
.sub_container .category_area{background:#f1f1f3;height:49px;border-bottom:1px solid #e1e1e1;box-shadow: inset 0px 13px 8px -10px #CCC; }
.sub_container .category_wrap{max-width:1200px;margin:0 auto;}
.sub_container .category_wrap ul{overflow:hidden;float:right;}
.sub_container .category_wrap ul li{float:left;height:49px;line-height:49px;position:relative;}
.sub_container .category_wrap ul li + li{margin-left:27px;}
.sub_container .category_wrap ul li:after{content:'';display:block;width:6px;height:11px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat 0 0;position:absolute;top:19px;right:-19px;}
.sub_container .category_wrap ul li a{font-size:16px;font-weight:300;color:#454545;}
.sub_container .category_wrap ul li a:hover{text-decoration:underline;}


/* lnb */
.sub_container .sub_wrap{max-width:1200px;margin:0 auto;}
.sub_container .sub_wrap .lnb{width:230px;float:left;padding-bottom:50px;}
.sub_container .sub_wrap .lnb .lnb_title{height:87px;font-size:26px;color:#0d1218;border-bottom:2px solid #000;padding-top:33px;}
.sub_container .sub_wrap .lnb .lnb_title a{color:#0d1218;}
.sub_container .sub_wrap .lnb .lnb_list > li .title{display:block;height:49px;line-height:49px;position:relative;border-bottom:1px solid #b3b3b3;}
.sub_container .sub_wrap .lnb .lnb_list > li .title .new_window{display:inline-block;width:11px;height:11px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -45px 0;overflow:hidden;text-indent:-9999px;vertical-align:1px;margin-left:6px;}
.sub_container .sub_wrap .lnb .lnb_list > li:hover .title .new_window{animation-duration: .3s;animation-name: slidein3;animation-direction: alternate;animation-iteration-count:infinite;}

@keyframes slidein3 {
  from {
    margin-left:6px;
  }


  to {
    margin-left:11px;
  }
}
.sub_container .sub_wrap .lnb .lnb_list > li .title strong{font-size:17px;color:#0d1218;font-weight:400;}
.sub_container .sub_wrap .lnb .lnb_list > li.active .title strong{color:#4153b9}
.sub_container .sub_wrap .lnb .lnb_list > li .title .arrow{display:block;width:7px;height:12px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -31px 0;position:absolute;top:19px;right:0px;overflow:hidden;text-indent:-9999px;}
.sub_container .sub_wrap .lnb .lnb_list > li:hover .title .arrow{animation-duration: .3s;animation-name: slidein;animation-direction: alternate;animation-iteration-count:infinite;}
@keyframes slidein {
  from {
    right:0px;
  }


  to {
    right:5px;
  }
}
.sub_container .sub_wrap .lnb .lnb_list > li.active .title .arrow{width:13px;height:8px;background-position:-12px 0;top:21px;}
.sub_container .sub_wrap .lnb .lnb_list > li.active:hover .title .arrow{animation-duration: .3s;animation-name: slidein2;animation-direction: alternate;animation-iteration-count:infinite;}
@keyframes slidein2 {
  from {
    top:21px
  }
  to {
    top:25px
  }
}
.sub_container .sub_wrap .lnb .lnb_list > li .sub{display:none;overflow:hidden;}
.sub_container .sub_wrap .lnb .lnb_list > li.active .sub{display:block;}
.sub_container .sub_wrap .lnb .lnb_list > li .sub ul{border-bottom:1px solid #b3b3b3;background:#f5f5f6;padding:0 15px;}
.sub_container .sub_wrap .lnb .lnb_list > li .sub ul li{padding:5px 0;}
.sub_container .sub_wrap .lnb .lnb_list > li .sub ul li + li{border-top:1px dashed #c2c2c2;}
.sub_container .sub_wrap .lnb .lnb_list > li .sub ul li a{font-weight:300;font-size:15px;color:#666;}
.sub_container .sub_wrap .lnb .lnb_list > li .sub ul li.active{background:#4153b9;position:relative;left:-17px;width:230px;padding-left:17px}
.sub_container .sub_wrap .lnb .lnb_list > li .sub ul li.active a{color:#fff;}
.sub_container .sub_wrap .lnb .lnb_list > li .sub ul li a .new_window{display:inline-block;width:11px;height:11px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -45px 0;overflow:hidden;text-indent:-9999px;vertical-align:1px;margin-left:6px;}
.sub_container .sub_wrap .lnb .lnb_list > li .sub ul li:hover a .new_window{animation-duration: .3s;animation-name: slidein3;animation-direction: alternate;animation-iteration-count:infinite;}
@keyframes slidein3 {
  from {
    margin-left:6px;
  }


  to {
    margin-left:11px;
  }
}
.sub_container .subcontainer_conts{padding-left:40px;overflow:hidden;}
.sub_container .subcontainer_conts .sub_view_area{border-bottom:2px solid #000;position:relative;padding-bottom:13px;}
.sub_container .subcontainer_conts .sub_view_area .conts_title{font-weight:500;font-size:30px;color:#0d1218;padding:27px 52px 0 0;}
.sub_container .subcontainer_conts .sub_view_area .share_box{position:absolute;right:0px;bottom:14px;}
.sub_container .subcontainer_conts .conts_area{margin:50px 0;overflow: hidden;position:relative;}


/* 콘텐츠 준비중 */
.sub_container .subcontainer_conts .conts_area .preparing{background:#f5f5f6;height:774px;text-align:center;}
.sub_container .subcontainer_conts .conts_area .preparing .wrap{padding-top:306px;}
.sub_container .subcontainer_conts .conts_area .preparing .img_box{display:inline-block;vertical-align:-60px}
.sub_container .subcontainer_conts .conts_area .preparing .text_box{display:inline-block;padding-left:40px;}
.sub_container .subcontainer_conts .conts_area .preparing .text_box strong{display:block;font-size:35px;color:#121212;font-weight:500;letter-spacing:-2px}
.sub_container .subcontainer_conts .conts_area .preparing .text_box span{font-size:16px;color:#121212;font-weight:300;letter-spacing:-1px;margin-top:20px;}


/* 만족도 */
.sub_container .satisfaction_area{border:1px solid #cfcfcf;margin-bottom:40px;}
.sub_container .satisfaction_area .contact{background:#f1f1f3;position:relative;padding:19px 0 19px 28px;}
.sub_container .satisfaction_area .contact ul{overflow:hidden;}
.sub_container .satisfaction_area .contact ul li{float:left;}
.sub_container .satisfaction_area .contact ul li + li{margin-left:46px;}
.sub_container .satisfaction_area .contact ul li dl{overflow:hidden}
.sub_container .satisfaction_area .contact ul li dt{float:left;font-size:16px;font-weight:300;color:#0d1218;}
.sub_container .satisfaction_area .contact ul li dd{overflow:hidden;font-size:16px;font-weight:300;color:#666;}
.sub_container .satisfaction_area .contact .btn_top_box{position:absolute;top:20px;right:9px;}
.sub_container .satisfaction_area .contact .btn_top_box .btn_all_top{font-size:14px;color:#272d3b;font-weight:300;padding:10px;}
.sub_container .satisfaction_area .question{background:#636a78;color:#fff;padding:19px 0 19px 28px;font-weight:300;}
.sub_container .satisfaction_area .check_area{padding:19px 0 19px 28px;overflow:hidden;position:relative;}
.sub_container .satisfaction_area .check_area .radio{display:inline-block;margin:3px 26px 0 0;}
.sub_container .satisfaction_area .check_area .radio label{color:#666;font-weight:300;}
.sub_container .satisfaction_area .check_area .btnwrapper{float:right;margin-right:30px;}
.sub_container .satisfaction_area .check_area .btnwrapper .btn_smit{width:155px;height:33px;line-height:33px;;color:#fff;background:#272d3b;font-size:16px;font-weight:300;}


@media screen and (max-width:1250px) {
    .sub_container .category_wrap ul{padding-right:10px;}
    .sub_container .sub_wrap .lnb{margin-left:10px;}
    .sub_container .subcontainer_conts{margin-right:10px;}
}

@media screen and (max-width:1024px) {
    .sub_container .category_area{display:none;}
    .sub_container .sub_wrap .lnb{display:none;}
    .sub_container .subcontainer_conts{padding-left:0px;margin-left:10px;}
    .sub_container .subcontainer_conts .conts_area .preparing{height:458px;}
    .sub_container .subcontainer_conts .conts_area .preparing .wrap{padding-top:65px;}
    .sub_container .subcontainer_conts .conts_area .preparing .img_box{display:block;}
    .sub_container .subcontainer_conts .conts_area .preparing .text_box{padding:40px 0 0 0;}
}

@media screen and (max-width:719px) {
    .sub_container .satisfaction_area .contact ul li{float:none;}
    .sub_container .satisfaction_area .contact ul li + li{margin:3px 0 0;}
    .sub_container .satisfaction_area .check_area .btnwrapper{float:none;margin-top:14px;width:100%;}
    .sub_container .satisfaction_area .check_area .btnwrapper .btn_smit{width:100%;}
}




/* 순서도 */

/* style_01 */
.procedure_style_01{position:relative;}
.procedure_style_01 ul{overflow:hidden;}
.procedure_style_01 ul li{display:inline-block;position:relative;border:1px solid #c6c6c6;width:calc(25% - 44px);margin:0 54px 20px 0;border-radius:3px;vertical-align:top;}
.procedure_style_01 ul li:nth-child(4n){margin-right:0;}
.procedure_style_01 ul li .title{display:block;text-align:center;font-weight:500;background:#565c6d;padding:12px 0;color:#fff;letter-spacing:-1px;}
.procedure_style_01 ul li .inner{background:#f5f5f6;padding:0 15px;}
.procedure_style_01 ul li:after{content:'';width:16px;height:25px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -70px 0;position:absolute;right:-36px;top:73px;}
.procedure_style_01 ul li:last-child:after{display:none;}
.procedure_style_01 ul li .inner span{display:block;text-align:center;font-weight:300;color:#333;letter-spacing:-2px;}
.procedure_style_01 ul li .inner .place{padding:17px 0;border-bottom:1px dashed #c6c6c6;}
.procedure_style_01 ul li .inner .text{padding:17px 0;}

@media screen and (max-width:800px) {
    .procedure_style_01 ul li{width:calc(33.333333% - 44px);margin:0 62px 20px 0;}
    .procedure_style_01 ul li:nth-child(3){margin-right:0;}
    .procedure_style_01 ul li:nth-child(4n){margin-right:62px;}
    .procedure_style_01 ul li:nth-child(6){margin-right:0;}
    .procedure_style_01 ul li:after{right:-42px;}
}

@media screen and (max-width:600px) {
    .procedure_style_01 ul li{display:block;width:100%;margin:0 0 57px 0 !important;}
    .procedure_style_01 ul li:last-child{margin-bottom:0 !important;}
    .procedure_style_01 ul li:after{content:'';width:25px;height:16px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
}

/* style_02 */
.procedure_style_02{position:relative;}
.procedure_style_02 ul{overflow:hidden;}
.procedure_style_02 ul li{display:inline-block;position:relative;border:1px solid #c6c6c6;width:calc(25% - 44px);margin:0 54px 20px 0;border-radius:3px;vertical-align:top;background:#f5f5f6;min-height:132px;padding-left:0 !important;line-height:1.4}
.procedure_style_02 ul li.type_01{min-height:192px;}
.procedure_style_02 ul li:nth-child(4n){margin-right:0;}
.procedure_style_02 ul li:after{content:'';width:16px;height:25px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -70px 0;position:absolute;right:-38px;top:55px;}
.procedure_style_02 ul li.type_01:after{top:90px;}
.procedure_style_02 ul li:last-child:after{display:none;}
.procedure_style_02 ul li .title{display:block;text-align:center;font-weight:500;background:#565c6d;padding:12px 0;color:#fff;letter-spacing:-1px;}
.procedure_style_02 ul li .text{display:block;text-align:center;padding:20px 10px 0;font-weight:300;color:#333;letter-spacing:-1px;word-break:keep-all;font-size:16px;line-height:1.4}
.procedure_style_02 ul li .text.v2{text-align:left;}

@media screen and (max-width:800px) {
    .procedure_style_02 ul li{width:calc(33.333333% - 44px);margin:0 62px 20px 0;}
    .procedure_style_02 ul li:nth-child(3n){margin-right:0;}
    .procedure_style_02 ul li:nth-child(4){margin-right:62px;}
    .procedure_style_02 ul li.last{min-height:132px;}
    .procedure_style_02 ul li.last:after{top:55px;}
    .procedure_style_02 ul li:after{right:-41px;}
    .procedure_style_02 ul li:nth-child(8){margin-right:62px;}
}

@media screen and (max-width:600px) {
    .procedure_style_02 ul li{display:block;width:100%;margin:0 0 57px 0 !important;}
    .procedure_style_02 ul li:last-child{margin-bottom:0 !important;}
    .procedure_style_02 ul li:after{content:'';width:25px;height:16px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
    .procedure_style_02 ul li.type_01{min-height:132px;}
    .procedure_style_02 ul li.type_01:after{top:inherit;}
    .procedure_style_02 ul li .text{padding-bottom:20px;}
}


/* style_03 */
.procedure_style_03{position:relative;}
.procedure_style_03 ul{overflow:hidden;}
.procedure_style_03 ul li{display:inline-block;position:relative;border:1px solid #c6c6c6;width:calc(25% - 44px);margin:0 54px 20px 0 !important;border-radius:3px;vertical-align:top;background:#f5f5f6 !important;min-height:120px;padding-left: 0px !important;}
.procedure_style_03 ul li:nth-child(4n){margin-right:0 !important;}
.procedure_style_03 ul li:after{content:'';width:16px;height:25px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -70px 0;position:absolute;right:-38px;top:46px;}
.procedure_style_03 ul li:last-child:after{display:none;}
.procedure_style_03 ul li .text{display:block;text-align:center;margin-top:20px;font-weight:300;color:#333;font-size:16px;padding-right:0px !important;}
.procedure_style_03 ul li .text02{display:block;text-align:center;font-weight:300;color:#00529b;font-size:16px;}

.procedure_style_03.v2 ul li{min-height:90px;}
.procedure_style_03.v2 ul li:after{top:31px;}

.procedure_style_03.v3 ul li{min-height:60px;}
.procedure_style_03.v3 ul li:after{top:16px;}
.procedure_style_03.v3 ul li .text{margin-top:17px;}

.procedure_style_03.v4 ul li .text{color:#00529b;}
.procedure_style_03.v4 ul li .text02{color:#333;}

.procedure_style_03.v5 ul li{min-height:130px;}
.procedure_style_03.v5 ul li:after{top:50px;}

.procedure_style_03.v6 ul li:nth-child(3){width:calc(50% - 28px);margin-right:0px;}
.procedure_style_03.v6 ul li:nth-child(4){margin-right:54px;}
.procedure_style_03.v6 ul li:nth-child(7){margin-right:0px;}

@media screen and (max-width:800px) {
    .procedure_style_03 ul li{width:calc(33.333333% - 44px);margin:0 62px 20px 0;}
    .procedure_style_03 ul li:nth-child(3n){margin-right:0 !important;}
    .procedure_style_03 ul li:nth-child(4){margin-right:62px !important;;}

	.procedure_style_03.v6 ul li:nth-child(3){width:calc(33.33333333% - 44px);margin-right:0px;}
	.procedure_style_03.v6 ul li:nth-child(4){margin-right:62px !important;}
	.procedure_style_03.v6 ul li:nth-child(7){margin-right:0px !important;}
}

@media screen and (max-width:600px) {
    .procedure_style_03 ul li{display:block;width:100%;margin:0 0 57px 0 !important;}
    .procedure_style_03 ul li:last-child{margin-bottom:0 !important;}
    .procedure_style_03 ul li:after{content:'';width:25px;height:16px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
    .procedure_style_03 ul li .text br{display:none;}
    .procedure_style_03 ul li{min-height:90px;padding-bottom:19px;}
    .procedure_style_03.v2 ul li:after{top:inherit;}
    .procedure_style_03.v3 ul li:after{top:inherit;}

    .procedure_style_03.v5 ul li:after{top:inherit;}
    .procedure_style_03.v5 ul li .text br{display:block;}

	.procedure_style_03.v6 ul li:nth-child(3){width:100%;margin-right:0px;}
}

/* style_04 */
.procedure_style_04{position:relative;}
.procedure_style_04 ul{overflow:hidden;}
.procedure_style_04 > ul > li{display:inline-block;position:relative;border:1px solid #c6c6c6;width:calc(25% - 41px);margin:0 50px 20px 0;border-radius:3px;vertical-align:top;}
.procedure_style_04 > ul > li:nth-child(4n){margin-right:0;}
.procedure_style_04 > ul > li:last-child:after{display:none;}
.procedure_style_04 > ul > li:after{content:'';width:16px;height:25px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -70px 0;position:absolute;right:-36px;top:60px;}
.procedure_style_04 > ul > li .title{display:block;text-align:center;font-weight:500;background:#565c6d;padding:12px 0;color:#fff;letter-spacing:-1px;}
.procedure_style_04 > ul > li ul{background:#f5f5f6;min-height:83px;padding:20px 20px 20px 20px;}
.procedure_style_04 > ul > li ul li{font-weight:300;color:#333;font-size:16px;padding-left:9px;position:relative;letter-spacing:-1px;background: none !important;padding-left:9px !important;}
.procedure_style_04 > ul > li ul li:after{content:'';display:block;width:2px;height:2px;border-radius:1px;background:#484848;position:absolute;left:0px;top:12px;}


@media screen and (max-width:800px) {
    .procedure_style_04 > ul > li{width:calc(33.333333% - 44px);margin:0 62px 20px 0;}
    .procedure_style_04 > ul > li:nth-child(3){margin-right:0;}
    .procedure_style_04 > ul > li:nth-child(4n){margin-right:62px;}
    .procedure_style_04 > ul > li:nth-child(6){margin-right:0;}
    .procedure_style_04 > ul > li:after{right:-42px;}
}

@media screen and (max-width:600px) {
    .procedure_style_04 > ul > li{display:block;width:100%;margin:0 0 57px 0 !important;}
    .procedure_style_04 > ul > li:last-child{margin-bottom:0 !important;}
    .procedure_style_04 > ul > li:after{content:'';width:25px;height:16px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
}


/* style_05 */
.procedure_style_05{position:relative;}
.procedure_style_05 > ul{overflow:hidden}
.procedure_style_05 > ul > li{display:inline-block;position:relative;width:calc(20% - 46px);margin:0 50px 20px 0;border-radius:3px;vertical-align:top;padding-left:0px !important;background: none !important;}
.procedure_style_05 > ul > li:after{content:'';width:16px;height:25px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -70px 0;position:absolute;right:-36px;top:136px;}
.procedure_style_05 > ul > li:first-child:after{display:none;}
.procedure_style_05 > ul > li:last-child:after{display:none;}
.procedure_style_05 > ul > li:last-child{margin-right:0;}
.procedure_style_05 .box{border:1px solid #c6c6c6;border-radius:3px;}
.procedure_style_05 .title{display:block;text-align:center;font-weight:500;background:#565c6d;padding:12px 0;color:#fff;letter-spacing:-1px;}
.procedure_style_05 > ul > li:first-child{width:36.5%;}
.procedure_style_05 > ul .depth_02 > li{position:relative;padding-left: 0px !important;}
.procedure_style_05 > ul .depth_02 > li + li{margin-top:20px;}
.procedure_style_05 > ul .depth_02 > li:last-child:after{content:'';width:16px;height:25px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -70px 0;position:absolute;right:-36px;top:60px;}
.procedure_style_05 > ul .depth_03 > li{float:left;width:calc(50% - 25px);margin:0 50px 0 0;position:relative;}
.procedure_style_05 > ul .depth_03 > li::after{content:'';width:16px;height:25px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -70px 0;position:absolute;right:-36px;top:60px;}
.procedure_style_05 > ul .depth_03 > li:last-child{margin-right:0;}
.procedure_style_05 > ul .depth_04{background:#f5f5f6;padding:20px 10px 15px 20px;min-height:83px;}
.procedure_style_05 > ul .depth_04 li{font-weight:300;color:#333;font-size:16px;padding-left:9px;position:relative;letter-spacing:-1px;background:none !important;}
.procedure_style_05 > ul .depth_04 li:after{content:'';display:block;width:2px;height:2px;border-radius:1px;background:#484848;position:absolute;left:0px;top:12px;}
.procedure_style_05 > ul .depth_04.v2{min-height:240px;}

@media screen and (max-width:824px) {
    .procedure_style_05 > ul .depth_03 > li{width:calc(50% - 10px);margin:0 19px 0 0;}
    .procedure_style_05 > ul .depth_03 > li::after{right:-20px;}
    .procedure_style_05 > ul > li{width:calc(20% - 16px);margin:0 19px 20px 0;}
    .procedure_style_05 > ul .depth_02 > li:last-child:after{right:-22px;}
    .procedure_style_05 > ul > li:after{right:-22px;}
}

@media screen and (max-width:677px) {
    .procedure_style_05 > ul > li{display:block;width:100%;margin: 0 0 56px 0;}
    .procedure_style_05 > ul > li:after{content:'';width:25px;height:16px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
    .procedure_style_05 > ul .depth_04.v2{min-height:84px;}
    .procedure_style_05 > ul > li:first-child{width:100%;}
    .procedure_style_05 > ul .depth_03 > li{float:none;width:100%;margin-right:0;}
    .procedure_style_05 > ul .depth_02 > li{float:left;width:calc(50% - 25px);margin-right:50px;}
    .procedure_style_05 > ul .depth_02 > li:last-child{margin-right:0;}
    .procedure_style_05 > ul .depth_02 > li + li{margin-top:0;}
    .procedure_style_05 > ul .depth_03 > li:last-child{margin-top:54px;}
    .procedure_style_05 > ul .depth_03 > li::after{content:'';width:25px;height:16px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
    .procedure_style_05 > ul .depth_04.v3{min-height:272px;}
    .procedure_style_05 > ul .depth_02 > li:last-child:after{content:'';width:25px;height:16px;background:url(/site/portal_new/images/conts/sp_conts.png) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}

}

/* 텍스트 컬러 */
.conts_area .txt-blue {color: #096bc9}
.conts_area .txt-red {color: #d70808}
.conts_area .txt-placeholder {color: #c1c1c1;}
.conts_area .txt-orange {color: #ff8000;}

/* 헌장전문 */
.conts_area .charter_area{position:relative;overflow:hidden;background:#5963c4;padding:43px 15px 15px 15px;}
.conts_area .charter_area .icon_box{text-align:center;}
.conts_area .charter_area .title{font-size:36px;font-weight:bold;color:#fff;line-height:1.3;text-align:center;padding-top:10px;letter-spacing:-1px;}
.conts_area .charter_area .title br{display:none;}
.conts_area .charter_area .inner{background:#fff;margin-top:40px;}
.conts_area .charter_area .inner .summary{text-align:center;padding-top:30px;color:#333;font-weight:500;}
.conts_area .charter_area .inner .charter_list{border:2px solid #c6c6c6;border-width:2px 0;margin:30px 80px;padding:30px 0;background:url(/site/portal_new/images/conts/bg_charter_list.png) no-repeat 50% 50%;}
.conts_area .charter_area .inner .charter_list li{display:table;}
.conts_area .charter_area .inner .charter_list li + li{margin-top:10px;}
.conts_area .charter_area .inner .charter_list li > div{display:table-cell;}
.conts_area .charter_area .inner .charter_list li .number_box{width:40px;vertical-align:middle;}
.conts_area .charter_area .inner .charter_list li .number_box span{display:block;width:40px;height:40px;border-radius:50%;background:#5963c4;color:#fff;font-weight:500;text-align:center;padding-top:7px;}
.conts_area .charter_area .inner .charter_list li:nth-child(2n) .number_box span{background:#b959c4;}
.conts_area .charter_area .inner .charter_list li .text_box{padding-left:15px;vertical-align:middle;}
.conts_area .charter_area .inner .charter_list li .text_box span{font-weight:300;color:#333;letter-spacing:-1px;}
.conts_area .charter_area .inner .promise{padding-bottom:20px;font-weight:300;text-align:center;color:#333;}

@media screen and (max-width:800px) {
    .conts_area .charter_area .inner .charter_list{margin:30px 40px;}
}


@media screen and (max-width:670px) {
    .conts_area .charter_area .title br{display:block;}
    .conts_area .charter_area .inner .summary{padding:30px 38px 0;}
    .conts_area .charter_area .inner .summary br{display:none;}
    .conts_area .charter_area .inner .promise{padding:0 38px 20px;}
    .conts_area .charter_area .inner .promise br{display:none;}
    .conts_area .charter_area .inner .charter_list{background-size:227px 166px;background-position:50% 80%;}
}


/* 지방세외수입 종류 및 내용 */
.conts_area .provinces_area{position:relative;padding-top:15px;}
.conts_area .provinces_area .outer{margin:0 126px;text-align:center;position:relative;}
.conts_area .provinces_area .outer:after{content:'';display:block;height:1px;background:#bfbfbf;position:absolute;top:50%;left:0px;right:0px;}
.conts_area .provinces_area .title{display:inline-block;z-index:100;;width:160px;height:160px;background:url(/site/portal_new/images/conts/bg_provinces_title.png) no-repeat 50% 50% #fff;position:relative;text-align:center;color:#333;font-size:20px;font-weight:500;padding-top:65px;}
.conts_area .provinces_area .inner{margin-top:-20px;position:relative;}
.conts_area .provinces_area .inner .left_box{float:left;}
.conts_area .provinces_area .inner .right_box{float:right;}
.conts_area .provinces_area .provinces_box{border:1px solid #dedede;background:#f8f7f7;width:254px;height:525px;position:relative;}
.conts_area .provinces_area .provinces_box:after{content:'';width:10px;height:52px;background:url(/site/portal_new/images/conts/bg_provinces_bar_01.png) no-repeat 0 0;position:absolute;left:50%;top:-60px;margin-left:-6px;}
.conts_area .provinces_area .provinces_box.right_box:after{margin-left:-5px;}
.conts_area .provinces_area .provinces_box .title_01{display:block;width:252px;height:49px;line-height:49px;background:url(/site/portal_new/images/conts/bg_provinces_title_01.jpg) no-repeat 0 0;background-size:cover;text-align:center;color:#fff;font-size:18px;font-weight:500;}
.conts_area .provinces_area .provinces_box .depth_01{padding:10px 24px 10px;}
.conts_area .provinces_area .provinces_box .depth_01 .title_02{display:block;color:#00786e;font-size:18px;font-weight:500;height:48px;line-height:48px;border-bottom:2px solid #00786e;text-align:left;}
.conts_area .provinces_area .provinces_box .depth_01 .title_02 span{display:none;}
.conts_area .provinces_area .provinces_box .depth_02{padding:13px 5px;}
.conts_area .provinces_area .provinces_box .depth_02 li{font-weight:300;color:#333;}

.conts_area .provinces_area .round{position:absolute;left:0;right:0;top:56px;text-align:center;margin:0 265px;}
.conts_area .provinces_area .round.v2{top:275px}
.conts_area .provinces_area .round_box{display:inline-block;width:211px;height:53px;position:relative;background:url(/site/portal_new/images/conts/bg_provinces_round.png) no-repeat 0 0;line-height:53px;color:#fff;text-align:center;font-weight:300;z-index:100;border-radius:27px;}
.conts_area .provinces_area .round:after{content:'';display:block;width:125px;height:10px;background:url(/site/portal_new/images/conts/bg_provinces_bar_02.png) no-repeat 0 0;position:absolute;top:44%;left:0px;}
.conts_area .provinces_area .round:before{content:'';display:block;width:125px;height:10px;background:url(/site/portal_new/images/conts/bg_provinces_bar_03.png) no-repeat 0 0;position:absolute;top:44%;right:0px;}

@media screen and (max-width:800px) {
    .conts_area .provinces_area .round_box{width:150px}
    .conts_area .provinces_area .round:after{left:-11px;}
    .conts_area .provinces_area .round:before{right:-11px;}
}

@media screen and (max-width:719px) {
    .conts_area .provinces_area .outer{margin:0;}
    .conts_area .provinces_area .round{display:none;}
    .conts_area .provinces_area .outer:after{display:none;}
    .conts_area .provinces_area .provinces_box.right_box:after{display:none;}
    .conts_area .provinces_area .inner{margin-top:50px;}
    .conts_area .provinces_area .inner .left_box,
    .conts_area .provinces_area .inner .right_box{float:none;margin-top:20px;}
    .conts_area .provinces_area .provinces_box{width:100%;height:320px;}
    .conts_area .provinces_area .provinces_box .title_01{width:100%;}
    .conts_area .provinces_area .provinces_box .depth_01{padding:10px 15px 10px;overflow:hidden;}
    .conts_area .provinces_area .provinces_box .depth_01 > li{width:50%;float:left;}
    .conts_area .provinces_area .provinces_box .depth_01 .title_02{height:auto;line-height:1.4;padding: 3px 0 8px 5px;}
    .conts_area .provinces_area .provinces_box .depth_01 .title_02 span{display:block;font-weight:300;font-size:16px;}
}


/* 온라인 행정심판청구 */
.conts_area .online_judge_area{position:relative;padding:10px;background:url(/site/portal_new/images/conts/bg_outer.png) repeat 0 0;}
.conts_area .online_judge_area .inner{height:380px;background:url(/site/portal_new/images/conts/bg_online_judge_02.png) repeat 0 0;}
.conts_area .online_judge_area .inner:after{content:'';display:block;width:478px;height:365px;background:url(/site/portal_new/images/conts/bg_online_judge_03.png) no-repeat 0 0;position:absolute;left:37px;top:25px;}

.conts_area .online_judge_area .inner .box{width:366px;height:270px;background:#fff;position:absolute;right:63px;top:65px;box-shadow:5px 5px 10px rgba(0,0,0,.3);padding:26px 37px 26px 37px;z-index:100;}
.conts_area .online_judge_area .inner .box strong{display:block;font-weight:500;font-size:24px;color:#333;margin-bottom:10px;letter-spacing:-1px;}
.conts_area .online_judge_area .inner .box p{font-weight:300;color:#333;letter-spacing:-1px;}
.conts_area .online_judge_area .inner .box p .text_red{font-weight:500;color:#d71a1a;}
.conts_area .online_judge_area .inner .box p .text_blue{font-weight:500;color:#0948c8;}
.conts_area .online_judge_area .inner .box a{display:block;color:#fff;font-weight:300;width:150px;height:38px;line-height:38px;text-align:center;margin:25px auto 0;background:#47607c;border-radius:19px;}


@media screen and (max-width:639px) {
    .conts_area .online_judge_area .inner{height:492px;}
    .conts_area .online_judge_area .inner:after{width:300px;height:230px;background-size:300px 230px;left:50%;margin-left:-150px;}
    .conts_area .online_judge_area .inner .box{bottom:10px;right:10px;left:10px;width:auto;top:inherit;box-shadow:none;padding:26px 15px 26px 10px;}
}


/* 예산YBG 안내 */
.conts_area .ybg_area{position:relative;padding:10px;background:url(/site/portal_new/images/conts/bg_outer.png) repeat 0 0;}
.conts_area .ybg_area .inner{background:#fff;text-align:center;padding-bottom:38px;}
.conts_area .ybg_area .inner > .title{text-align:center;padding-top:30px;}
.conts_area .ybg_area .inner > .title img{vertical-align:middle;}
.conts_area .ybg_area .inner > .title br{display:none;}
.conts_area .ybg_area .inner .title .text{display:inline-block;letter-spacing:-2px;padding-left:10px;}
.conts_area .ybg_area .inner .title .text .text_blue{font-weight:500;color:#00529b;}

.conts_area .ybg_area .inner .ybg_box{position:relative;width:694px;display:inline-block;margin-top:80px;height:537px;}
.conts_area .ybg_area .inner .ybg_box h3{}

.conts_area .ybg_area .inner .ybg_box .yellow{text-align:left;position:absolute;left:0;top:-30px;}
.conts_area .ybg_area .inner .ybg_box .yellow h4{text-align:center;color:#e49100;font-weight:500;padding-bottom:6px; background: none !important;}
.conts_area .ybg_area .inner .ybg_box .yellow .title{display:block;width:190px;height:36px;line-height:36px;;color:#333;font-weight:500;text-align:center;background:#fdb728;border:1px solid #eea716;}
.conts_area .ybg_area .inner .ybg_box .yellow ul{border:1px solid #a6a6a6;padding:10px 10px 10px 18px;font-weight:300;color:#333;}
.conts_area .ybg_area .inner .ybg_box .yellow:before{content:'';display:block;width:223px;height:0;border-bottom:1px dashed #000;position:absolute;top:13px;right:-180px;}
.conts_area .ybg_area .inner .ybg_box .yellow:after{content:'';display:block;width:0;height:34px;border-right:1px dashed #000;position:absolute;top:13px;right:-180px;}

.conts_area .ybg_area .inner .ybg_box .blue{text-align:left;position:absolute;left:0;top:145px;}
.conts_area .ybg_area .inner .ybg_box .blue h4{text-align:center;color:#00529b;font-weight:500;padding-bottom:6px;}
.conts_area .ybg_area .inner .ybg_box .blue .title{display:block;width:190px;height:36px;line-height:36px;;color:#fff;font-weight:500;text-align:center;background:#00529b;border:1px solid #004b8d;}
.conts_area .ybg_area .inner .ybg_box .blue ul{border:1px solid #a6a6a6;padding:10px 10px 10px 18px;letter-spacing:-1px;font-weight:300;color:#333;}
.conts_area .ybg_area .inner .ybg_box .blue:before{content:'';display:block;width:123px;height:0;border-bottom:1px dashed #000;position:absolute;top:13px;right:-75px;}
.conts_area .ybg_area .inner .ybg_box .blue:after{content:'';display:block;width:0;height:21px;border-right:1px dashed #000;position:absolute;top:-8px;right:-75px;}

.conts_area .ybg_area .inner .ybg_box .green{text-align:left;position:absolute;right:0;top:125px;}
.conts_area .ybg_area .inner .ybg_box .green h4{text-align:center;color:#00a886;font-weight:500;padding-bottom:6px;}
.conts_area .ybg_area .inner .ybg_box .green .title{display:block;width:190px;height:36px;line-height:36px;;color:#fff;font-weight:500;text-align:center;background:#00a886;border:1px solid #008a6e;}
.conts_area .ybg_area .inner .ybg_box .green ul{border:1px solid #a6a6a6;padding:10px 10px 10px 18px;letter-spacing:-1px;font-weight:300;color:#333;}
.conts_area .ybg_area .inner .ybg_box .green:before{content:'';display:block;width:116px;height:0;border-bottom:1px dashed #000;position:absolute;top:13px;left:-75px;}
.conts_area .ybg_area .inner .ybg_box .green:after{content:'';display:block;width:0;height:32px;border-right:1px dashed #000;position:absolute;top:-18px;left:-75px;}

.conts_area .ybg_area .inner .ybg_box .white{text-align:left;position:absolute;right:0;top:10px;}
.conts_area .ybg_area .inner .ybg_box .white .title{display:block;width:192px;height:53px;line-height:53px;text-align:left;border:1px solid #a6a6a6;padding-left:18px;color:#333;font-weight:300;}
.conts_area .ybg_area .inner .ybg_box .white:before{content:'';display:block;width:110px;height:0;border-bottom:1px dashed #000;position:absolute;top:26px;left:-110px;}
.conts_area .ybg_area .inner .ybg_box .white:after{content:'';display:block;width:0;height:32px;border-right:1px dashed #000;position:absolute;top:26px;left:-110px;}

.conts_area .ybg_area .inner .ybg_mean_box{border-top:1px solid #8b8b8b;margin:0 95px;text-align:left;padding-top:45px;}
.conts_area .ybg_area .inner .ybg_mean_box .title{display:block;font-weight:bold;color:#000;font-size:20px;padding-bottom:15px;}
.conts_area .ybg_area .inner .ybg_mean_box .title img{vertical-align:-1px;}
.conts_area .ybg_area .inner .ybg_mean_box li{padding-left:14px;position:relative;}
.conts_area .ybg_area .inner .ybg_mean_box li.yellow{border:none !important;}
.conts_area .ybg_area .inner .ybg_mean_box li.green{border:none !important;}
.conts_area .ybg_area .inner .ybg_mean_box li:after{content:'';display:block;width:6px;height:6px;border-radius:3px;background:#000;position:absolute;top:9px;left:0px;}
.conts_area .ybg_area .inner .ybg_mean_box li.yellow:after{background:#fdb728}
.conts_area .ybg_area .inner .ybg_mean_box li.blue:after{background:#00529b}
.conts_area .ybg_area .inner .ybg_mean_box li.green:after{background:#00a886}
.conts_area .ybg_area .inner .ybg_mean_box li.white:after{background:#000}
.conts_area .ybg_area .inner .ybg_mean_box li + li{margin-top:2px;}
.conts_area .ybg_area .inner .ybg_mean_box dl{overflow:hidden;font-weight:300;color:#333;}
.conts_area .ybg_area .inner .ybg_mean_box dt{float:left;}
.conts_area .ybg_area .inner .ybg_mean_box dd{overflow:hidden;padding-left:4px;}

.conts_area .ybg_area .inner .bottom_box{height:36px;line-height:36px;background:#f5f5f5;border-radius:18px;text-align:center;margin:30px 105px 0px 105px;}
.conts_area .ybg_area .inner .bottom_box img{vertical-align:-2px;}
.conts_area .ybg_area .inner .bottom_box span{font-weight:bold;color:#333;font-style:italic;}

@media screen and (max-width:800px) {
    .conts_area .ybg_area .inner .ybg_box{width:643px;}
    .conts_area .ybg_area .inner .ybg_box .yellow:before{width:190px;right:-150px;}
    .conts_area .ybg_area .inner .ybg_box .yellow:after{right:-150px;}
    .conts_area .ybg_area .inner .ybg_box .blue:before{width:100px;right:-53px;}
    .conts_area .ybg_area .inner .ybg_box .blue:after{right:-53px;}
    .conts_area .ybg_area .inner .ybg_box .green:before{width:90px;left:-45px;}
    .conts_area .ybg_area .inner .ybg_box .green:after{left:-45px;}
    .conts_area .ybg_area .inner .ybg_box .white:before{width:90px;left:-90px;}
    .conts_area .ybg_area .inner .ybg_box .white:after{left:-90px;}

    .conts_area .ybg_area .inner .ybg_mean_box{margin:0 8px;}
    .conts_area .ybg_area .inner .ybg_mean_box .title{padding-left:13px;}
    .conts_area .ybg_area .inner .ybg_mean_box ul{padding-left:13px;}
    .conts_area .ybg_area .inner .bottom_box{margin:30px 35px 0 35px;}
    
}

@media screen and (max-width:719px) {
    .conts_area .ybg_area .inner .title .text{display:block;padding-top:10px;}
    .conts_area .ybg_area .inner .title br{display:block;}

    .conts_area .ybg_area .inner .ybg_box{width:100%;height:auto;padding:0 20px 60px;}
    .conts_area .ybg_area .inner .ybg_box .yellow{position:relative;top:inherit;left:inherit;margin:30px 0px 0;width:100%;}
    .conts_area .ybg_area .inner .ybg_box .yellow:before,
    .conts_area .ybg_area .inner .ybg_box .yellow:after{display:none;}
    .conts_area .ybg_area .inner .ybg_box .yellow .title{width:100%}

    .conts_area .ybg_area .inner .ybg_box .blue{position:relative;top:inherit;left:inherit;margin-top:15px}
    .conts_area .ybg_area .inner .ybg_box .blue:before,
    .conts_area .ybg_area .inner .ybg_box .blue:after{display:none;}
    .conts_area .ybg_area .inner .ybg_box .blue .title{width:100%;}

    .conts_area .ybg_area .inner .ybg_box .green{position:relative;top:inherit;left:inherit;margin-top:15px;}
    .conts_area .ybg_area .inner .ybg_box .green:before,
    .conts_area .ybg_area .inner .ybg_box .green:after{display:none;}
    .conts_area .ybg_area .inner .ybg_box .green .title{width:100%;}

    .conts_area .ybg_area .inner .ybg_box .white{position:relative;top:inherit;left:inherit;margin-top:20px}
    .conts_area .ybg_area .inner .ybg_box .white:before,
    .conts_area .ybg_area .inner .ybg_box .white:after{display:none;}
    .conts_area .ybg_area .inner .ybg_box .white .title{width:100%;}

    .conts_area .ybg_area .inner .ybg_mean_box dt{float:none;}
    .conts_area .ybg_area .inner .ybg_mean_box dd{padding-left:0;}

    .conts_area .ybg_area .inner .bottom_box{height:64px;border-radius:32px;line-height:24px;padding-top:8px;}
    .conts_area .ybg_area .inner .bottom_box span{display:block;}

}


/* 설문조사 목록 */
.conts_area .research_list_area{position:relative;}
.conts_area .research_list_area .research_list_table{display:table;border-top:2px solid #333;margin-top:20px;width:100%;}
.conts_area .research_list_area .research_list_table .row{display:table-row;width:100%;}
.conts_area .research_list_area .research_list_table .row > div{display:table-cell;padding:12px 15px;text-align:center;color:#454545;font-weight:300;word-break:keep-all;border:1px solid #e0e0e0;border-width:0 1px 1px 0;vertical-align:middle;font-size:16px;letter-spacing:-1px;}
.conts_area .research_list_area .research_list_table .row > div:last-child{border-width:0 0 1px 0;}
.conts_area .research_list_area .research_list_table .row > div dt{display:none;}
.conts_area .research_list_area .research_list_table .row > div dd{word-break:keep-all;}
.conts_area .research_list_area .research_list_table .row.th > div{font-weight:400;background:#f7f7f7;}
.conts_area .research_list_area .research_list_table .sticker{display:inline-block;width:70px;height:25px;line-height:25px;color:#fff;text-align:center;background:#55555b;}
.conts_area .research_list_area .research_list_table .st_1{color:#0676cc;}

@media screen and (max-width:768px) {
	.conts_area .research_list_area .research_list_table{display:block;}
	.conts_area .research_list_area .research_list_table .row.th{display:none;}
	.conts_area .research_list_area .research_list_table .row{display:block;padding:0 8px;background:#fff;border-bottom:1px solid #e0e0e0;}
	.conts_area .research_list_area .research_list_table .row:nth-child(2n){background:#f7f7f7;}
	.conts_area .research_list_area .research_list_table .row > div{display:block;text-align:left;border:1px dashed #e0e0e0;border-width:0 0 1px 0;}
	.conts_area .research_list_area .research_list_table .row > div:last-child{border-bottom:0;}
	.conts_area .research_list_area .research_list_table .row > div.number{display:none;}
	.conts_area .research_list_area .research_list_table .row > div.title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.conts_area .research_list_area .research_list_table .row > div dt{display:block;float:left;min-width:104px;position:relative;}
	.conts_area .research_list_area .research_list_table .row > div dt:after{content:'';width:1px;height:14px;display:block;background:#c9c9c9;position:absolute;top:5px;right:0px;}
	.conts_area .research_list_area .research_list_table .row > div dd{overflow:hidden;padding-left:15px;}
}


/* 설문조사 쓰기 */
.conts_area .research_write_area{position:relative;}
.conts_area .research_write_area .listLv dt{float:left;}
.conts_area .research_write_area .listLv dd{overflow:hidden;padding-left:4px;}
.conts_area .research_write_area .research_write{margin-top:55px;}
.conts_area .research_write_area .research_write .question{padding:19px 0 24px;border:1px dashed #cecece;border-width:0 0 1px 0;}
.conts_area .research_write_area .research_write .question:first-child{border-width:1px 0 1px 0;}
.conts_area .research_write_area .research_write .question .title{font-size:16px;color:#454545;font-weight:bold;padding-bottom:23px;}
.conts_area .research_write_area .research_write .question .title .number{display:block;float:left;width:40px;height:24px;line-height:22px;background:#8b8f98;color:#fff;font-weight:400;text-align:center;margin-right:6px;border-radius:2px;}
.conts_area .research_write_area .research_write .question .title .text{display:block;overflow:hidden}
.conts_area .research_write_area .research_write .question .info{font-weight:bold;font-size:16px;color:#fff;padding:8px 20px 8px 47px;background:#4d5360;border-radius:2px;margin-bottom:15px;position:relative;}
.conts_area .research_write_area .research_write .question .info:after{content:'';display:block;width:29px;height:25px;background:url(../images/sub/participation/ico_info.png) no-repeat 0 0;position:absolute;left:6px;top:7px;}
.conts_area .research_write_area .research_write .question_box{position:relative;}
.conts_area .research_write_area .research_write .question_box.v2{padding-top:10px;}
.conts_area .research_write_area .research_write .question_box + .question_box{margin-top:10px;}
.conts_area .research_write_area .research_write .question_box .box{display:block;float:left;}
.conts_area .research_write_area .research_write .question_box .research_radio{vertical-align:-1px;margin-right:5px;}
.conts_area .research_write_area .research_write .question_box .research_label{font-size:16px;color:#454545;}
.conts_area .research_write_area .research_write .question_box .research_text{height:30px;line-height:30px;font-size:16px;color:#454545;border:2px solid #e5e5e5;margin-left:12px;font-family:'Noto Sans KR',AppleSDGothicNeo-Regular,sans-serif;}
.conts_area .research_write_area .research_write .question_box .research_check{vertical-align:-1px;margin-right:5px;}
.conts_area .research_write_area .research_write .question_box .research_textarea{font-size:16px;color:#454545;border:2px solid #e5e5e5;margin-left:3px;display:inline-block;vertical-align:top;resize:none;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular, sans-serif;}
.conts_area .research_write_area .research_write .question_box.v2 .research_textarea{margin-left:0;}
.conts_area .research_write_area .research_write .question_box .research_select{height:34px;line-height:34px;font-size:16px;color:#454545;border:2px solid #e5e5e5;padding-left:12px;}
.conts_area .research_write_area .research_write .question02{font-size:16px;color:#454545;font-weight:bold;padding-bottom:14px;}

/* 설문조사 읽기 */
.conts_area .research_write_area .research_write .result_box{position:relative;overflow:hidden;font-size:16px;color:#454545;}
.conts_area .research_write_area .research_write .result_box + .result_box{margin-top:10px;}
.conts_area .research_write_area .research_write .result_box > div{float:left;}
.conts_area .research_write_area .research_write .result_box .answer{width:40%;padding-left:16px;position:relative;}
.conts_area .research_write_area .research_write .result_box .answer:after{content:'';display:block;width:4px;height:4px;background:#2f82e0;border-radius:2px;position:absolute;left:2px;top:10px;}
.conts_area .research_write_area .research_write .research_view{display:inline-block;width:63px;height:20px;line-height:18px;border:1px solid #8b8f98;background:#f4f4f4;text-align:center;font-size:14px;color:#454545;border-radius:2px;margin-left:9px;}
.conts_area .research_write_area .research_write .research_view.v2{margin-left:0;}
.conts_area .research_write_area .research_write .result_box .people{width:5%;}
.conts_area .research_write_area .research_write .result_box .graph{width:40%;height:12px;padding-top:6px;}
.conts_area .research_write_area .research_write .result_box .graph .bar{display:block;background:url(/site/portal_new/images/conts/bg_bar.jpg) repeat-x 0 0;height:12px;}
.conts_area .research_write_area .research_write .result_box .percent{width:10%;text-align:right;}
.conts_area .research_write_area .research_write .result_box + .question02{margin-top:20px;}

.conts_area .research_write_area .essay{margin:40px auto 0;padding:19px 8px;border:16px solid #c9c9c9;background-color:#f4f4f4;min-height:300px;}
.conts_area .research_write_area .essay .essay-mainTit{font-size:22px;color:#454545;font-weight:bold;}
.conts_area .research_write_area .essay .essay-tit{border-bottom:2px solid #454545;margin-bottom:15px;}
.conts_area .research_write_area .essay .essay-ico{width:40px;height:24px;line-height:22px;font-weight:400;border-radius:2px;padding:0;margin-right:5px;vertical-align:-2px;}
.conts_area .research_write_area .essay .essay-titTxt{font-weight:bold;color:#454545;line-height:1.5;}
.conts_area .research_write_area .essay .listLv2 li{border-bottom:1px dashed #c9c9c9;margin-bottom:0;padding:4px 10px 4px;color:#454545;}
.conts_area .research_write_area .essay .listLv2 li:before{width:4px;height:4px;background:#2f82e0;border-radius:2px;top:15px;}

@media screen and (max-width:768px) {
	.conts_area .research_write_area .research_write .result_box .answer{width:100%;}
	.conts_area .research_write_area .research_write .result_box .people{width:10%;margin-top:5px;}
	.conts_area .research_write_area .research_write .result_box .graph{width:65%;margin-top:5px;}
	.conts_area .research_write_area .research_write .result_box .percent{width:20%;}
}




/* 콘텐츠 이미지 미디어 쿼리 */
.background_area{position:relative;padding:10px;background:url(/site/portal_new/images/conts/bg_outer.png) repeat 0 0;overflow:hidden;}
.background_area .inner{background:#fff;overflow:hidden;}
.pc_mode{display:block;position:relative}
.pc_mode img{display:block;width:100%;}
.tablet_mode{display:none;position:relative}
.tablet_mode img{display:block;width:100%;}
.mobile_mode{display:none;position:relative}
.mobile_mode img{display:block;width:100%;}
.zoom_view{display:block;position:absolute;bottom:0px;right:0px;width:40px;height:40px;background:url(/site/portal_new/images/conts/zoom_view.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;}
.pc_mode .half{display:inline-block;width:50%;float:left;}
.tablet_mode .half{display:inline-block;width:50%;float:left;}


@media screen and (max-width:800px) {
    .pc_mode{display:none;}
    .tablet_mode{display:block;}
    .mobile_mode{display:none;}
}

@media screen and (max-width:450px) {
    .pc_mode{display:none;}
    .tablet_mode{display:none;}
    .mobile_mode{display:block;}
}


/* 민선7기 발전전략 */
.minsun_strategy_down{display:block;width:196px;height:36px;line-height:36px;color:#fff !important;font-weight:300;text-align:center;background:#d2533b;border-radius:18px;letter-spacing:-1px;position:absolute;left:50%;margin-left:-98px;bottom:67px;}

@media screen and (max-width:450px) {
    .minsun_strategy_down{bottom:44px;}
} 



/* CSS Document */
#contentsWarp{width:100%; background:url(../images/common/all_bg.jpg); padding-bottom:20px;}
#contentsArea{width:990px; margin:0 auto; position:relative;}
/*
#left_content{
	width: 248px;
	float: left;
	display:inline;
	margin-top: 20px;
}
#center_content{
	margin-top: 20px;
	float: left;
	display:inline;
	width: 498px;
}
*/
#news_content{
	width: calc(100% + 20px);
}
#right_content{
	position: absolute;
	top:0;
	right:0;
	width: 237px;
	float: right;
	display:inline;
	margin-top: 20px;
}


/*컨텐츠영역*/
.con_area {width:calc(33.3333% - 20px);padding:20px 0;} /*컨텐츠 영역 기본 BG */
.con_area div { margin:0 15px 10px 15px;}

@media screen and (max-width:700px) {
    .con_area {width:calc(50% - 20px);}
}

@media screen and (max-width:450px) {
    .con_area {width:calc(100% - 20px)}

}

/*컨텐츠별 색상지정 */
.bule{border:solid #37a6d3 1px; } 
.yellow{border:solid #d88820 1px; }
.green{border:solid #95c075 1px; }


.focus {
	float: left;
	display:inline;
	overflow:hidden;
	margin: 0 20px 20px 0;

}
.photo {
	/*height: 330px;
	width: 476px;*/
	z-index: 1;
	overflow:hidden;
	margin: 0 20px 20px 0;
}
.media {
	float: left;
	display:inline;
	overflow:hidden;
	margin: 0 20px 20px 0;
}
.focus1 {
	float: left;
	display:inline;
	margin: 0 20px 20px 0;
}
.focus2 {
	/*height: 330px;*/
	z-index: 1;
}
.media1 {
	/*height: 420px;*/
	z-index: 1;
}
.media2{
	
	/*height: 182px;*/
	z-index: 1;
}
/*
.photo{ .photo1
	width: 476px;
	//height: 277px;
	z-index: 1;
	margin: 0 20px 20px 0;
}
*/
.content_nav{ font-size:14px; color:#555; margin-left:15px;}
.blue_text{color: #1C9FD4;	font-weight: bold;}
.yellow_text{color: #d88820;	font-weight: bold;}
.green_text{color: #95c075;	font-weight: bold;}
.title{ color: #807e7e;  font-weight: 500; font-size:16px;}
.photo_title{ color: #807e7e;  font-weight: bold ;font-size:12px;}
.news_img{ }
.news_img img{ max-width:195px;}
.photo_img{	}
.content_text{font-size:14px; color:#555; margin-bottom:0 !important; }
	.content_text a { color:#555 !important;}
.photonews_text{ width:428px;  font-size:12px; color:#555; margin-bottom:0 !important; }
	.photonews_text a { color:#555 !important;}

/*주간핫클릭*/
#hot_click { background:url(../images/main/hot_click_Bg.gif) no-repeat; width: 237px; height: 209px; position:relative; }
#hot_click h3{
	font-size: 12px; margin:0px; padding:5px 10px;
	color: #FFF;
	height: 27px;
	text-shadow:0px 1px 0px #000
}
.s_yellow {color:#F3CC4F;text-shadow:0px 1px 0px #000}

.rank_list{  padding:0; margin:0; padding-left:15px; }
.rank_list li {margin-bottom:5px !important; line-height:18px; }
.rank {
	font-size: 11px; padding:1px; margin:0; padding-left:4px;
	background: url(../images/main/rank_bg.gif) repeat ;
	letter-spacing: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:normal !important;
	
}
.rank em {font-style:normal !important;}

/*.title{
	padding-left: 5px;
}*/
.new{
	width: 33px !important;
	height: 14px !important;
	text-align: center;
	text-indent: -900px;
	overflow: hidden;
	right: 8px;
	position: absolute;
	background:url(../images/main/new.gif) 1px no-repeat;

}

/*행복한강원도*/
.happy_gw {
	background: url(../images/main/webzine_bg.gif) no-repeat;
	width: 237px;
	height: 376px;
	position: relative;
	margin-top: 12px;
}

.happy_text01{
	position: absolute;
	left: 56px;
	top: 156px;
	z-index: 2;
}
.happy_text02{
	position: absolute;
	left: 53px;
	top: 190px;
	z-index: 2;
}
.happy_text03{
	position: absolute;
	left: 68px;
	top: 209px;
	z-index: 2;
}
.happy_form{
	position: absolute;
	left: 0px;
	top: 222px;
	z-index: 2;
}
.form_all {
	padding: 253px 0 0 16px;
}
.form_all label{position:absolute; width:0; height:0 !important; font-size:0; line-height:0!important; overflow:hidden; visibility:hidden;}
.form_style{ background:url(../images/main/form_Bg.png) no-repeat; width:199px; height:22px; line-height:22px; border:none; color:#555; padding:4px 0 4px 5px; margin-top:2px;}
.sendBtn input{
	background: url(../images/main/send_btn.gif) no-repeat;
	border: 0;
	width: 204px;
	height: 31px;
	position: absolute;
	left: 16px;
	top: 326px;
	z-index: 2;
	font-weight: bold;
	color: #333;
}

/*웹진기자클럽*/
#club_Wz{
	margin-top: 12px;
	width: 237px;
	background: url(../images/main/club_Bg.gif);
	height: 198px;
}
#club_Wz h3 { background:url(../images/main/club_title_Bg.gif) no-repeat; width:237px; height:40px; padding:0; margin:0; text-align:center; padding-top:12px; }
#mainLink {
	display: inline;
	width: 237px;
	height: 105px; 
	
}
		#mainLink ul { margin-left:15px;}
			#mainLink li { float:left; }
				#mainLink li.link01, #mainLink li.link02 { margin-bottom:5px;}
				#mainLink li a { display:block; width:100px; height:123px; background:url(../images/main/club_btn.png);}
				#mainLink li.link01 a { background-position:0 0; padding-right:3px;}
				#mainLink li.link02 a { background-position:-120px 0;}
			
				
				#mainLink li.link01 a:hover, #mainLink li.link01 a:focus { background-position:-241px 0;}
				#mainLink li.link02 a:hover, #mainLink li.link02 a:focus { background-position:-361px -123px;}
				
					#mainLink li a span {position:absolute; width:0; height:0 !important; font-size:0; line-height:0!important; overflow:hidden; visibility:hidden;}

#bodyLink { padding:0; margin:0; }
				#bodyLink li {
	float: left;
	display: inline;
	padding: 0 5px 8px 5px;
	background: url(../images/common/bottomLink_line.png) left 20% no-repeat;
}
				#bodyLink li.first { padding-left:0; background:none;}
				.adress{margin-bottom:14px;}
			#copyright{margin:0; padding:0;}


/*뉴스더보기*/
.more_news{width:990px; margin:0 auto; color:#3a4151; font-size:11px; font-weight:bold; background-color:#d1dae2;  height:42px; margin-bottom:20px;}
.more_btn{ width:110px; margin:0 auto; background:url(../images/main/more_bg.gif) left 8px no-repeat ; padding-left:25px; padding-top:12px; height:22px;}



/* CSS Document */

.form_all1{padding:1px 0 0 0;}
/*
.form_all1 label{position:absolute; width:0; height:0 !important; font-size:0; line-height:0!important; overflow:hidden; visibility:hidden;}*/
/*웹진*/
#sub_contents{
	width: 990px;
	margin: 0 auto;
	background: url(../images/webzine/webzine_bg.jpg) repeat-y;
	
} /*top 가운데 정렬 */
#sub_left_Area{	width: 230px;	float: left;	margin-top: 20px;}
#sub_menu_Area{ border:solid 3px #1c9fd4; background:url(../images/common/white_bg.jpg);margin-bottom:8px;}
#sub_menu_Area h2{padding:20px;}
#sub_menu_Area .leftMenu { padding:0; margin:0; }
#sub_menu_Area .leftMenu li { padding:2px 0 0px 0; vertical-align:top; } 				 
#sub_menu_Area .leftMenu li a { display:block; width:216px; height:37px;   }	

#WG_recommend{
	border: 1px solid #c4c7cf;
	background: url(../images/common/white_bg.jpg);
	margin:8px 0 8px 0;
	padding: 13px;
	
	position: relative;
}
#WG_recommend h3{ margin:0;}
#WG_recommend input { vertical-align:top;}

.p_send h4{ margin-top:15px; margin-bottom:4px;}
.s_sendBtn input{
	background: url(../images/main/send_btn.gif) no-repeat;
	border: 0;
	width: 204px;
	height: 31px;
	z-index: 2;
	font-weight: bold;
	color: #065983;
	font-size:12px;/* margin-top:8px;*/
	cursor:pointer;
}

#last_issue{border:1px solid #c4c7cf; background:url(../images/common/white_bg.jpg);margin-bottom:8px; position:relative;}
#last_issue h3{padding:13px 0 10px 13px; margin:0 !important;}

.search_form{ padding:0; margin:0 0 14px 15px !important;}
.search_form label{ position:absolute; width:0; height:0 !important; font-size:0; line-height:0!important; overflow:hidden; visibility:hidden;}
.sub_search{
	width: 151px;
	height: 26px;
	border: 1px #ced4e1 solid;
	color: #abafb3;
	background-color: #f7f7f7;
	margin-right: 5px;
	float: left;
}

.s_sendBtn1 {
	position:absolute;
	padding: 0;
	background-color: #1F4F92;
	border: #809cc4 1px solid;
	width: 44px;
	height: 30px;
	font-weight: bold;
	color: #fff;
	right: 13px;
	top: 43px;
}
.select_form{
	margin-top:3px;
	margin-left:10px;
	margin-bottom:10px;
	border: 1px #ced4e1 solid;
	color: #333;
	background-color: #f7f7f7;
	width: 160px;
	height: 30px;
}

#quick{ background:url(../images/webzine/quick_bg.gif) no-repeat; margin-bottom:8px; padding:13px; height:150px;}
#quick h3{padding:0; margin:0 0 20px 0;}

#chulhyang{ background:url(../images/webzine/quick_bg1.gif) no-repeat; margin-bottom:8px; padding:13px; height:209px;}
#chulhyang h3{padding:0; margin:0 0 20px 0;}


/*웹진리스트시작*/
#Web_list{
	float:right;
	display:inline;
	position: relative;
	margin-top: 16px;
	width: 730px;
	margin-bottom: 20px;
}
.rock_list{ background: url(../images/webzine/rack_Bg.png) bottom left no-repeat; }
.first{background: url(../images/webzine/rack_Bg1.png) no-repeat;}
.second{background: url(../images/webzine/rack_Bg.png) no-repeat;}
.rock_list .rack {width:676px; margin:0 auto; padding-left:23px;}

.rock_list .rack li{ float:left; display:inline-block; padding:25px 0 15px; margin:0 20px;}
	.rock_list .rack li img { vertical-align:top;}

/*pagination*/

.pagination {
	font-family: "돋움";
	font-size: 11px;
	width: 300px;
	margin: 0 auto;
	padding-top: 15px;
}

.pagination li{display:inline; }
.pagination ul li a, .pagination ul li span {
	float: left;
	padding: 0 12px;
	line-height: 34px;
	text-decoration: none; display:inline;
	/*background: #f3f3f3;  Old browsers */
	/*background: -moz-linear-gradient(top, #f3f3f3 0%, #eeeeee 100%);  FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #eeeeee));  Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #f3f3f3 0%, #eeeeee 100%);  Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #f3f3f3 0%, #eeeeee 100%);  Opera 11.10+ */
	/*background: -ms-linear-gradient(top, #f3f3f3 0%, #eeeeee 100%);  IE10+ */
	/*background: linear-gradient(to bottom, #f3f3f3 0%, #eeeeee 100%);  W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#eeeeee', GradientType=0 );  IE6-9 */
	border: 1px solid #dddddd;
	border-left-width: 0;
/*	-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .8);*/
	/*-moz-box-shadow:  inset 1px 1px 0 rgba(255, 255, 255, .8);*/
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .8);
}
.pagination ul li a {
	color:#333;display:inline;
}
.pagination ul li a:hover, .pagination ul .active a, .pagination ul .active span {
	background: #fff;
/*	-webkit-box-shadow: inset 0px 0px 3px rgba(000, 000, 000, .1);*/
	/*-moz-box-shadow: inset 0px 0px 3px rgba(000, 000, 000, .1);*/
	box-shadow: inset 0px 0px 3px rgba(000, 000, 000, .1);
}
.pagination ul .active a, .pagination ul .active span {
	color: #999999;
	cursor: default;
}
.pagination ul .disabled span, .pagination ul .disabled a, .pagination ul .disabled a:hover {
	color: #999999;
	cursor: default;
	background: #f8f8f8;
}

/*서브색깔공통*/
/*바디*/
.border_blue{border:3px solid #1c9fd4;}
.border_green{border:3px solid #95c075;}
.border_brown{border:3px solid #d88820;}
.border_black{border:3px solid #535869;}




/*포커스강원*/
#sub01_left_content{
	position: relative;
	margin: 0px 0px 0 0;
}
	.focus_list { position:relative;padding:20px 0 !important; border-bottom:1px solid #e6e6e6;overflow:hidden;}
		.focus_list dd.photo {width:253px;margin-bottom:0;float:left;}
			.focus_list dd.photo a { display:inline-block; border:1px solid #e6e6e6;}
			.focus_list dd.photo a img{display:block;}
		.focus_list dt { position:relative;top:0;overflow:hidden;}
			.focus_list dt a { font-weight:500;}
		.focus_list dd.text { position:relative;margin-top:10px;font-weight:300;}


@media screen and (max-width:600px) {
    .focus_list dd.photo{float:none;margin-right:0;width:100%;overflow:hidden;display:block;}
	.focus_list dt{margin-top:10px;}
	.focus_list dd.photo a{width:100%;}
	.focus_list dd.photo a img{width:100% !important;height:auto !important;}
}
			
.sub_nav{
	font-size: 11px;
	font-family: "돋움";
	color: #555;
	padding-bottom: 5px;
}
.blue_text{color: #08719C  !important; font-weight: bold;}
.yellow_text{color: #B7440F  !important; font-weight: bold;}
.green_text{color: #087B77 !important;	font-weight: bold;}
.black_text{color: #535869 !important;	font-weight: bold;}
.sub_title{	
	/*font-family: "NanumBarunGothicBold";*/
	font-family:daum_regular;
	font-size: 36px;
	line-height:36px;
	font-weight:bold;
	/*margin-bottom: 3px;*/
}
.view_control{
	width: 75px;
	position: absolute;
	top: 20px;
	left: 670px;
}
.view_control li {display:inline; padding-left:3px;}
.content_body{
	background: url(../images/common/white_bg.jpg);
	padding: 25px;
	min-height:300px;
}
* html .content_body { height:300px;}
.content_body dt.photo{border:1px solid #CCC; float:left; width:249px; margin-right:15px;}
/*.content_body a {font-weight:bold; }*/

.border_bar{ background-color:#dbdbdb; height:1px; margin:15px 0; width:685px;}

/*웹진클럽*/
#sub02_left_content{
	position: relative;
	float: right;
	display:inline;
	width: 740px;
	margin: 20px 0px 0 0;
}
#sub02_left_Area{	width: 230px;	float: left; display:inline;	margin-top: 20px;}
#sub02_menu_Area{	border: solid 3px #95c075; 	background: url(../images/common/white_bg.jpg);
	margin-bottom: 8px;
}
#sub02_menu_Area h2{padding:20px;}
#sub02_menu_Area .leftMenu { padding:0 0 1px; margin:0; }
#sub02_menu_Area .leftMenu li { padding:2px 0 0px 0; vertical-align:top;} 				 
#sub02_menu_Area .leftMenu li a { display:block; width:216px; height:36px;   }	

/*사진으로보는도정*/
#sub03_content {position:relative; float:left; margin:20px 0 0 0; width:990px;  }
.view_control_03{
	position: absolute;
	top: 20px;
/*	let: 300px;*/
	left: 920px;
	width: 76px;
}
.view_control_03 li {display:inline; padding-left:3px;}
#photo3{
	width: 990px;
}
#photo3 .th_lst {
	margin: 2px 16px 20px 0;
	display: inline;
	float: left;
}
#photo3 .th_lst a { display:inline-block; border:solid 2px #CCCCCC;}
	#photo3 .th_lst a:hover, #photo3 .th_lst a:focus { border:solid 2px #D88820; }
#photo3 li {display:inline; width:219px; text-align:center;}
#photo3 .th_a { display:block; cursor:pointer;}
#photo3 .th_tit{
	border:none !important;;
	display: block;
	overflow: hidden;
	font-size: 12px; width:223px; height:18px; padding-top:3px;
}


/* 언론보도*/
#sub04_left_content{
	position: relative;
	float: left;
	width: 728px;
	margin: 20px 0px 0 20px;
}
#sub04_left_Area{ width: 230px;	float: left; margin-top: 20px;}
#sub04_menu_Area{border: solid 3px #535869; background: url(../images/common/white_bg.jpg); margin-bottom: 8px }
#sub04_menu_Area h2 {padding:20px;}
#sub04_menu_Area .leftMenu { padding:0 0 2px; margin:0; }
#sub04_menu_Area .leftMenu li { padding:2px 0 0px 0; vertical-align:top;} 					 
#sub04_menu_Area .leftMenu li a { display:block; width:216px; height:36px;   }	





/* 게시판 */
.news_board {}
	.board_top { position:relative; height:24px; background:#fff; border:1px solid #d2d0d0; padding:10px 8px; margin-bottom:20px; }
		.board_top .total { float:left; margin-left:6px; padding-top:2px;}
		.board_top .board_search { float:right;}
			.board_top .board_search .selecter { background:#ededed; border:1px solid #dedede; line-height:22px; height:22px;  vertical-align:middle;font-family:dotum;}
			.board_top .board_search .inputText { background:#ededed; border:1px solid #dedede; line-height:22px; height:22px;  vertical-align:middle; padding:0 5px;font-family:dotum; ime-mode:active;}
			.board_top .board_search .btn_search02 { background:#535869; border:1px solid #484d5e; color:#fff; font-family:dotum; line-height:22px; height:24px; padding:0 6px;vertical-align:middle; cursor:pointer;}
	#enewsBoard .board_list {}
		#enewsBoard .board_list table { width:100%; border-collapse:collapse; border:0; padding:0;}
			#enewsBoard .board_list table caption {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
			#enewsBoard .board_list table th { background:#535869; font-weight:normal; color:#fff; padding:10px 0; border-top:1px solid #484c5c; border-bottom:1px solid #484c5c;}
			#enewsBoard .board_list table td { padding:6px; border-bottom:1px dotted #d8d9d9; text-align:center;}
				#enewsBoard .board_list table td.subject { text-align:left; }
					#enewsBoard .board_list table td.subject a { font-weight:normal;}
				
		.page  { text-align:center; margin:20px 0 10px;}
			.page a { display:inline-block; font-weight:normal; padding:4px 8px; }
				.page a:hover, .page a:focus { text-decoration:none;padding:3px 7px; border:1px solid #d8d8d8; }
			.page a.this { padding:3px 7px; background:#fff; border:1px solid #d8d8d8; font-weight:bold; color:#484c5c; }
			.page strong { }
			.page a.btn {display:inline-block; font-weight:normal;border:1px solid #d8d8d8; color:#484c5c;}
			.btn_pre { padding:4px 8px 4px 20px !important; background:url(../images/common/board_arrow01.gif) 8px 8px no-repeat !important; margin-right:5px;}
			.btn_next { padding:4px 20px 4px 8px !important; background:url(../images/common/board_arrow02.gif) right 8px no-repeat !important; margin-left:5px; }
			
	.board_view { table-layout:fixed; width:100%;  border-collapse:collapse; border:0; padding:0; border-top:1px dotted #D8D9D9;}
		.board_view th { text-align:left;  padding:8px 5px; border-bottom:1px dotted #D8D9D9;}
		.board_view td { padding:8px 5px; border-bottom:1px dotted #D8D9D9}
			.board_view td.view_con { padding:15px 0 !important;}
				.board_view td.view_con img { display:block; text-align:center; margin:25px auto !important;}
				.board_view td.view_con p { margin-bottom:18px;}
	.view_program { padding:8px 0 8px 5px !important; font-size:11px; letter-spacing:-1px; border-bottom:1px dotted #D8D9D9;}
		.view_program strong { letter-spacing:-1.5px;}
		.view_program img { vertical-align:middle;}
			
	.btn_right { text-align:right; margin:10px 0 0;}
		.btn_right a { display:inline-block;  background:#535869; border:1px solid #484d5e; color:#fff !important; font-family:dotum; line-height:16px; padding:4px 6px;vertical-align:middle;}
		.btn_right a:hover, .btn_right a:focus { font-weight:bold; text-decoration:none !important; letter-spacing:-1px;}
		
	.comment { position:relative; background:#fff; border:1px solid #e7e7e7; padding:9px;overflow:hidden;margin-top:10px;}
		.comment h3 { font-size:11px; line-height:18px; margin:0 0 10px !important;background: url(/site/portal_new/images/common/bul_stitle_01.png) left 2px no-repeat;}
		.comment .sns_sel {position:absolute;left: 115px;top:9px;}
			.comment .sns_sel li { float:left; display:inline; margin-right:5px;}
		.comment label {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
		.comment .image { float:left; display:inline; width:64px; height:64px; overflow:hidden; border:1px solid #d8d8d8; background:#f5f5f5;}
		.comment #re_input { float:left; display:inline; width: calc(100% - 153px); height:64px; overflow:hidden; border:1px solid #d8d8d8; margin:0 5px; padding:7px; font-family:dotum; font-size:12px; color:#666; ime-mode:active;}
		.photo_comment #re_input {width:740px; height:50px; }
		.comment .re_btn { float:left; display:inline; width:78px; height:64px; background:#535869; border:1px solid #484d5e; color:#fff; font-family:dotum; font-size:11px; font-weight:bold;}
		
	.comment_list {}
		.comment_list dl { position:relative; padding:15px 0 !important; min-height:66px; border-bottom:1px solid #E7E7E7;}
			* html .comment_list dl { height:66px;}
			.comment_list .image { position:absolute; width:64px; height:64px; overflow:hidden; border:1px solid #d8d8d8; background:#f5f5f5;}
			.comment_list dt { position:relative; margin-left:80px !important; top:0;}
				.comment_list dt img { vertical-align:middle;}
				.comment_list dt a { font-weight:bold; color:#464646;}
				.comment_list dt .date { margin-left:10px; font-size:11px; color:#999;}
				.comment_list dt .btn { position:absolute; right:0; top:0;}
					.comment_list dt .btn a { display:block; font-weight:normal; font-size:11px; line-height:14px; color:#999; padding:2px 5px; border:1px solid #dedede; background:#fff;}
						.comment_list dt .btn a:hover, .comment_list dt .btn a:focus { text-decoration:none; font-weight:bold; color:#484d5e; letter-spacing:-1px; border:1px solid #535869;}
			.comment_list .comment_con { position:relative; margin-left:80px!important; top:5px; }
			
	.write_table { width:100%; border-collapse:collapse; border:0; padding:0;}
		.write_table th { padding:7px 10px 7px 0; border-bottom:1px dotted #d8d9d9; text-align:left; font-weight:normal;  }
			.surely { font-weight:bold; color:#CC0000;}
		.write_table td { padding:7px 0; border-bottom:1px dotted #d8d9d9;}
			.write_table #board_con {/* ackground:#fff;*/ border:1px solid #dedede; line-height:18px; font-size:12px; padding:3px 5px; color:#666;width:560px; height:150px;}
			.write_table #board_con:hover, .write_table #board_con:focus { border:2px solid #484D5E; padding:2px 4px;}
		.write_table td .info { font-size:11px; letter-spacing:-1px; margin-left:10px; color:#CC0000;}
		
	.board_file { margin:5px 0 10px !important; height:66px;  }
		.board_file dt { float:left; display:inline; width:70px; height:22px; margin-bottom:2px; }
		.board_file dd { float:left; display:inline; width:600px; height:22px; margin-bottom:2px;}
			.board_file dd input { background:#fff; border:1px solid #dedede; line-height:18px; font-size:12px; padding:2px 5px; color:#666;}
			
			
	.btn_center { margin:15px 0 0 0; text-align:center;}
		.btn_confirm {display:inline-block;  background:#535869; border:1px solid #484d5e; color:#fff; font-family:dotum; line-height:16px; padding:10px 19px;vertical-align:middle; font-weight:bold;}
			.btn_confirm:hover, .btn_confirm:focus { cursor:pointer; padding:11px 18px 9px 20px;}
		.btn_cancel {display:inline-block;  background:#ededed; border:1px solid #cdcdcd; color:#666; font-family:dotum; line-height:16px; padding:11px 20px;vertical-align:middle; font-weight:bold;}
			.btn_cancel:hover, .btn_cancel:focus { text-decoration:none !important; padding:12px 19px 10px 21px;}
			
			
	.view_list { width:100%; border-collapse: collapse; padding:0; margin-top:10px;border:0; ;}
		.view_list th {text-align:left;  padding:8px 5px; border-bottom:1px dotted #D8D9D9;  border-top:1px dotted #D8D9D9}
		.view_list td {  padding:8px 5px; border-bottom:1px dotted #D8D9D9;  border-top:1px dotted #D8D9D9}
		
		
	.photo_list {}
		.photo_list li { float:left; display:inline; width:33.33%; text-align:center; margin-bottom:15px !important;}
			.photo_list li a { display:inline-block; border:2px solid #ccc;}
				.photo_list li a:hover, .photo_list li a:focus {  border:2px solid #95C075;}
			.photo_list li .pl_title { margin:5px 0 0; height:18px;}
			.photo_list li .pl_title a { border:none; font-weight:normal;}
			
			
	/* 사이트맵 */
	.mr0 { margin-right:0 !important}
	.sitemap { float:left; display:inline; width:160px; margin:0 32px 0 0;}
		.sitemap h3 { width:150px; font-size:14px; line-height:24px; padding:6px 5px 5px !important; background:#fff; border-top:2px solid #1C9FD4; border-bottom:1px solid #dedede; margin-bottom:10px !important;}
		.sitemap ul {margin-left:10px !important;}
			.sitemap ul li { margin-bottom:3px !important; padding-left:12px; background:url(../images/common/sitemap_arrow.gif) left 8px no-repeat;}

/*기본 목록스타일*/
.cont_sub02 .text_style01 {padding:5px 0px 0px 0px;}
.cont_sub02 .text_style01 dt {background:url(/site/portal/images/common/bul_st_01.gif) no-repeat 5px 7px;padding:0px 0px 3px 23px;font-weight:bold;}
.cont_sub02 .text_style01 dd {line-height:24px;background:url(/site/portal/images/common/bul_txt_02.gif) no-repeat 16px 11px;padding:0px 0px 0px 24px;}
.cont_sub02 .text_style01 .bk_none {background:none;}
.cont_sub02 .text_style01 .bk_none02 {background:none;padding-left:10px;}
.cont_sub02 .text_style01 .none {background:none;padding:0px 0px 0px 18px;margin-top:-13px;}
.cont_sub02 .text_style01 .ft_none {font-weight:normal;}
.cont_sub02 .text_style01 ul {}
.cont_sub02 .text_style01 li {background:url(/site/portal/images/sub01/bul_05.gif) no-repeat 4px 6px;padding:0px 0px 0px 11px;line-height:18px;}
.cont_sub02 .text_style01 .fc_01 {color:#f26822;}
.cont_sub02 .text_style01 .cont_img01 {margin:10px 0px 10px 0px;}
.cont_sub02 .text_style02 {padding:5px 10px 5px 10px;background:#fcfcfc;border:1px solid #dfdfdf;}
.cont_sub02 .text_style02 dt {background:url(/site/portal/images/common/bul_st_01.gif) no-repeat 5px 1px;padding:0px 0px 3px 23px;font-weight:bold;}
.cont_sub02 .text_style02 dd {line-height:18px;background:url(/site/portal/images/common/bul_txt_02.gif) no-repeat 16px 6px;padding:0px 0px 0px 24px;}
.cont_sub02 .text_style02 .bk_none {background:none;}
.cont_sub02 .text_style02 .ft_none {font-weight:normal;}
.cont_sub02 .text_style02 ul {}
.cont_sub02 .text_style02 li {background:url(/site/portal/images/sub01/bul_05.gif) no-repeat 4px 6px;padding:0px 0px 0px 11px;line-height:18px;}
.cont_sub02 .text_style03 {padding:5px 10px 5px 10px;background:#fcfcfc;border:1px solid #dfdfdf;margin-bottom:10px;}
.cont_sub02 .text_style03 dt {background:url(/site/portal/images/common/bul_st_01.gif) no-repeat 5px 1px;padding:0px 0px 3px 23px;font-weight:bold;font-size:13px;}
.cont_sub02 .text_style03 dd {line-height:18px;background:url(/site/portal/images/common/bul_txt_05.gif) no-repeat 16px 6px;padding:0px 0px 0px 26px;}
.cont_sub02 .text_style03 .bk_none {background:none;}
.cont_sub02 .text_style03 ul {}
.cont_sub02 .text_style03 li {background:url(/site/portal/images/sub01/bul_05.gif) no-repeat 4px 6px;padding:0px 0px 0px 11px;line-height:18px;}




/* 주간핫클릭 */
.rank_area { }
	.rank_area .date { position:relative;  width:245px; height:30px; margin:0 auto 25px; text-align:center; font-weight:500;font-size:18px;}
		.rank_area .date .date_btn { position:absolute; top:0px;}
			.rank_area .date .date_btn a { color:#bababa; font-size:14px; font-weight:bold; letter-spacing:-5px;}
				.rank_area .date .date_btn a:hover, .rank_area .date .date_btn a:focus { text-decoration:none; color:#666; }
		.rank_area .date .left { left:0;}
		.rank_area .date .right { right:0;}
	.rankboard_list {}
		.rank_table { width:100%;  }
			.rank_table caption { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
			.rank_table th { vertical-align:top; border-top:1px solid #dbdbdb; text-align:left; width:110px;}
			.rank_table td { border-top:1px solid #dbdbdb; padding:15px 0 13px;}
				.rank_con { position:relative; overflow:hidden;}
					.rank_con .photo { width:225px !important;margin-bottom:0;}
						.rank_con .photo a { display:inline-block; border:1px solid #e6e6e6;}
						.rank_con .photo a img{display:block;}
						.rank_con .photo a:hover, .rank_con .photo a:focus { border:2px solid #95c075;}
					.rank_con dt { position:relative;font-weight:500;text-align:left;}
					.rank_con dd.contents { position:relative;text-align:left;color:#999;margin-top:10px;}
				.noImage_rank_con { position:relative; height:148px;}	
					.noImage_rank_con dt { position:relative;font-weight:500;text-align:left;}
					.noImage_rank_con dd.contents { position:relative;text-align:left;color:#999; }

@media screen and (max-width:600px) {
    .rank_table th{display:block;width:100%;}
	.rank_table th img{width:60px;}
	.rank_table td{display:block;border-top:0;padding-bottom:30px;}
	.rank_con .photo{width:100% !important;margin-right:0;float:none;}
	.rank_con .photo a{width:100%;}
	.rank_con .photo a img{width:100%;height:auto !important;}
	.rank_con dt{margin-top:10px;}
}


/* 웹진 행복한 강원도*/
.conts_area .webzine_search{overflow:hidden;background:#f2f2f2;border:10px solid #d9d9d9;padding:0px 32px 23px 32px;}
.conts_area .webzine_search .title{color:#4153b9;font-weight:500;font-size:18px;margin-bottom:7px;}
.conts_area .webzine_search .title.inline_block{display:inline-block;vertical-align:-3px;margin-right:6px;margin-bottom:0;}

.conts_area .webzine_search select{color:#666;font-weight:300;font-size:16px;padding-left:12px;border:1px solid #adadad;width:131px;height:34px;line-height:34px;}
.conts_area .webzine_search input[type="submit"]{height:34px;line-height:34px;background:#4d5360;color:#fff;padding:0 19px;margin-left:6px;text-align:center;}
.conts_area .webzine_search fieldset{margin-top:24px;}
.conts_area .webzine_search label{color:#454545;font-size:16px;font-weight:500;margin-right:6px;vertical-align:-3px;}
.conts_area .webzine_search label.v2{color:#666;font-weight:300;}
.conts_area .webzine_search input[type="text"]{width:131px;height:34px;line-height:34px;color:#666;font-weight:300;font-size:16px;padding-left:12px;border:1px solid #adadad;}
.conts_area .webzine_search input[type="text"] + input[type="text"]{margin-left:6px;}
.conts_area .webzine_search input[type="checkbox"]{vertical-align:-3px;}

.conts_area .webzine_search .search_box_01{float:left;width:46%}
.conts_area .webzine_search .search_box_01.v2{width:54%;white-space:nowrap;}
.conts_area .webzine_search .search_box_02{width:50%;float:left;position:relative;padding-bottom:33px;}
.conts_area .webzine_search .search_box_02 .check_box{position:absolute;bottom:0px;left:0px;}

.conts_area .webzine_search input::-webkit-input-placeholder{color:#666;font-weight:300;font-size:16px;}
.conts_area .webzine_search input::-webkit-input-placeholder{color:#666;font-weight:300;font-size:16px;}
.conts_area .webzine_search input::-moz-placeholder{color:#666;font-weight:300;font-size:16px;}
.conts_area .webzine_search input:-ms-input-placeholder{color:#666;font-weight:300;font-size:16px;}
.conts_area .webzine_search input:-moz-placeholder{color:#666;font-weight:300;font-size:16px;}
.conts_area .webzine_search input::placeholder{color:#666;font-weight:300;font-size:16px;}


.conts_area .webzine_list{padding:10px 0 20px;border-bottom:1px solid #ccc;}
.conts_area .webzine_list ul{overflow:hidden;}
.conts_area .webzine_list ul li{margin-top:40px;float:left;width:calc(33.3333% - 41px);}
.conts_area .webzine_list ul li:nth-child(4n){width:122px;}
.conts_area .webzine_list ul li a{display:block;border:1px solid #d9d9d9;width:122px;height:176px;}
.conts_area .webzine_list ul li a img{display:block;}

@media screen and (max-width:1199px) {
    .conts_area .webzine_search .search_box_01{float:none;width:100%;}
	.conts_area .webzine_search .search_box_01.v2{margin-top:10px;}
	.conts_area .webzine_search .search_box_01.v2 label{margin-right:21px;}
	.conts_area .webzine_search .search_box_02{float:none;width:100%;}
	.conts_area .webzine_search .search_box_02.v2{margin-top:20px;}
	
}

@media screen and (max-width:640px) {	
	.conts_area .webzine_search{padding:0px 12px 23px 12px;}
	.conts_area .webzine_search .search_box_01.v2{width:100%;white-space:inherit;margin-top:15px;}
	.conts_area .webzine_search select{width:calc(100% - 93px)}
	.conts_area .webzine_search input[type="submit"]{display:block;width:100%;margin-top:10px;margin-left:0px;}
	.conts_area .webzine_search label{display:block;margin-bottom:6px;}
	.conts_area .webzine_search input[type="text"]{width:100%;}
	.conts_area .webzine_search input[type="text"] + input[type="text"]{margin:10px 0 0;}
	.conts_area .webzine_search .search_box_02{padding-bottom:0px;}
	.conts_area .webzine_search .search_box_02 .check_box{position:relative;bottom:inherit;left:inherit;margin-top:10px;}
	.conts_area .webzine_search label.v2{display:inline-block;margin-bottom:0px;}	
}

@media screen and (max-width:550px) {	
	.conts_area .webzine_list ul li{width:50%;}
	.conts_area .webzine_list ul li:nth-child(4n){width:50%;}
	.conts_area .webzine_list ul li a{margin:0 auto;}
}


/* 조직도*/
.conts_area .chart_area{position:relative;}
.conts_area .chart_area .inner{padding-bottom:265px;position:relative;border-bottom:1px dashed #999;}
.conts_area .chart_area .inner:before{content:'';width:1px;background:#ccc;position:absolute;top:210px;bottom:30px;left:50%;}

.conts_area .chart_area .inner .mayor{height:38px;line-height:38px;background:#0c4b9e !important;width:200px;text-align:center;position:absolute;bottom:24px;left:50%;margin:0 0 0 -100px !important;padding-left:0px !important;}
.conts_area .chart_area .inner .mayor a{font-size:20px;font-weight:500;color:#fff;}

.conts_area .chart_area .inner .sub_01{height:38px;line-height:38px;background:#4973a9;width:200px;;text-align:center;position:absolute;bottom:90px;left:50%;margin-left:20px;}
.conts_area .chart_area .inner .sub_01 a{font-size:18px;font-weight:500;color:#fff;} 
.conts_area .chart_area .inner .sub_01:before{content:'';display:block;width:20px;height:1px;background:#ccc;position:absolute;left:-20px;top:50%;} 

.conts_area .chart_area .inner .sub_02{height:38px;line-height:38px;background:#4973a9;width:200px;;text-align:center;position:absolute;bottom:100px;left:50%;margin-left:-221px;}
.conts_area .chart_area .inner .sub_02 a{font-size:18px;font-weight:500;color:#fff;} 
.conts_area .chart_area .inner .sub_02:before{content:'';display:block;width:22px;height:1px;background:#ccc;position:absolute;right:-22px;top:50%;} 

.conts_area .chart_area .inner .sub_03{height:38px;line-height:38px;background:#4973a9;width:200px;;text-align:center;position:absolute;bottom:125px;left:50%;margin-left:260px;}
.conts_area .chart_area .inner .sub_03 a{font-size:18px;font-weight:500;color:#fff;} 

.conts_area .chart_area .inner .sub_04{height:38px;line-height:38px;background:#4973a9;width:200px;;text-align:center;position:absolute;bottom:150px;left:50%;margin-left:-221px;}
.conts_area .chart_area .inner .sub_04 a{font-size:18px;font-weight:500;color:#fff;}
.conts_area .chart_area .inner .sub_04:before{content:'';display:block;width:22px;height:1px;background:#ccc;position:absolute;right:-22px;top:50%;} 

.conts_area .chart_area .inner .sub_05{height:38px;line-height:38px;background:#4973a9;width:200px;;text-align:center;position:absolute;bottom:150px;left:50%;margin-left:20px;}
.conts_area .chart_area .inner .sub_05 a{font-size:18px;font-weight:500;color:#fff;}
.conts_area .chart_area .inner .sub_05:before{content:'';display:block;width:20px;height:1px;background:#ccc;position:absolute;left:-20px;top:50%;} 

.conts_area .chart_area .inner .sub_06{height:38px;line-height:38px;background:#4973a9;width:200px;;text-align:center;position:absolute;bottom:200px;left:50%;margin-left:-221px;}
.conts_area .chart_area .inner .sub_06 a{font-size:18px;font-weight:500;color:#fff;} 
.conts_area .chart_area .inner .sub_06:before{content:'';display:block;width:22px;height:1px;background:#ccc;position:absolute;right:-22px;top:50%;}


.conts_area .chart_area .inner .chart_list{overflow:hidden;text-align:center;position:relative;}
.conts_area .chart_area .inner .chart_list:before{content:'';display:block;height:1px;background:#ccc;position:absolute;bottom:44px;left:10px;right:10px;}
.conts_area .chart_area .inner .chart_list.v1::before{left:300px;right:300px;}
.conts_area .chart_area .inner .chart_list.v1 > li{height:230px}
.conts_area .chart_area .inner .chart_list.v2 > li{height:280px}
.conts_area .chart_area .inner .chart_list.v3 > li{height:230px}
.conts_area .chart_area .inner .chart_list.v4 > li{height:230px}
.conts_area .chart_area .inner .chart_list > li{display:inline-block;width:calc(25% - 32px);vertical-align:top;position:relative;padding-bottom:45px;margin-bottom:25px;margin-left:38px;}
.conts_area .chart_area .inner .chart_list > li:first-child{margin-left:0px;}
.conts_area .chart_area .inner .chart_list > li a{display:block;height:38px;line-height:38px;background:#b1b1b1;position:absolute;bottom:0px;width:100%;z-index:10;}
.conts_area .chart_area .inner .chart_list > li.a1 a{background:#d3d3d3}
.conts_area .chart_area .inner .chart_list > li ul{text-align:left;background:#ebebeb;border:1px solid #e0e0e0;padding:10px 0px}
.conts_area .chart_area .inner .chart_list > li ul li{padding-left:10px;margin-left:10px;white-space:nowrap;position:relative}
.conts_area .chart_area .inner .chart_list > li ul li:before{content:'';width:3px;height:3px;background:#000;border-radius:2px;position:absolute;top:10px;left:0px;}

.conts_area .chart_area .inner .chart_list.v1 > li ul{height:188px}
.conts_area .chart_area .inner .chart_list.v2 > li ul{height:237px}
.conts_area .chart_area .inner .chart_list.v3 > li ul{height:186px}
.conts_area .chart_area .inner .chart_list.v4 > li ul{height:186px}

@media screen and (max-width:1230px) {	
	.conts_area .chart_area .inner .sub_03{bottom:200px;left:50%;margin-left: 20px;}
}

@media screen and (max-width:767px) {	
	.conts_area .chart_area .inner .chart_list > li{width:calc(50% - 21px)}
	.conts_area .chart_area .inner .chart_list > li:nth-child(3){margin-left:0px;}
	.conts_area .chart_area .inner .chart_list.v1::before{left:10px;right:10px;}
	.conts_area .chart_area .inner .chart_list:after{content:'';display:block;height:1px;background:#ccc;position:absolute;bottom:300px;left:10px;right:10px;}
	.conts_area .chart_area .inner .chart_list.v2:after{bottom:350px;}
	.conts_area .chart_area .inner .chart_list.v4 > li.a1{position:absolute;bottom:0px;left:0px;}
	.conts_area .chart_area .inner .chart_list.v4 > li:nth-child(2){margin-left:0;margin-bottom:280px}
	.conts_area .chart_area .inner .chart_list.v4 > li:nth-child(3){margin-left:38px;margin-bottom:280px}
	.conts_area .chart_area .inner .chart_list.v4 > li:nth-child(4){position:absolute;bottom:0px;right:0px;margin-left:0px;}

}

@media screen and (max-width:460px) {
	.conts_area .chart_area .inner .sub_01{width:150px}
	.conts_area .chart_area .inner .sub_02{width:150px;margin-left:-171px;}
	.conts_area .chart_area .inner .sub_03{width:150px}
	.conts_area .chart_area .inner .sub_04{width:150px;margin-left:-171px;}
	.conts_area .chart_area .inner .sub_05{width:150px}
	.conts_area .chart_area .inner .sub_06{width:150px;margin-left:-171px;}	
	.conts_area .chart_area .inner .chart_list > li ul li{font-size:14px;}
	.conts_area .chart_area .inner .chart_list > li ul li:before{top:8px;}

	.conts_area .chart_area .inner .chart_list.v1 > li ul{height:165px;}
	.conts_area .chart_area .inner .chart_list.v1 > li{height:207px;}

	.conts_area .chart_area .inner .chart_list.v2 > li ul{height:205px;}
	.conts_area .chart_area .inner .chart_list.v2 > li{height:247px;}

	.conts_area .chart_area .inner .chart_list.v3 > li ul{height:165px;}
	.conts_area .chart_area .inner .chart_list.v3 > li{height:207px;}

	.conts_area .chart_area .inner .chart_list.v4 > li ul{height:165px;}
	.conts_area .chart_area .inner .chart_list.v4 > li{height:207px;}

	.conts_area .chart_area .inner .chart_list.v4:after{bottom:298px;}
	.conts_area .chart_area .inner .chart_list.v3:after{bottom:276px;}
	.conts_area .chart_area .inner .chart_list.v2:after{bottom:317px;}
	.conts_area .chart_area .inner:before{top:187px;}

}

.conts_area .chart_area .inner_02{position:relative;}
.conts_area .chart_area .inner_02 .chart_list_02{text-align:center;position:relative;}
.conts_area .chart_area .inner_02 .chart_list_02:before{content:'';display:block;height:1px;background:#ccc;position:absolute;top:43px;left:10px;right:10px;}
.conts_area .chart_area .inner_02 .chart_list_02:after{content:'';display:block;height:1px;background:#ccc;position:absolute;top:518px;left:10px;right:10px;}
.conts_area .chart_area .inner_02 .chart_list_02 > li{display:inline-block;width:calc(25% - 32px);vertical-align:top;position:relative;margin-left:38px;margin-top:25px;}
.conts_area .chart_area .inner_02 .chart_list_02 > li:first-child{margin-left:0px;}
.conts_area .chart_area .inner_02 .chart_list_02 > li strong{height:38px;line-height:38px;display:block;background:#5a812f;color:#fff;font-weight:400;z-index:10;position:relative;}
.conts_area .chart_area .inner_02 .chart_list_02 > li strong.a2{line-height:1.2;font-size:14px;padding-top:3px;}
.conts_area .chart_area .inner_02 .chart_list_02 > li ul{text-align:left;background:#ebebeb;border:1px solid #e0e0e0;padding:10px 0px;margin-top:5px;height:450px;}
.conts_area .chart_area .inner_02 .chart_list_02 > li ul li{padding-left:10px;margin-left:10px;position:relative;}
.conts_area .chart_area .inner_02 .chart_list_02 > li ul li:before{content:'';width:3px;height:3px;background:#000;border-radius:2px;position:absolute;top:10px;left:0px;}

@media screen and (max-width:767px) {	
	.conts_area .chart_area .inner_02 .chart_list_02 > li{width:calc(50% - 21px);}
	.conts_area .chart_area .inner_02 .chart_list_02 > li:nth-child(3){margin-left:0px;}
}

@media screen and (max-width:460px) {
	.conts_area .chart_area .inner_02 .chart_list_02 > li ul li{font-size:14px;}
	.conts_area .chart_area .inner_02 .chart_list_02 > li ul{height:342px;}
	.conts_area .chart_area .inner_02 .chart_list_02:after{top:453px;}

}


/* 역대 도지사 */
.dosisa strong{font-weight:500;}
.dosisa .dosisa_img{float:left;width:140px;height:195px;}
.dosisa .dosisa_img img{display:block;width:100%;}
.dosisa dl{margin-bottom:20px;}
.dosisa dl dt{margin:15px 0;position:relative;padding-left:10px;overflow:hidden;}
.dosisa dl dt:after{content:'';display:block;width:4px;height:4px;background:#000;border-radius:2px;position:absolute;left:0px;top:10px;}
.dosisa dl dd + dt{margin-top:30px;}
.dosisa dl dt:nth-child(4){clear:both;}
.dosisa dl dd{line-height:1;padding-left:20px;}

@media screen and (max-width:500px) {
	.dosisa dl dt{clear:both;}
}


/* contsBtn */
.contsBtn {display: inline-block;box-sizing: border-box;overflow: hidden;height: 44px;margin: 10px 10px 0 0;border: 1px solid #4d5360;background: #fff;font-size: 14px;line-height: 44px;}
.contsBtn > span {padding: 0 22px;}
.contsBtn > a {float: right;display: inline-block;width: 42px;height: 42px;font-size: 0;background: #4d5360 no-repeat center;text-decoration: none;}
.contsBtn .contsBtn-download {background-image: url(/site/portal_new/images/conts/btn-simplewhite-download.gif);}
.contsBtn .contsBtn-more {background-image: url(/site/portal_new/images/conts/btn-simplewhite-more.gif);}
.contsBtn .contsBtn-move {background-image: url(/site/portal_new/images/conts/btn-simplewhite-move.gif);}
.contsBtn .contsBtn-play {background-image: url(/site/portal_new/images/conts/btn-simplewhite-play.gif);}
.contsBtnSmall {height: 34px;margin-right: 10px;font-size: 12px;line-height: 34px;}
.contsBtnSmall > a {float: right; display: inline-block; width: 32px; height: 32px;}
@media screen and (min-width: 640px){
	.contsBtn {font-size: 16px;}
}

/* contsBtn */
.contsBtnS {display: inline-block;box-sizing: border-box;overflow: hidden;height: 35px;margin: 0;border: 1px solid #272d3b;background: #fff;font-size: 15px;line-height: 35px;}
.contsBtnS > span {padding: 0 18px;}
.contsBtnS > a {float: right;display: inline-block;width: 42px;height: 33px;font-size: 0;background: #272d3b no-repeat center;text-decoration: none;}
.contsBtnS .contsBtnS-download {background-image: url(/site/portal_new/images/conts/btn-simplewhite-download.gif);}
.contsBtnS .contsBtnS-more {background-image: url(/site/portal_new/images/conts/btn-simplewhite-more.gif);}
.contsBtnS .contsBtnS-move {background-image: url(/site/portal_new/images/conts/btn-simplewhite-move.gif);}
.contsBtnS .contsBtnS-play {background-image: url(/site/portal_new/images/conts/btn-simplewhite-play.gif);}

@media screen and (min-width: 640px){
	.contsBtnS > span {display:hidden}
}

/*도지사 일정*/
.conts_area .calendar_area{overflow:hidden}
.conts_area .calendar_area .calendar_box{position:relative;overflow:hidden;padding:10px;background:url(/site/portal_new/images/conts/bg_calendar.png) repeat 0 0;}
.conts_area .calendar_area .calendar_box .inner{background:#fff;padding:0 30px 9px;}
.conts_area .calendar_area .calendar_box .day_box{height:93px;text-align:center;position:relative}
.conts_area .calendar_area .calendar_box .day_box .day_month{font-size:22px;color:#000;font-weight:500;padding-top:28px;display:inline-block;}
.conts_area .calendar_area .calendar_box .day_box a{position:absolute;top:31px;display:block;}
.conts_area .calendar_area .calendar_box .day_box a.prev{left:0px;}
.conts_area .calendar_area .calendar_box .day_box a.next{right:0px;}
.conts_area .calendar_area .calendar_box .days{width:100%;}
.conts_area .calendar_area .calendar_box .days table{width:100%;}
.conts_area .calendar_area .calendar_box .days table .text_red{color:#c50000;}
.conts_area .calendar_area .calendar_box .days table .text_blue{color:#2e3e94;}
.conts_area .calendar_area .calendar_box .days table thead tr{height:52px;background:#e0f4ff;border-top:1px solid #bfd3de;border-bottom:1px solid #d8d8d8;font-size:18px;font-weight:500;color:#000;}
.conts_area .calendar_area .calendar_box .days table tbody td{font-size:18px;color:#000;height:71px;width:calc(100% / 7);letter-spacing:-1px;}
@media screen and (min-width:0\0){.conts_area .calendar_area .calendar_box .days table tbody td{width:123px;}}
.conts_area .calendar_area .calendar_box .days table tbody td.text_red a{color:#c50000}
.conts_area .calendar_area .calendar_box .days table tbody td.sch_day span{display:inline-block;width:60px;height:60px;background:#e3e3e3;border-radius:50%;color:#4153b9;padding-top:17px;font-weight:500}
.conts_area .calendar_area .calendar_box .days table tbody td.today span{display:inline-block;width:60px;height:60px;background:#ff4242;border-radius:50%;color:#fff;padding-top:17px;font-weight:500}
.conts_area .calendar_area .calendar_box .days table tbody td .schedule_list{display:none;}

.conts_area .calendar_area .calendar_info{padding-top:8px;}
.conts_area .calendar_area .calendar_info .date{font-weight:300;color:#333;text-align:right;}
.conts_area .calendar_area .calendar_info .schedule_box + .schedule_box{margin-top:40px;}
.conts_area .calendar_area .calendar_info .schedule_box.day{border-bottom:1px solid #aaa;padding-bottom:42px;}

.conts_area .calendar_area .calendar_info .schedule_box .title{border-top:1px solid #000;background:#f7f7f7;padding:12px 20px 12px;}
.conts_area .calendar_area .calendar_info .schedule_box .title p{padding-left:20px;font-weight:500;color:#000;background: url(/site/portal_new/images/common/bul_st_01.gif) no-repeat 0px 6px;}
.conts_area .calendar_area .calendar_info .schedule_box .title p + p{margin-top:3px;}
.conts_area .calendar_area .calendar_info .schedule_box .list{padding:17px 32px;border:1px solid #e2e2e2;}
.conts_area .calendar_area .calendar_info .schedule_box .list li{font-weight:100;color:#010000;padding-left:11px;position:relative;}
.conts_area .calendar_area .calendar_info .schedule_box .list li:before{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#0a0a0a;position:absolute;top:11px;left:0px;}
.conts_area .calendar_area .calendar_info .schedule_box .list li + li{margin-top:3px;}


@media screen and (max-width: 640px){
	.conts_area .calendar_area .calendar_box{background:none;padding:0;}
	.conts_area .calendar_area .calendar_box .inner{padding:0;}
	.conts_area .calendar_area .calendar_box .day_box{height:69px;background:#dcf3ff;}
	.conts_area .calendar_area .calendar_box .day_box .day_month{font-size:20px;padding-top:22px;}
	.conts_area .calendar_area .calendar_box .day_box a{top:21px;}
	.conts_area .calendar_area .calendar_box .day_box a.prev{left:19px;}
	.conts_area .calendar_area .calendar_box .day_box a.next{right:19px;}
	.conts_area .calendar_area .calendar_box .days{height:309px;overflow-y:auto;border:1px solid #e3e3e3;}
	.conts_area .calendar_area .calendar_box .days table, 
	.conts_area .calendar_area .calendar_box .days table tbody, 
	.conts_area .calendar_area .calendar_box .days table tbody tr,
	.conts_area .calendar_area .calendar_box .days table tbody tr td{display:block;}
	.conts_area .calendar_area .calendar_box .days table tbody tr td.empty{display:none;}
	.conts_area .calendar_area .calendar_box .days table thead{display:none;}
	.conts_area .calendar_area .calendar_box .days table tbody td{width:100%;height:auto;text-align:left;padding:7px 10px 10px 5px;border-bottom:1px solid #e3e3e3;white-space: nowrap;}
	.conts_area .calendar_area .calendar_box .days table tbody td a{display:block;overflow:hidden}
	.conts_area .calendar_area .calendar_box .days table tbody td a span{width:31px;text-align:center;display:block;float:left;}
	.conts_area .calendar_area .calendar_box .days table tbody td.sch_day span{width:31px;height:31px;color:#4153b9;padding-top:2px;text-align:center;vertical-align:top;;}
	.conts_area .calendar_area .calendar_box .days table tbody td.today span{width:31px;height:31px;color:#fff;padding-top:2px;text-align:center;}

	.conts_area .calendar_area .calendar_box .days table tbody td .schedule_list{display:block;padding:3px 0 0 30px;overflow: hidden;}
	.conts_area .calendar_area .calendar_box .days table tbody td .schedule_list li{color:#010000;font-weight:100;padding-left:13px;position:relative;white-space:normal;}
	.conts_area .calendar_area .calendar_box .days table tbody td .schedule_list li:before{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#0a0a0a;position:absolute;top:11px;left:0px;}
	.conts_area .calendar_area .calendar_box .days table tbody td .schedule_list li + li{margin-top:2px;}
	.conts_area .calendar_area .calendar_info .date{font-size:14px;text-align:left;padding-left:15px;margin:-6px 0 16px;}
	.conts_area .calendar_area .calendar_info .schedule_box + .schedule_box{margin-top:20px;}
}


/*홍보동영상*/
.gamjatvBanner{padding:11px 38px 20px !important;background:#f3f3f3;margin-top:20px;overflow:hidden;}
.gamjatvBanner a{display:block;margin-top:10px;float:left;margin-right:27px;text-align:center;background:#fff;border:1px solid #eaeaea;width:calc( (100% - 81px) / 4 );height:53px;padding-top:10px;}
.gamjatvBanner a:last-child{margin-right:0;}
.gamjatvBanner a img{display:inline-block;vertical-align:middle;}

@media screen and (max-width: 768px){
	.gamjatvBanner a{width:calc( (100% - 27px) / 2 );}
	.gamjatvBanner a:nth-child(2){margin-right:0;}
}

@media screen and (max-width: 450px){
	.gamjatvBanner a{width:100%;}
	.gamjatvBanner a{margin-right:0 !important;}
}