@charset "utf-8";
#wrap{width:1920px;margin:0 auto}
/* header */
#header{width:1320px;height:130px;margin:0 auto;margin-top:35px;position:relative}
#header h1 a{position:absolute;display:block;width:287px;height:65px;background:url('../img/layout/header_logo.png');top:30px;left:0;z-index:10}

#header .header_info{height:21px;float:right}
.header_info .sns_icon{float:left}
.header_info .sns_icon li{display:inline}
.header_info .sns_icon li a{display:block;float:left;width:25px;height:25px;margin:0 3px}
.header_info .sns_icon li:nth-child(1) a{background:url('../img/layout/header_sns_icon.png') 0 0 no-repeat}
.header_info .sns_icon li:nth-child(2) a{background:url('../img/layout/header_sns_icon2.png') 0 0 no-repeat}
.header_info .sns_icon li:nth-child(3) a{background:url('../img/layout/header_sns_icon3.png') 0 0 no-repeat}
.header_info .sns_icon li:nth-child(4) a{background:url('../img/layout/header_sns_icon4.png') 0 0 no-repeat}
.header_info .sns_icon li:nth-child(5) a{background:url('../img/layout/header_sns_icon5.png') 0 0 no-repeat}

.header_info .mem_info{float:left;padding-left:10px}
.header_info .mem_info li{display:inline;padding:0 2px}
.header_info .mem_info li a{font-size:14px;color:#555;line-height:21px;padding:0 10px 0 0}
.header_info .mem_info li a:hover{color:#000}
.header_info .mem_info li:not(:last-child):after {content:"|";font-size:10px;color:#ccc }

#navigation{float:left;padding-left:370px;position:relative;box-sizing:border-box;width:100%}
#navigation ul li{display:inline;padding:0 22px;float:left}
#navigation ul li a{font-size:22px;font-weight:300;color:#000;line-height:119px;height:119px;display:block;float:left;letter-spacing:-1px}
#navigation ul li a:hover{text-decoration:none;background:url('../img/layout/header_menu_underline.gif') 0 85px repeat-x}

.navigation_s{float:left;display:inline-block}
.pullDown{position:absolute;z-index:1000;height:auto;top:0px;left:0;padding:10px 0 20px 0;display:none;box-sizing:border-box}
.pullDown h4 a{display:block;padding:30px 0 0 0;box-sizing:border-box;float:none !Important;height:auto !Important;line-height:30px !important;font-size:20px;padding-bottom:15px;color:#fff !important;font-weight:300;text-align:center !Important}
.pullDown ul li{display:block !important;float:none !Important;position:relative;padding:0 15px !important}
.pullDown ul li a{font-size:15px !important;color:#fff !Important;padding:0 8px !important;float:none !Important;height:auto !important;line-height:30px !important;text-align:center !Important;word-break:keep-all}
.pullDown ul li a:hover{border:3px solid #ffd800;border-radius:30px}
.pullDown ul li a.blank{background:url('../img/layout/blank.png') 80% 4px no-repeat;display:inline-block}
.pullDown ul li a.blank:hover{background:url('../img/layout/blank.png') 80% 4px no-repeat !important}
.pulldown_bg{width:100%;height:400px;background:url('../img/layout/header_menu_bg.png') no-repeat;position:absolute;top:9px;left:0;z-index:999;}

/* .bg_on div{height:360px;width:200px;background:#0e2a6d;opacity:0.9} */
.pullDown div{border-right:1px solid #2d76c4;min-width:180px;height:400px}
.navigation_s1 {position:absolute;width:220px;left:0px}
.navigation_s2 {position:absolute;width:220px;left:220px}
.navigation_s3 {position:absolute;width:220px;left:440px}
.navigation_s4 {position:absolute;width:220px;left:660px}
.navigation_s5 {position:absolute;width:220px;left:880px}
.navigation_s6 {position:absolute;width:220px;left:1100px}

/* 전체메뉴버튼 */
.header_fullmenu{padding:0px 0 0 4px;float:left;position:absolute;top:60px;right:0}
.header_fullmenu a.btn_fullmenu{display:block;width:50px;height:50px;overflow:hidden;background:url('../img/layout/header_fullmenu.gif') no-repeat}
a.btn_fullmenu span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}


.header_fullmenu_t{padding:0px 0 0 4px;float:left}
.header_fullmenu_t a.btn_fullmenu_t{display:block;width:50px;height:50px;position:fixed;top:26px;right:20px;overflow:hidden;background:url('../img/layout/header_fullmenu.gif') no-repeat;z-index:9999}
a.btn_fullmenu_t span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

.header_fullmenu_t{display:none}
#navigation_mobile_wrap{display:none}


/*		#navigation .header_btn_fullmenu{position:absolute;top:39px;right:0}
    #navigation .btn_fullmenu a{display:block;width:42px;height:41px;background:url('../img/layout/header_fullmenu.gif') 0 0 no-repeat} */
/* visual_container */
#visual_container{width:1320px;margin:0 auto;position:relative;overflow:hidden}

#visual{width:690px;height:450px;overflow:hidden;position:relative;float:left}
#visual .imgbox img{width:100%}
#visual .btn a{display:block;width:50px;height:48px;top:202px;position:absolute;z-index:1;opacity:0.5}
#visual .btn a.btn_next{background:url('../img/layout/visual_btn_next.png') 0 0 no-repeat;right:0}
#visual .btn a.btn_prev{background:url('../img/layout/visual_btn_prev.png') 0 0 no-repeat;left:0}
#visual .btn a:hover{opacity:1}
#visual .list_count{position:absolute;z-index:1;bottom:30px;width:100%;text-align:center;height:13px}
#visual .list_count li a{display:inline-block;width:13px;height:13px;background:#fff;border-radius:50%;margin:0 2px}
#visual .list_count li a:hover{background:#009ebb}
#visual .list_count li a.on{background:#00d8ff}

#member_info{width:316px;height:450px;overflow:hidden;position:relative;float:left;margin-left:20px;box-sizing:border-box;padding:56px 23px 32px 23px;background:#d1e7fc url('../img/layout/member_info_bg.gif') 0 0 no-repeat}
#member_info dl{padding:0 0 20px 18px}
#member_info dl dt{font-size:27px;color:#03328a;line-height:32px;font-weight:700;padding-bottom:45px;letter-spacing:-.02em}
#member_info dl dd{color:#758a9f;font-size:16px;letter-spacing:-1px;font-weight:300}
#member_info span.title_line{display:block;width:44px;height:4px;background:url('../img/layout/member_info_title_line.gif') 0 0 no-repeat;position:absolute;top:130px;left:43px}
#member_info a.btn_more{background:url('../img/layout/icon_more_arrow.png') right 0 no-repeat;line-height:32px;overflow:hidden;font-size:14px;color:#555;padding:6px 40px 6px 0;margin-left:18px}
#member_info a.btn_more:hover{background-position:right -32px;color:#000}
#member_info ul{padding:27px 0 0 0;overflow:hidden}
#member_info ul li{display:inline;float:left;width:49%}
#member_info ul li:nth-child(1){padding-right:1px}

#member_info ul li:nth-child(3){padding-right:1px}
#member_info ul li a{display:block;width:100%;height:80px;line-height:23px;padding-top:18px;box-sizing:border-box;text-align:center;color:#fff;font-weight:700;letter-spacing:-.02em;margin-bottom:1px;font-size:15px;background:#4970b1;float:left}
#member_info ul li:nth-child(2) a,#member_info ul li:nth-child(3) a{background:#7790bd}
#member_info ul li a:hover{text-decoration:none;transition: all 500ms ease;background:#003691}

a.propose{background:url('../img/layout/propose_bg.png') 0 0 #01c5fc no-repeat;position:relative;display:block;width:270px;height:216px;float:right;margin-bottom:20px;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;cursor:pointer;box-sizing:border-box;padding:137px 0 0 33px;text-decoration:none}
a.propose:hover{-webkit-transform: scale(1.07);transform: scale(1.07)}
a.propose h4{font-size:27px;letter-spacing:-1px;color:#fff}
a.propose span.icon_arrow{display:block;width:69px;height:9px;top:178px;left:32px;position:absolute;background:url('../img/layout/icon_more_arrow2.png') 0 0 no-repeat}

a.online_join{background:url('../img/layout/online_join_bg.png') 0 0 #112445 no-repeat;position:relative;display:block;width:270px;height:214px;float:right;color:#fff;cursor:pointer;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;text-align:right;box-sizing:border-box;padding:42px 28px 0 0;text-decoration:none}
a.online_join:hover{-webkit-transform: scale(1.07);transform: scale(1.07)}
a.online_join p{font-size:15px;padding-bottom:15px}
a.online_join h4{font-size:25px;letter-spacing:-1px;color:#fff}
a.online_join span.icon_arrow{display:block;width:69px;height:9px;top:170px;right:30px;position:absolute;background:url('../img/layout/icon_more_arrow2.png') 0 0 no-repeat}

/* notice_container */
#notice_container{width:1320px;margin:0 auto;position:relative;overflow:hidden;padding-top:59px}
#notice_container .notice_row{width:650px;height:502px;float:left}
/* 공지사항/지역소식 */
.notice_area_box{position:relative;float:left;width:100%;height:223px;box-sizing:border-box}
.notice_area_box .mTab1 {height:48px}
.notice_area_box .mTab1 > ul > li > a{display:block;float:left;color:#2c2c2c;font-size:17px;margin-left:0;text-align:center;padding:0 20px;line-height:48px;height:48px;box-sizing:border-box;background:#e1e1e1;margin-right:2px}
.notice_area_box .mTab1 > ul > li > a.selected{background:#395173;color:#fff;font-size:17px;font-weight:bold;height:48px}
.notice_area_box .btn_more{position:absolute;top:-30px;height:30px;right:0;box-sizing:border-box}
.notice_area_box .btn_more a{color:#555;background:url('../img/layout/nt_btn_more.gif') right 0 no-repeat;padding-right:40px;display:block;height:30px;line-height:30px}
.notice_area_box .btn_more a:hover{color:#000}
.notice_area_box .mList1{position:relative}
.notice_area_box .mList1 .cont{position:absolute;left:0;top:40px;width:100%;padding:20px 0 0 0;box-sizing:border-box}
.notice_area_box .mList1 .cont li{position:relative; font-size:16px;padding:0 0 0 22px;line-height:34px;height:34px;background:url('../img/layout/nt_bullet.gif') 5px 16px no-repeat;display:block;width:100%;box-sizing:border-box}
.notice_area_box .mList1 .cont li a{color:#666;display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;padding-right:100px;font-weight:300}
.notice_area_box .mList1 .cont li a:hover{color:#045dd7}
.notice_area_box .mList1 .cont li .dt{position:absolute;top:0;right:0;font-size:16px;color:#666}

/* 보도자료 */
.bodo_box{position:relative;float:left;width:100%;height:230px;box-sizing:border-box;padding-top:48px}
.bodo_box .mTab1 {height:48px}
.bodo_box .mTab1 > ul > li > a{display:block;float:left;color:#2c2c2c;font-size:17px;margin-left:0;text-align:center;width:110px;line-height:48px;height:48px;box-sizing:border-box;background:#e1e1e1;margin-right:2px}
.bodo_box .mTab1 > ul > li > a.selected{background:#395173;color:#fff;font-size:17px;font-weight:bold;height:48px}
.bodo_box .btn_more{position:absolute;top:-30px;height:30px;right:0;box-sizing:border-box}
.bodo_box .btn_more a{color:#555;background:url('../img/layout/nt_btn_more.gif') right 0 no-repeat;padding-right:40px;display:block;height:30px;line-height:30px}
.bodo_box .btn_more a:hover{color:#000}
.bodo_box .mList1{position:relative}
.bodo_box .mList1 .cont{position:absolute;left:0;top:40px;width:100%;padding:20px 0 0 0;box-sizing:border-box}
.bodo_box .mList1 .cont li{position:relative; font-size:16px;padding:0 0 0 22px;line-height:34px;height:34px;background:url('../img/layout/nt_bullet.gif') 5px 16px no-repeat;display:block;width:100%;box-sizing:border-box}
.bodo_box .mList1 .cont li a{color:#666;display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;padding-right:100px;font-weight:300}
.bodo_box .mList1 .cont li a:hover{color:#045dd7}
.bodo_box .mList1 .cont li .dt{position:absolute;top:0;right:0;font-size:16px;color:#666}

/* 영상 */
.mv_box{width:610px;height:502px;padding-left:60px;position:relative;float:left}
.mv_box h4{display:block;height:30px;line-height:30px;box-sizing:border-box;padding:0 0 0 40px;font-size:24px;font-weight:900;color:#000;background:url('../img/layout/icon_mv.gif') 0 3px no-repeat;margin-bottom:33px}
.mv_box .list{width:610px;height:410px;overflow:hidden;position:relative}
.mv_box .list li{display:block;width:100%;height:410px;float:left;text-decoration:none}
.mv_box .list li .mv{width:100%;height:340px;background:#555;margin-bottom:20px;position:relative;overflow:hidden}
.mv_box .list li a.title{display:block;width:100%;text-align:center;font-size:20px;color:#333;font-weight:300;letter-spacing:-.02em;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mv_box .list .btn{width:100%}
.mv_box .list .btn a{display:block;width:50px;height:48px;opacity:0.7;position:absolute;z-index:1;top:140px}
.mv_box .list .btn a:hover{opacity:1}
.mv_box .list .btn a.btn_next{background:url('../img/layout/visual_btn_next.png') 0 0 no-repeat;right:0}
.mv_box .list .btn a.btn_prev{background:url('../img/layout/visual_btn_prev.png') 0 0 no-repeat;left:0}
.mv_box .btn_more a{color:#555;background:url('../img/layout/nt_btn_more.gif') right 0 no-repeat;padding-right:40px;display:block;height:30px;line-height:30px;position:absolute;top:0;right:0}
.mv_box .btn_more a:hover{color:#000}
.mv_box .list_count{position:relative;bottom:-10px;width:100%;text-align:center;height:12px}
.mv_box .list_count li a{display:inline-block;width:12px;height:12px;background:#ababab;border-radius:50%;margin:0 2px}
.mv_box .list_count li a:hover{background:#009ebb}
.mv_box .list_count li a.on{background:#0084ff}

/* 포토 */
.photo_box{width:100%;height:350px;margin-top:40px;position:relative;float:left;padding-bottom:40px}
.photo_box h4{display:block;height:30px;line-height:30px;box-sizing:border-box;padding:0 0 0 40px;font-size:24px;font-weight:900;color:#000;background:url('../img/layout/icon_mv.gif') 0 3px no-repeat;margin-bottom:33px}
.photo_box .list{width:100%;padding-bottom:40px;overflow:hidden}
.photo_box .list li{display:block;float:left;width:20%;box-sizing:border-box;padding-left:13px}
.photo_box .list li:first-child{padding-left:0}
.photo_box .list li a span.img_box{display:block;width:100%;height:185px;overflow:hidden;margin-bottom:15px;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;background:#000}
.photo_box .list li a span.img_box:hover{-webkit-transform: scale(1.07);transform: scale(1.07);opacity:0.5}
.photo_box .list li a span.img_box img{width:100%;height:100%}
.photo_box .list li a span.title{width:100%;font-size:16px;line-height:24px;font-weight:300;color:#555;box-sizing:border-box;padding:0 10px 0 0;overflow:hidden;height:45px;display:block;margin-bottom:15px}
.photo_box .list li a span.date{width:100%;display:block;font-size:15px;color:#00a6e3}
.photo_box .btn{display:none}
.photo_box .btn_more a{color:#555;background:url('../img/layout/nt_btn_more.gif') right 0 no-repeat;padding-right:40px;display:block;height:30px;line-height:30px;position:absolute;top:3px;right:0}
.photo_box .btn_more a:hover{color:#000}
/* 후원하기 */
#support_banner a{display:block;width:1440px;height:120px;margin:0 auto;padding:35px 0 0px 0;margin-bottom:90px;background:#009ced url('../img/layout/support_banner.gif') 0 0 no-repeat;box-sizing:border-box}
#support_banner a:hover{text-decoration:none}
#support_banner .support{width:750px;margin:0 auto;color:#fff}
#support_banner .support dl dt{float:left;font-size:30px;font-weight:500;letter-spacing:-1px;padding-right:40px;line-height:32px}
#support_banner .support dl dd{float:left;font-size:22px;line-height:30px;font-weight:200;padding-right:20px;margin-top:-4px}
#support_banner .support .cs{font-size:30px;font-weight:700;letter-spacing:-1px;padding-bottom:10px}
#support_banner .support .account{font-size:17px}


.main_map{background:#004ea2}
.sub_map{background:#efefef !Important}
.sub_map .map_box svg .area{stroke-width:15px !important;stroke:#ccc !important}
.sub_map .map_box{background:none !Important}

#district_map{width:100%;height:643px}
#district_map .row{width:1320px;height:590px;margin:0 auto;position:relative}
#district_map .sample{width:830px;height:590px;position:absolute;background:url(/pages/basic/img/map/map_sample.png) no-repeat;z-index:9999;opacity:0.4;display:none}/* sample */
#district_map .map_box{width:830px;height:590px;overflow:hidden;position:relative;float:left;background:url(/pages/basic/img/map/map_shadow.png) left top no-repeat}
#district_map .mem_info{width:390px;height:540px;position:relative;float:left;padding:0 0 0 50px;margin-top:50px}
#district_map .mem_info .sns_list2{position:absolute;top:0;right:0}
#district_map .mem_info .sns_list2 li{display:inline;padding-left:5px;float:left}
#district_map .mem_info .sns_list2 li a{display:block;float:left;width:32px;height:32px;margin-right:4px}
#district_map .mem_info .sns_list2 li a.i_facebook{background:url(/pages/basic/img/layout/icon_facebook.png) 0 0 no-repeat}
#district_map .mem_info .sns_list2 li a.i_blog{background:url('/pages/basic/img/layout/icon_blog.png') 0 0 no-repeat}
#district_map .mem_info .m_mem{position:relative;text-align:center}
#district_map .mem_info .m_mem .arrow span{font-size:0}
#district_map .mem_info .m_mem .arrow .btn_prev{display:block;background:url('/pages/basic/img/layout/map_btn_prev.png') 0 0 no-repeat;width:44px;height:44px;position:absolute;top:200px;left:0px}
#district_map .mem_info .m_mem .arrow .btn_next{display:block;background:url('/pages/basic/img/layout/map_btn_next.png') 0 0 no-repeat;width:44px;height:44px;position:absolute;top:200px;right:0px}
#district_map .mem_info .m_mem .arrow a:hover{background-position:0 -44px}
#district_map .mem_info .m_mem dl dt{display:block;width:124px;height:124px;overflow:hidden;border-radius:50%;margin:20px auto}
#district_map .mem_info .m_mem dl dd.name{color:#fff;font-size:40px;font-weight:100;letter-spacing:-.04em;line-height:45px;padding:10px 0 15px 0}
#district_map .mem_info .m_mem dl dd.area{font-size:18px;color:#fff;font-weight:100}
#district_map .mem_info .m_mem dl dt img{width:150px;height:150px;margin:-2px 0 0 -5px}
#district_map .mem_info .m_mem div.info {margin-bottom:20px}
#district_map .mem_info .m_mem div.info ul li{color:#fff;font-size:18px;font-weight:300;line-height:30px}
#district_map .mem_info .m_mem p.info2{color:#bbd5ff;font-size:21px;line-height:30px;padding-bottom:10px;letter-spacing:-1px;font-weight:500}
#district_map .mem_info .m_mem p.tel_fax{color:#fff;font-size:20px;line-height:90px;font-weight:200;letter-spacing:1px}
#district_map .mem_info .m_mem p.tel_fax span.tel{padding-right:10px}
#district_map .mem_info a.btn_more{display:block;background:#fff;color:#333;padding:20px 20px;width:200px;font-size:15px;margin:20px auto;text-align:center;box-sizing:border-box}
#district_map .mem_info a.btn_more:hover{border:3px solid #4ae8ff}
#mobile_program_tab{display:none}

#district_map .mem_info .member_no{display:none;padding:50px;background:url('/pages/basic/img/sub/search_no_image.png') center top no-repeat;height:450px;box-sizing:border-box;margin: 0 auto;}
#district_map .mem_info .member_no p{font-size:18px;font-weight:100;color:#fff;text-align:center;box-sizing:border-box;padding-top:270px}

.member_no_s{display:none;padding:50px!important;background:#fff url('/pages/basic/img/sub/search_no_image2.png') center top no-repeat;width:100%;height:370px;box-sizing:border-box;border:1px solid #ddd}
.member_no_s p{font-size:18px;font-weight:100;color:#222;text-align:center;box-sizing:border-box;padding-top:200px}



#district_map .map_box svg{width:100%;position:absolute;top:-94px;left:0;cursor:pointer}
#district_map .map_box svg .area{fill:#fff;stroke-width:20px;stroke:#0eb2f7}
#district_map .map_box svg .area:hover{fill:#009ced;stroke-width:4px;stroke:#0078b7}
#district_map .map_box svg .map_active{fill:#009ced;stroke-width:4px;stroke:#0078b7}

/* 지도영역추가 */
#district_map .map_box .svg2{position:absolute;right:0;top:0;z-index:9998}
#district_map .map_box .svg2 .sc_g{transform:translate(5044px, 4275px);fill:#009ced;stroke:none}

#district_map .map_box .area_tit p.area_bg{border-radius:50px;background:#000;color:#fff;font-size:17px;padding:5px 18px}
#district_map .map_box .area_tit p.sc_el{position:absolute;right:0;top:82px;z-index:99999}
#district_map .map_box .area_tit p.sc_hr{position:absolute;right:100px;top:195px;background:#0078b7;border-radius:50px;padding:4px 12px;color:#fff;text-shadow:1px 1px 0 #0078b7;z-index:99999;font-size:17px}

#district_map .map_box .svg3{position:absolute;right:0;top:0;z-index:9998}
#district_map .map_box .svg3 .sc_g2{transform:translate(5400px, 4px);fill:#009ced;stroke:none}
#district_map .map_box .svg3 .area_tit p.sc_e{position:absolute;right:0;top:82px;z-index:99999}
#district_map .map_box .area_tit p.sc_ga{position:absolute;right:0;top:120px;z-index:99999}

#district_map .map_box .svg4{position:absolute;right:0;top:0;z-index:9998}
#district_map .map_box .svg4 {transform:translate(705px, 146px);fill:#009ced;stroke:none}
#district_map .map_box .area_tit p.label_ys2{position:absolute;right:70px;top:276px;z-index:99999}
#district_map .map_box .area_tit p.label_ys1{position:absolute;right:-34px;top:276px;z-index:99999}
#district_map .map_box .svg4 .ys1,#district_map .map_box .svg4 .ys2{fill: #009ced;stroke: none}


#district_map .map_area p{font-size:18px;color:#000;font-weight:400;position:absolute;z-index:9999;cursor:pointer}
#district_map .map_area p:hover{color:#fff}
#district_map .map_area p.on{color:#fff}

#district_map .map_area .yg{top:43px;left:240px}
#district_map .map_area .js{top:23px;left:365px}
#district_map .map_area .dw{top:23px;left:462px}
#district_map .map_area .gs{top:53px;left:555px}
#district_map .map_area .gr{top:53px;left:660px}
#district_map .map_area .gy{top:155px;left:725px}
#district_map .map_area .sc{top:170px;left:610px}
#district_map .map_area .hs{top:175px;left:470px}
#district_map .map_area .nj{top:175px;left:360px}
#district_map .map_area .hp{top:117px;left:265px}
#district_map .map_area .ma{top:210px;left:240px}
#district_map .map_area .ya{top:265px;left:315px}
#district_map .map_area .mp{top:262px;left:230px}
#district_map .map_area .sa{top:222px;left:97px}
#district_map .map_area .bs{top:270px;left:520px}
#district_map .map_area .ys{top:280px;left:750px}
#district_map .map_area .gh{top:372px;left:600px}
#district_map .map_area .hn{top:400px;left:284px}
#district_map .map_area .gj{top:334px;left:369px}
#district_map .map_area .jh{top:330px;left:435px}
#district_map .map_area .jd{top:438px;left:154px}
#district_map .map_area .wd{top:511px;left:364px}


/* 소셜 */
#social_wrap h4.m_tit {display:none;}
#social_wrap .list_box .arrow {display:none;}
#social_wrap{width:100%;height:1122px;background:#eeeff2 url('../img/layout/social_wrap_bg.gif') 0 0 no-repeat;position:relative}
#social_wrap .row{width:1320px;margin:0 auto;height:1050px;position:relative;overflow:hidden}
#social_wrap .row h4{position:absolute;top:118px;left:0}
#social_wrap .row .list_box{width:1000px;height:auto;overflow:hidden;float:right;position:relative;margin-top:76px}
#social_wrap .row .sns_top{position:absolute;top:350px;left:-10px;height:34px;float:left;width:260px}
#social_wrap .row .sns_top p.btn_fulllist a{float:left;display:block;height:34px;box-sizing:border-box;border:2px solid #009ced;padding:0 15px 0 50px;border-radius:34px;line-height:28px;width:123px;color:#009ced;font-weight:700;letter-spacing:-1px;background:url('../img/layout/icon_social_fullmenu.png') 20px 10px no-repeat}
#social_wrap .row .sns_top p.btn_fulllist a:hover{border:2px solid #0070ab;color:#000}
#social_wrap .row .sns_top ul{float:left;padding-left:10px}
#social_wrap .row .sns_top ul li{display:inline;float:left;padding-left:5px}
#social_wrap .row .sns_top ul li a{display:block;width:32px;height:32px}
#social_wrap .row .sns_top ul li a.i_facebook{background:url('../img/layout/icon_facebook.png') 0 0 no-repeat}
#social_wrap .row .sns_top ul li a.i_tiwtter{background:url('../img/layout/icon_tw.png') 0 0 no-repeat}
#social_wrap .row .sns_top ul li a.i_youtube{background:url('../img/layout/icon_ut.png') 0 0 no-repeat}
#social_wrap .row .list_box .list{clear:both;float:left;padding-top:20px;width:100%}
#social_wrap .row .list_box .list li{display:block;float:left;width:25%;box-sizing:border-box;padding:0 10px 20px 10px}
#social_wrap .row .list_box .list li a{display:block;background:#fff;overflow:hidden;position:relative;width:100%;height:393px;box-sizing:border-box;text-decoration:none}
#social_wrap .row .list_box .list li a:hover{border:5px solid #00aeff}
#social_wrap .row .list_box .list li a .img_box{width:100%;height:150px;overflow:hidden}
#social_wrap .row .list_box .list li a .img_box img{width:100%;height:100%}
#social_wrap .row .list_box .list li a dl{display:block;width:100%;box-sizing:border-box;padding:20px;color:#444}
#social_wrap .row .list_box .list li a:hover dl{padding:15px}
#social_wrap .row .list_box .list li a dl dt{font-size:15px;line-height:22px;display:block;width:100%;height:44px;overflow:hidden}
#social_wrap .row .list_box .list li a dl dd{font-size:13px;line-height:20px;display:block;width:100%;height:80px;overflow:hidden;padding-top:10px;color:#777;font-weight:300}
#social_wrap .row .list_box .list li a p{padding-left:15px}
#social_wrap .row .list_box .list li a p img{vertical-align:middle}
#social_wrap .row .list_box .list li a p span.date{padding-left:10px;line-height:32px;color:#666;font-size:13px}
#social_wrap .row .btn_more{clear:both;text-align:center;width:100%;padding-top:30px}
#social_wrap .row .btn_more a{display:block;width:100px;border:1px solid #777;text-align:center;color:#555;font-size:15px;font-weight:700;letter-spacing:-1px;padding:14px 60px;margin:0 auto}
#social_wrap .row .btn_more a:hover{background:#fff;color:#000}


/* 소개 */
#mjd_intro_wrap{width:100%;height:450px;background:#035adc url('../img/layout/mjd_intro_wrap_bg.png') 0 0 no-repeat;position:relative}
#mjd_intro_wrap .row{width:1075px;margin:0 auto;position:relative;overflow:hidden;text-align:center;color:#fff;padding-top:80px}
#mjd_intro_wrap .row h4{font-size:27px;font-weight:900;padding-bottom:28px}
#mjd_intro_wrap .row p{font-size:20px;font-weight:300}
#mjd_intro_wrap .row ul{padding-top:48px;text-align:center;display:block;width:100%}
#mjd_intro_wrap .row ul li{display:inline-block;width:142px;padding:0 35px}
#mjd_intro_wrap .row ul li a{display:block;width:142px;color:#fff;border:1px solid #77b1d8;height:142px;border-radius:50%;box-sizing:border-box;padding-top:90px;text-decoration:none}
#mjd_intro_wrap .row ul li:nth-child(1) a{background:url('../img/layout/mjd_intro_icon.png') center 44px no-repeat}
#mjd_intro_wrap .row ul li:nth-child(2) a{background:url('../img/layout/mjd_intro_icon2.png') center 44px no-repeat}
#mjd_intro_wrap .row ul li:nth-child(3) a{background:url('../img/layout/mjd_intro_icon3.png') center 44px no-repeat}
#mjd_intro_wrap .row ul li:nth-child(4) a{background:url('../img/layout/mjd_intro_icon4.png') center 44px no-repeat}
#mjd_intro_wrap .row ul li:nth-child(5) a{background:url('../img/layout/mjd_intro_icon5.png') center 44px no-repeat}
#mjd_intro_wrap .row ul li a:hover{border:7px solid #ffc71e;padding-top:83px;background-position:center 37px}

/* 퀵 */
#r_quick{position:fixed;right: calc( 10% - 90px );top:175px;width:101px;height:420px;background:#ddd;z-index:10}
#r_quick a.top{border:1px solid #ddd;box-sizing:border-box;width:101px;display:block;padding-left:15px;height:40px;line-height:38px;font-size:12px;font-weight:bold;color:#666;background:#fff url('../img/layout/r_quick_top.png') right top no-repeat}
#r_quick a.top:hover{background-color:#f8f8f8;color:#222}
/* footer */
#footer{width:100%;height:500px;margin:0 auto;background:#f8f8f8}
#footer .footer_quick{width:100%;height:130px;box-sizing:border-box;border-bottom:1px solid #ddd;background:#fff;text-align:center;border-top:1px solid #ddd}
#footer .footer_quick ul{width:100%;display:block}
#footer .footer_quick ul li{display:inline-block;padding:0 60px;line-height:130px}
#footer .footer_quick ul li a{font-size:22px;font-weight:700;color:#333;letter-spacing:-.02em;padding:5px 0 10px 60px}
#footer .footer_quick ul li a span{font-size:15px;color:#555;padding-left:20px;font-weight:300;letter-spacing:-1px}
#footer .footer_quick ul li:nth-child(1) a{background:url('../img/layout/footer_quick_icon.png') left -5px no-repeat}
#footer .footer_quick ul li:nth-child(2) a{background:url('../img/layout/footer_quick_icon2.png') left -3px no-repeat}

#footer .footer_area{width:1320px;margin:40px auto;position:relative}
#footer .footer_area h1 a{position:absolute;display:block;width:287px;height:65px;background:url('../img/layout/header_logo.png') 0 0 no-repeat;top:0;left:20px;z-index:1}
#footer .footer_area .info{position:absolute;top:30px;left:320px}
#footer .footer_area .info li{display:inline;padding:0 8px}
#footer .footer_area .info li:not(:last-child):after {content:"|";font-size:12px;color:#ccc }
#footer .footer_area .info li a{font-size:15px;color:#444;padding-right:16px}
#footer .footer_area .social_list{position:absolute;top:145px;left:326px}
.footer_area .social_list li{display:inline}
.footer_area .social_list li a{display:block;float:left;width:25px;height:25px;margin:0 3px}
.footer_area .social_list li:nth-child(1) a{background:url('../img/layout/header_sns_icon.png') 0 0 no-repeat}
.footer_area .social_list li:nth-child(2) a{background:url('../img/layout/header_sns_icon2.png') 0 0 no-repeat}
.footer_area .social_list li:nth-child(3) a{background:url('../img/layout/header_sns_icon3.png') 0 0 no-repeat}
.footer_area .social_list li:nth-child(4) a{background:url('../img/layout/header_sns_icon4.png') 0 0 no-repeat}
.footer_area .social_list li:nth-child(5) a{background:url('../img/layout/header_sns_icon5.png') 0 0 no-repeat}
.footer_area .social_list li:nth-child(6) a{background:url('../img/layout/header_sns_icon6.png') 0 0 no-repeat}
#footer .site_link{position:absolute;top:25px;right:140px}
#footer .site_link button{cursor:pointer;display:block;width:250px;height:42px;line-height:40px;box-sizing:border-box;border:1px solid #ccc;padding:0 0 0 20px;color:#333;font-size:14px;background:url('../img/layout/icon_arrow_up.gif') right 15px #fff no-repeat;border-radius:3px;text-align:left}
#footer .site_link button:hover{border:1px solid #888;color:#000}
#footer .site_link ul{width:250px;border:1px solid #ccc;background:#fff;position:absolute;bottom:43px;z-index:999;left:0;border-radius:3px;overflow:hidden;box-sizing:border-box}
#footer .site_link ul li a{display:block;width:50%;line-height:42px;box-sizing:border-box;text-align:center;border-bottom:1px dotted #ccc;color:#333;float:left;border-right:1px dotted #ddd}
#footer .site_link ul li:nth-child(2n) a{border-right:none !important}
#footer .site_link ul li a:hover{background:#efefef;color:#000}
#footer .qr_code{position:absolute;top:0;right:20px}
#footer address{position:absolute;top:65px;left:330px;font-size:13px;color:#555;font-style:normal;line-height:24px}
#footer address span{padding-left:10px}
#footer address br{display:none}

/* sub */
/* sub_layout_wrap */
#sub_layout_wrap{width:1320px;height:auto;overflow:hidden;margin:0 auto}
#sub_visual{width:100%;height:171px;text-align:center;background:url('../img/layout/sub_visual_bg.png') 0 0 no-repeat}
#sub_visual p{font-size:24px;font-weight:100;color:#333;letter-spacing:-1.3px;line-height:171px}
#sub_visual p b{font-weight:700;border-bottom:1px solid #777}
#sub_visual p br{display:none}
/* sub_navi */
#sub_navi{width:100%;height:75px;box-sizing:border-box;border-bottom:1px solid #ddd;border-left:1px solid #ddd}
#sub_navi li{display:inline;overflow:hidden}
#sub_navi li a{display:inline-block;float:left;height:75px;line-height:75px;text-align:center;border-right:1px solid #ddd;padding:0 35px;font-size:17px;letter-spacing:-1px;color:#444;box-sizing:border-box;text-decoration:none}
#sub_navi li a.on, #sub_navi li a.on:hover{font-weight:700;color:#01318a;border-bottom:5px solid #004ea2}
#sub_navi li a:hover{background:#f9f9f9;border-bottom:1px solid #ddd}
#sub_navi li a.blank2{background:url('../img/layout/link_blank_icon.png') 90% 10px no-repeat}


/* sub_con_box */
#sub_con_box{min-height:550px;width:1035px;float:left;box-sizing:border-box;border-right:1px solid #ddd;padding:25px 30px 100px 10px;position:relative}
.con_info{position:absolute;top:27px;right:30px}
.con_info .page_navi li{display:inline-block;color:#555;font-size:14px;float:left;line-height:20px;padding-bottom:10px;padding:0 20px 0 10px;background:url('../img/layout/sub_pagenavi_arrow.gif') right 5px no-repeat}
.con_info .page_navi li img{vertical-align:middle}
.con_info .page_navi li:last-child{color:#333;background:none;padding-right:0}
.con_info .info_area{top:30px;position:absolute;right:0;width:152px}
.con_info .info_area .sns{float:left;margin-top:3px;margin-right:10px}
.con_info .info_area .sns button{height:28px;line-height:26px;color:#fff;border-radius:15px;text-align:center;border:none;background:#388bf0 url(../img/layout/sns_share_ico.png) right center no-repeat;font-size:11px;padding:0 30px 0 17px;cursor:pointer;position:relative}
.con_info .info_area .sns button:hover{background:#2a3239 url(../img/layout/sns_share_ico.png) right center no-repeat}
.con_info .info_area .sns ul{display:block;width:120px;padding:7px 0 15px 0;background:#0da5ac;z-index:20;position:absolute;top:37px;left:0}
.con_info .info_area .sns ul li a{color:#fff;line-height:30px;padding-left:10px;font-size:13px;display:block;width:100%}
.con_info .info_area a.btn_qr_sub{display:block;float:left;width:25px;height:34px;overflow:hidden;background:url(../img/layout/qr_code_ico.gif) no-repeat}
.con_info .info_area a.btn_qr_sub span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
.con_info .qr_sub_on{width:291px;height:415px;;box-sizing: border-box;padding:30px 24px 0 24px;border-radius:8px;box-shadow:5px 5px 5px #999;position:absolute;z-index:2;top:45px;left:-136px;background:url(../img/layout/qr_subbg.gif) top center #fff no-repeat;border:1px solid #ddd;overflow:hidden}
.con_info .qr_sub_on dl{display:block;border-bottom:1px solid #ddd;width:100%;padding:12px 0 15px 0}
.con_info .qr_sub_on dt{font-size:18px;color:#000;font-weight:700;padding-bottom:10px}
.con_info .qr_sub_on dd{line-height:15px;color:#555}
.con_info .qr_sub_on .qr_img{width:100%;text-align:center;padding-top:85px}
.con_info .qr_sub_on .btn_close{position:absolute;top:10px;right:10px}



.con_container{width:100%;height:auto;position:relative;padding-top:35px}
.con_container_title h2{background:url('../img/layout/con_container_title.gif') 0 0 no-repeat;font-size:34px;color:#000;letter-spacing:-3px;padding-top:35px;font-weight:700}
.con_container_title p{padding-top:21px;font-size:17px;color:#666;letter-spacing:-1px;font-weight:300}
#sub_con_box .con{width:100%;padding-top:45px}

/* sub_con_quick */
#sub_con_quick{width:285px;height:auto;float:left;box-sizing:border-box;padding:20px 0 0 20px}
.con_propose a{float:left;color:#fff;font-size:20px;width:265px;height:130px;background:url('../img/layout/propose_bg_s.png') 0 0 no-repeat;margin-top:10px;padding:90px 0 0 175px;box-sizing:border-box;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
.con_propose a:hover{-webkit-transform: scale(1.03);transform: scale(1.03)}
.con_member_info{width:265px;height:285px;overflow:hidden;position:relative;margin-top:20px;background:#d1e7fc;;box-sizing:border-box;padding:35px 23px 32px 0px;background:url('../img/layout/online_join_bg_s.png') 0 0 no-repeat}
.con_member_info dl{padding:0 0 20px 20px}
.con_member_info dl dt{font-size:22px;color:#222;line-height:25px;font-weight:300;padding-bottom:25px;letter-spacing:-.02em}
.con_member_info dl dd{color:#758a9f;font-size:13px;letter-spacing:-1px;font-weight:300}
.con_member_info span.title_line{display:block;width:44px;height:4px;background:url('../img/layout/member_info_title_line.gif') 0 0 no-repeat;position:absolute;top:94px;left:22px}
.con_member_info a.btn_more{background:url('../img/layout/icon_more_arrow.png') right 0 no-repeat;line-height:32px;overflow:hidden;font-size:14px;color:#555;padding:6px 40px 6px 0;margin-left:18px}
.con_member_info a.btn_more:hover{background-position:right -32px;color:#000}

.con_banner{float:left;width:100%;margin-top:10px}
.con_banner .con_support a{float:left;color:#fff;font-size:19px;font-weight:400;float:left;width:126px;height:126px;text-align:center;margin-right:10px;background:url('../img/layout/receipt_bg_s.png') 0 0 no-repeat;padding:33px 0 0 0px;box-sizing:border-box;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.con_banner .con_support a:hover{-webkit-transform: scale(1.03);transform: scale(1.03)}
.con_banner .con_dutchpay a{float:left;width:126px;height:126px;background:url('../img/layout/dutchpay_bg_s.png') 0 0 no-repeat;padding:40px 0 0 0px;box-sizing:border-box}
.con_banner .con_dutchpay a:hover{-webkit-transform: scale(1.03);transform: scale(1.03)}
.con_banner .con_jungang a{float:left;width:100%;height:128px;margin:10px 10px 0 0;background:url('../img/layout/mjd_bg_s.png') 0 0 no-repeat;padding:40px 0 0 0px;box-sizing:border-box;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}


.con_download .con_down1 a{float:left;color:#222;font-size:22px;padding:35px 0 0 30px;line-height:28px;width:100%;height:128px;margin-bottom:10px;box-sizing:border-box;background:#d9f4ff url(/pages/basic/img/layout/sub_quick_ico1.png) 90% center no-repeat;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
.con_download .con_down1 a:hover{-webkit-transform: scale(1.03);transform: scale(1.03)}
.con_download .con_down2 a{float:left;color:#222;font-size:19px;font-weight:400;float:left;width:126px;height:126px;text-align:center;margin-right:10px;background:#eaeaea;padding:40px 0 0 0px;box-sizing:border-box;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
.con_download .con_down2 a:hover{-webkit-transform: scale(1.03);transform: scale(1.03)}
.con_download .con_down3 a{float:left;color:#222;font-size:19px;font-weight:400;float:left;width:126px;height:126px;text-align:center;background:#d2f1e9;padding:40px 0 0 0px;box-sizing:border-box;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
.con_download .con_down3 a:hover{-webkit-transform: scale(1.03);transform: scale(1.03)}

/* manager_info */
.manager_info{width:100%;clear:both;padding:10px 20px;background:#f8f8f8 ;color:#222;border-top:1px solid #999;box-sizing: border-box;position:fixed;bottom:0;z-index:99999}
.manager_info .manager_infobox{width:100%;max-width:1180px;margin:0 auto;}
.manager_info .manager_infobox p.pass{font-family:'tahoma';font-weight:bold;font-size:13px;color:#ef5316;float:left}
.manager_info .manager_infobox p span{font-family:'Nanum Gothic';font-size:13px;color:#222;padding-right:6px}
.manager_info .manager_infobox ul{float: right;}
.manager_info .manager_infobox ul li{display:inline}
.manager_info .manager_infobox ul li a{display:block;float:left;background: #222 linear-gradient(to bottom, #222 5%, #444 100%) repeat scroll 0 0;margin:0 2px;color:#fff;text-align:center;border:1px solid #000;font-size:13px;text-shadow: 0 -1px 0 #222;box-shadow: 0 1px 3px 0 #9fb4f2 inset;font-weight: bold;border-radius: 5px;}
.manager_info .manager_infobox ul li a:hover{background: #222 linear-gradient(to bottom, #444 5%, #222 100%) repeat scroll 0 0;text-decoration:none}
.manager_info .manager_infobox ul li a span{padding:5px 12px;line-height:30px}

/****** Mobile ******/
@media screen and (max-width:690px){

	#district_map .img_box { display: none !important;}

	#wrap{width:100%}
	#main_content{width:95%;margin:0 auto}
	/* header */
	#navigation{display:none}
	#header .header_info{display:none}
	#header{width:100%;height:80px;margin-top:0px}
	#header h1 a{position:static;margin:0 auto;width:200px;height:45px;background-size:cover}
	#header h1{padding-top:10px}


	/* 모바일메뉴 */
	.navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:999;background:#333;top:0;left:0;opacity:0.8;display:none}
	#navigation_mobile{position:absolute;width:90%;height:100%;min-height:100%;background:#fff;right:0;top:0;z-index:9999;display:none}
	#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	/* 	#navigation_mobile #navigation_m{padding-top:40px} */
	#navigation_mobile #navigation_m > li > a{color:#222;font-size:17px;line-height:48px;display:block;height:50px;background:#fff;border-bottom:1px solid #ccc;padding-left:20px;font-weight:500;position:relative}
	/*#navigation_mobile ul > li > a:hover{color:#fff}*/
	#navigation_mobile ul > li > a.on{background:#0f48a1;font-weight:bold;color:#fff}
	/* #navigation_mobile ul > li > a.on span{font-size:33px} */
	#navigation_mobile ul > li > a span{position:absolute;top:0;right:20px;font-size:20px;font-weight:bold}
	#navigation_mobile li > ul{padding-top:0}
	#navigation_mobile li > ul > li > a{display:block;background:#1a6bc1;line-height:50px;height:50px;font-size:16px;padding-left:30px;border-bottom:1px solid #3a7abf;color:#fff}
	#navigation_mobile li > ul > a span{right:30px}

	#navigation_mobile .btn_close{z-index:9999;position:fixed;display:block;width:24px;height:24px;background:url(../img/layout/navi_close_btn.png) no-repeat;top:15px;right:25px}
	#navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	#navigation_mobile ul > li > a span.planprice{display:block;width:40px;background:url(../img/layout/arrow_updown_m.png) no-repeat;font-size:0}
	#navigation_mobile li > ul > li > a.blank{background:#1a6bc1 url('../img/layout/blank.png') 105px 4px no-repeat}

	.navigation_top{background:#efefef;overflow:hidden;height:30px;padding:12px 0 12px 20px;border-bottom:1px solid #999}
	.navigation_top a.btn_logout{background:#fff;border:1px solid #ddd;color:#222;box-sizing:border-box;padding:0 10px;height:35px;line-height:33px;display:inline-block;text-align:center;margin:-4px 0 0 10px}
	.navigation_top h4{float:left;padding:0px 10px 0 0}
	.navigation_top .sns_icon{float:left}
	.navigation_top .sns_icon li{display:inline}
	.navigation_top .sns_icon li a{display:block;float:left;width:25px;height:25px;margin:0 3px}
	.navigation_top .sns_icon li:nth-child(1) a{background:url('../img/layout/header_sns_icon.png') 0 0 no-repeat}
	.navigation_top .sns_icon li:nth-child(2) a{background:url('../img/layout/header_sns_icon2.png') 0 0 no-repeat}
	.navigation_top .sns_icon li:nth-child(3) a{background:url('../img/layout/header_sns_icon3.png') 0 0 no-repeat}
	.navigation_top .sns_icon li:nth-child(4) a{background:url('../img/layout/header_sns_icon4.png') 0 0 no-repeat}
	.menu_category{width:100%;height:40px;color:#fff;padding:0 0px 0 20px;box-sizing:border-box;line-height:38px;font-size:15px;font-weight:200;background:#182751}

	/* 퀵 */
	#r_quick{display:none}

	/* visual_container */
	#member_info{width:100%;margin:0 auto;float:none;height:150px;background-position:right top;background-color:#d1e7fc;box-sizing:border-box;padding:25px 0 0 15px}
	#member_info dl{padding:0}
	#member_info dl dt{font-size:20px;line-height:24px;padding-bottom:20px}
	#member_info dl dd{display:none}
	#member_info span.title_line{top:95px}
	#member_info ul{padding:0;position:absolute;top:0;right:0;width:50%}
	#member_info ul li{width:50%}
	#member_info ul li:nth-child(1),#member_info ul li:nth-child(3){padding-right:0}
	#member_info ul li a{margin-bottom:0}
	#member_info span.title_line{left:15px;top:85px}
	#member_info a.btn_more{margin-left:0;background:url('../img/layout/icon_more_arrow_m.png') right 0 no-repeat;width:20px;height:20px;padding:0px 40px 0px 0;font-size:13px}
	#member_info a.btn_more:hover{background-position:right 0}
	#member_info ul li a{height:75px;line-height:73px;padding-top:0;font-weight:300;font-size:14px}
	#member_info ul li a br{display:none}
	#member_info ul li a span{display:none}
	#visual{width:100%;height:auto;box-sizing:border-box}
	#visual_container{width:100%}
	#visual .btn a{top:100px}

	a.propose{width:50%;height:150px;float:left;padding:92px 0 0 15px}
	a.propose h4{font-size:20px}
	a.online_join{width:50%;height:150px;float:left;padding:40px 15px 0 0px}
	a.online_join h4{font-size:20px}
	a.online_join p{font-weight:200;font-size:13px;line-height:18px}


	/* notice_container */
	#notice_container{width:100%;padding:0 0 0 0px}
	#notice_container .notice_row{width:100%;height:auto}

	/* 공지사항/지역소식 */
	.notice_area_box{height:180px}
	.notice_area_box .mTab1 > ul > li > a.selected{font-size:14px;height:35px;line-height:33px}
	.notice_area_box .mTab1 > ul > li > a{font-size:14px;height:35px;line-height:33px}
	.notice_area_box .mList1 .cont{padding-top:15px}
	.notice_area_box .mList1 .cont li{height:25px;line-height:23px;background-position:5px 10px}
	.notice_area_box .mList1 .cont li a{font-size:15px}
	.notice_area_box .btn_more{top:-39px}
	.notice_area_box .mList1 .cont li .dt{font-size:13px}

	.bodo_box{padding-top:20px}
	.bodo_box .mTab1 > ul > li > a.selected{font-size:14px;height:35px;width:90px;line-height:33px}
	.bodo_box .mTab1 > ul > li > a{font-size:14px;height:35px;width:90px;line-height:33px}
	.bodo_box .btn_more{top:-39px}
	.bodo_box .mList1 .cont li{height:25px;line-height:23px;background-position:5px 10px}
	.bodo_box .mList1 .cont li a{font-size:15px}
	.bodo_box .mList1 .cont li .dt{font-size:13px}

	/* 영상 */
	.mv_box .list li {height:auto}
	.mv_box .list li .mv{height:auto}
	.mv_box .list .btn a{top:100px}
	.videowrapper{position: relative;padding-bottom: 56.25%; /* 16:9 비율인 경우 *//* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */height: 0}
	.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
	.player{max-width:100% !important;height:100% !important}
	.mv_box{width:100%;padding-left:0;height:auto}
	.mv_box .list{width:100%;height:auto}
	.mv_box h4{font-size:18px;margin-bottom:15px}
	.mv_box .list li a.title{font-size:18px;line-height:25px}
	.mv_box .list .list_box{height:auto !Important}

	/* 포토 */
	.photo_box{height:auto;padding-bottom:0}
	.photo_box .list{padding-bottom:0}
	.photo_box .list li a span.img_box{height:220px}
	.photo_box .list li{width:100%;padding:0 0 18px 0px}
	.photo_box .list li:nth-child(2),.photo_box .list li:nth-child(3){display:none}
	.photo_box h4{font-size:18px;margin-bottom:15px}
	.photo_box .list li a span.title{height:auto;margin-bottom:0;text-align:center;font-size:18px}
	.photo_box .list li a span.date{text-align:center}
	.photo_box .btn{display:block}
	.mv_box .list .btn{width:100%}
	.photo_box .list .btn a{display:block;width:50px;height:48px;opacity:0.7;position:absolute;z-index:1;top:140px}
	.photo_box .list .btn a:hover{opacity:1}
	.photo_box .list .btn a.btn_next{background:url('../img/layout/visual_btn_next.png') 0 0 no-repeat;right:0}
	.photo_box .list .btn a.btn_prev{background:url('../img/layout/visual_btn_prev.png') 0 0 no-repeat;left:0}
	.photo_box .btn_more a{color:#555;background:url('../img/layout/nt_btn_more.gif') right 0 no-repeat;padding-right:40px;display:block;height:30px;line-height:30px;position:absolute;top:0;right:0}

	/* 후원하기 */
	#support_banner{margin:0 0 10px 0}
	#support_banner a{width:100%;height:auto;margin:0;padding:30px 0 30px 25px;background:url('../img/layout/support_banner_m.gif') right bottom no-repeat}
	#support_banner .support{width:100%}
	#support_banner .support dl dt{float:none;font-size:18px;padding-bottom:7px;font-weight:700}
	#support_banner .support dl dd{display:none}
	#support_banner .support .cs{font-size:26px}
	#support_banner .support .account{font-size:16px}

	/* 전라남도당 소개 */
	#mjd_intro_wrap{width:100%;height:auto}
	#mjd_intro_wrap .row{width:100%;padding:40px 20px;box-sizing:border-box}
	#mjd_intro_wrap .row h4{font-size:24px;font-weight:500;padding-bottom:15px}
	#mjd_intro_wrap .row p{font-size:15px}
	#mjd_intro_wrap .row ul{padding-top:20px}
	#mjd_intro_wrap .row ul li a{width:100%;border-radius:0;height:95px;background-position:center 25px !important;padding-top:56px}
	#mjd_intro_wrap .row ul li{width:30%;padding:4px 4px 0 0}
	#mjd_intro_wrap .row ul li a:hover{border:1px solid #77b1d8;background-position:center 25px;padding-top:56px}

	/* 지역구소개 */
	#district_map{padding:0 0px 30px 0px;height:auto;overflow:hidden;box-sizing:border-box}
	#district_map .row{width:100%;height:auto}
	#district_map .map_box{display:none}
	#mobile_program_tab{display:block}
	.sitelink_sbox2{width:99%;position:relative;margin-top:10px;padding:0 15px;box-sizing:border-box}
	.sitelink_sbox2 button{height:50px;width:100%;font-weight:700;color:#fff;text-align:left;box-sizing:border-box;padding:0px 50px 0 20px;border:1px solid #003166;
		background:#003f83 url(/pages/basic/img/layout/sitelink_arrow.png) right center no-repeat;letter-spacing:-1px;font-size:14px;cursor:pointer;position:relative;margin-top:20px}
	.sitelink_sbox2 ul{position:absolute;left:15px;background:#003166;padding:20px 15px 20px 15px;z-index:10;box-sizing:border-box;bottom:auto;border-radius: 0 0 4px 4px;width:calc(100% - 30px)}
	.sitelink_sbox2 ul li{float:left;width:50%;border:1px solid #365a82;box-sizing:border-box;margin:-1px 0 0 -1px}
	.sitelink_sbox2 ul li a{font-size:15px;line-height:35px;letter-spacing:-1px;color:#fff;padding-left:20px;display:block}


	#district_map .mem_info{height:auto;margin-top:0px;width:100%;padding:0;box-sizing:border-box;border:0}
	#district_map .mem_info .sns_list{right:20px}
	#district_map .mem_info .m_mem{padding:0 20px}
	#district_map .mem_info .m_mem dl dd{font-size:30px;line-height:32px}
	#district_map .mem_info .m_mem dl dd.name{padding:0px 0 7px 0;font-size:35px}
	#district_map .mem_info .m_mem dl dd.area{font-size:15px}
	#district_map .mem_info .m_mem p.info{font-size:18px}
	#district_map .mem_info .m_mem p.info2{line-height:24px;padding-bottom:5px;font-size:17px}
	#district_map .mem_info .m_mem p.tel_fax{font-size:18px;line-height:24px;padding-bottom:20px}
	#district_map .mem_info a.btn_more{width:90%;margin:0 auto}
	#district_map .mem_info a.btn_more:hover{border:none}
	#district_map .mem_info .m_mem .arrow .btn_prev{background:url('../img/layout/visual_btn_prev.png') right 0 no-repeat;top:120px;opacity:0.7}
	#district_map .mem_info .m_mem .arrow .btn_next{background:url('../img/layout/visual_btn_next.png') right 0 no-repeat;top:120px;opacity:0.7}
	#district_map .mem_info .m_mem .arrow a:hover{opacity:1;background-position:0 0 !important}
	#district_map .mem_info .m_mem div.info ul li{font-size:17px;line-height:26px;font-weight:300}


	/* 소셜 */
	#social_wrap{height:auto}
	#social_wrap h4.tit{display:none}
	#social_wrap h4.m_tit{position:static;display:block;background:url('../img/layout/social_wrap_title_m.png') center 0px no-repeat;height:80px;background-size:cover;margin-top:20px}
	#social_wrap h4.m_tit span{font-size:0}

	#social_wrap .row{width:100%;height:auto;padding-bottom:20px}
	#social_wrap .row .sns_top{position:static;margin:0 auto;text-align:center;padding:0;float:none}
	#social_wrap .row .sns_top ul{float:none}
	#social_wrap .row .sns_top ul li{display:inline-block;float:none}
	#social_wrap .row .list_box{width:100%;margin-top:0}
	#social_wrap .row .list_box .list li{width:50%}
	#social_wrap .row .list_box .list li a p span{display:block}
	#social_wrap .row .list_box .list li a{height:373px}
	#social_wrap .row .list_box .list li a dl dd{height:60px}
	#social_wrap .list_box .arrow{display:block}
	#social_wrap .list_box .arrow span{font-size:0}
	#social_wrap .list_box .arrow a{width:44px;height:44px}
	#social_wrap .list_box .arrow .btn_prev{background:url('../img/layout/visual_btn_prev.png') right 0 no-repeat;position:absolute;top:180px;left:0;opacity:0.7}
	#social_wrap .list_box .arrow .btn_next{background:url('../img/layout/visual_btn_next.png') right 0 no-repeat;position:absolute;top:180px;right:0;opacity:0.7}
	#social_wrap .list_box .arrow a:hover{opacity:1}
	#social_wrap .row .list_box .list{height:393px;overflow:hidden}
	#social_wrap .row .btn_more{display:none}
	#social_wrap .row .list_box .list li a p span.date{font-size:12px;padding-left:0px;font-weight:200}
	#social_wrap .row .list_box .list li a p img{width:25px}


	/* footer */
	#footer{height:auto;padding:20px 0 35px 0}
	#footer .footer_quick{height:70px;overflow:hidden;width:100%;padding:0 12px;box-sizing:border-box;border-top:none;border-bottom:none;background:none}
	#footer .footer_quick ul li{width:calc(100% / 2);height:70px;float:left;line-height:30px;padding:18px 0px;border:1px solid #ddd;box-sizing:border-box;background:#fff;margin-left:-1px}
	#footer .footer_quick ul li a{font-size:15px;padding:5px 0 10px 40px}
	#footer .footer_quick ul li:nth-child(1) a{background:url('../img/layout/footer_quick_icon_m.png') 4px center no-repeat}
	#footer .footer_quick ul li:nth-child(2) a{background:url('../img/layout/footer_quick_icon2_m.png') 4px center no-repeat}
	#footer .footer_quick ul li a span{font-size:0}
	#footer .footer_area{width:100%;margin:20px auto}
	#footer .footer_area .info{position:static;left:0;float:left;width:100%;padding:15px 0 4px 0}
	#footer .footer_area .info ul{text-align:center}
	#footer .footer_area .info li{padding:0 2px !Important}
	#footer .footer_area .info li:nth-child(1){padding-left:0}
	#footer .footer_area .info li a{font-size:14px;padding-right:5px}

	#footer .footer_area h1 a{position:static;width:220px;height:50px;background-size:cover;margin:0 auto}
	#footer .footer_area{padding:0 25px;box-sizing:border-box;text-align:center}
	#footer address{position:static}
	#footer .site_link{position:static;padding-top:10px}
	#footer .footer_area .social_list{display:none}
	#footer .qr_code{display:none}
	#footer .site_link ul{left:50%;margin-left:-125px}
	#footer .site_link button{margin:0 auto}


	/* 전체메뉴버튼 */
	.header_fullmenu,.header_fullmenu_t{display:none}
	.header_fullmenu_m{position:fixed;float:none;top:23px;right:8px;z-index:20}
	.header_fullmenu_m a.btn_fullmenu_m{display:block;width:50px;height:50px;overflow:hidden;background:url(../img/layout/header_fullmenu.gif) 0 0 no-repeat}
	a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

	#navigation_mobile_wrap{display:block}


	/* sub */
	/* sub_layout_wrap */
	#sub_layout_wrap{width:100%}

	#sub_visual{height:131px;background-image: url(../img/layout/sub_visual_left.png), url(../img/layout/sub_visual_right.png), url(../img/layout/sub_visual_center.png);
		background-position: left top, right top, center top;
		background-repeat: no-repeat, no-repeat, repeat}
	#sub_visual p{font-size:19px;line-height:28px;padding:36px 30px;box-sizing:border-box}
	#sub_visual p br{display:block}
	#sub_navi{height:65px}
	#sub_navi li a{width:33.3%;padding:0px;border-bottom:1px solid #ddd;font-size:15px;height:65px;line-height:65px}
	.sub_navi4 ul li a{width:25% !important}
	#sub_navi li a.blank2{background-position:right 5px}

	/* sub_con_box */
	#sub_con_box{width:100%;padding:25px 12px 20px 12px;border-right:none}

	/* sub_con_quick */
	#sub_con_quick{display:none}
	.con_container_title p{font-size:15px}
	.con_container_title h2{font-size:28px;padding-top:16px}
	.con_info .info_area a.btn_qr_sub{display:none}
	.con_info .info_area{width:auto}
	.con_info{right:20px}
	.con_info .info_area .sns{margin-right:0}



}


/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
	#district_map .img_box { display: none !important;}
	#wrap{width:100%}
	#main_content{width:95%;margin:0 auto}
	/* header */
	#navigation{display:none}
	#header .header_info{display:none}
	#header{width:100%;height:80px;margin-top:0px}
	#header h1 a{position:static;margin:0 auto;width:220px;height:50px;background-size:cover}
	#header h1{padding-top:10px}

	/* 모바일메뉴 */
	.navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:999;background:#333;top:0;left:0;opacity:0.8;display:none}
	#navigation_mobile{position:absolute;width:90%;height:100%;min-height:100%;background:#fff;right:0;top:0;z-index:9999;display:none}
	#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	/* 	#navigation_mobile #navigation_m{padding-top:40px} */
	#navigation_mobile #navigation_m > li > a{color:#222;font-size:17px;line-height:48px;display:block;height:50px;background:#fff;border-bottom:1px solid #ccc;padding-left:20px;font-weight:500;position:relative}
	/*#navigation_mobile ul > li > a:hover{color:#fff}*/
	#navigation_mobile ul > li > a.on{background:#0f48a1;font-weight:bold;color:#fff}
	.navigation_top a.btn_logout{background:#fff;border:1px solid #ddd;color:#222;box-sizing:border-box;padding:0 10px;height:35px;line-height:33px;display:inline-block;text-align:center;margin:-4px 0 0 10px}
	/* #navigation_mobile ul > li > a.on span{font-size:33px} */
	#navigation_mobile ul > li > a span{position:absolute;top:0;right:20px;font-size:20px;font-weight:bold}
	#navigation_mobile li > ul{padding-top:0}
	#navigation_mobile li > ul > li > a{display:block;background:#1a6bc1;line-height:50px;height:50px;font-size:16px;padding-left:30px;border-bottom:1px solid #3a7abf;color:#fff}
	#navigation_mobile li > ul > a span{right:30px}

	#navigation_mobile .btn_close{z-index:9999;position:fixed;display:block;width:24px;height:24px;background:url(../img/layout/navi_close_btn.png) no-repeat;top:15px;right:25px}
	#navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	#navigation_mobile ul > li > a span.planprice{display:block;width:40px;background:url(../img/layout/arrow_updown_m.png) no-repeat;font-size:0}
	#navigation_mobile li > ul > li > a.blank{background:#1a6bc1 url('../img/layout/blank.png') 105px 4px no-repeat}

	.navigation_top{background:#efefef;overflow:hidden;height:30px;padding:12px 0 12px 20px;border-bottom:1px solid #999}
	.navigation_top h4{float:left;padding:0px 10px 0 0}
	.navigation_top .sns_icon{float:left}
	.navigation_top .sns_icon li{display:inline}
	.navigation_top .sns_icon li a{display:block;float:left;width:25px;height:25px;margin:0 3px}
	.navigation_top .sns_icon li:nth-child(1) a{background:url('../img/layout/header_sns_icon.png') 0 0 no-repeat}
	.navigation_top .sns_icon li:nth-child(2) a{background:url('../img/layout/header_sns_icon2.png') 0 0 no-repeat}
	.navigation_top .sns_icon li:nth-child(3) a{background:url('../img/layout/header_sns_icon3.png') 0 0 no-repeat}
	.navigation_top .sns_icon li:nth-child(4) a{background:url('../img/layout/header_sns_icon4.png') 0 0 no-repeat}
	.menu_category{width:100%;height:40px;color:#fff;padding:0 0px 0 20px;box-sizing:border-box;line-height:38px;font-size:15px;font-weight:200;background:#182751}



	/* 퀵 */
	#r_quick{display:none}

	/* visual_container */
	#member_info{width:100%;margin:0 auto;float:none;height:180px;background-position:right top;background-color:#d1e7fc;box-sizing:border-box;padding:30px 0 0 25px}
	#member_info dl{padding:0}
	#member_info dl dt{font-size:20px;line-height:24px;padding-bottom:20px}
	#member_info dl dd{display:none}
	#member_info span.title_line{top:95px}
	#member_info ul{padding:0;position:absolute;top:0;right:0;width:50%}
	#member_info ul li{width:50%}
	#member_info ul li:nth-child(1),#member_info ul li:nth-child(3){padding-right:0}
	#member_info ul li a{margin-bottom:0}
	#member_info span.title_line{left:25px;top:95px}
	#member_info a.btn_more{margin-left:0;background:url('../img/layout/icon_more_arrow_m.png') right 0 no-repeat;width:20px;height:20px;padding:0px 40px 0px 0}
	#member_info a.btn_more:hover{background-position:right -20px}
	#member_info ul li a{width:100%;height:90px;line-height:88px;padding-top:0}

	#member_info ul li a br{display:none}

	#visual{width:100%;height:auto;box-sizing:border-box}
	#visual_container{width:100%}
	#visual .btn a{top:200px}

	a.propose{width:50%;height:180px;float:left;padding:92px 0 0 25px}
	a.propose span.icon_arrow{top:134px}
	a.propose h4{font-size:20px}
	a.online_join{width:50%;height:180px;float:left;padding:40px 28px 0 0px}
	a.online_join h4{font-size:20px}
	a.online_join p{font-size:14px;line-height:18px}
	a.online_join span.icon_arrow{top:134px}

	/* notice_container */
	#notice_container{width:100%;padding:0 0 0 0px}
	#notice_container .notice_row{width:100%;height:auto}

	/* 공지사항/지역소식 */
	.notice_area_box{width:48.5%;height:220px;margin-right:15px}
	.notice_area_box .mTab1 > ul > li > a.selected{font-size:14px;height:35px;width:90px;line-height:33px}
	.notice_area_box .mTab1 > ul > li > a{font-size:14px;height:35px;line-height:33px}
	.notice_area_box .mList1 .cont li{height:25px;line-height:23px;background-position:5px 10px}
	.notice_area_box .mList1 .cont li a{font-size:15px}
	.notice_area_box .btn_more{top:-39px}
	.notice_area_box .mList1 .cont li .dt{font-size:13px}

	.bodo_box{width:48.5%;height:180px;padding-top:0px}
	.bodo_box .mTab1 > ul > li > a.selected{font-size:14px;height:35px;width:90px;line-height:33px}
	.bodo_box .mTab1 > ul > li > a{font-size:14px;height:35px;width:90px;line-height:33px}
	.bodo_box .btn_more{top:-39px}
	.bodo_box .mList1 .cont li{height:25px;line-height:23px;background-position:5px 10px}
	.bodo_box .mList1 .cont li a{font-size:15px}
	.bodo_box .mList1 .cont li .dt{font-size:13px}

	/* 영상 */
	.mv_box .list li {height:auto}
	.mv_box .list li .mv{height:auto}
	.mv_box .list .btn a{top:150px}
	.videowrapper{position: relative;padding-bottom: 56.25%; /* 16:9 비율인 경우 *//* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */height: 0}
	.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
	.player{max-width:100% !important;height:100% !important}
	.mv_box{width:100%;padding-left:0;height:auto}
	.mv_box .list{width:100%;height:auto}
	.mv_box h4{font-size:18px;margin-bottom:15px}
	.mv_box .list li a.title{font-size:18px;line-height:25px}
	.mv_box .list .list_box{height:auto !Important}

	/* 포토 */
	.photo_box{height:auto;padding-bottom:0}
	.photo_box .list{padding-bottom:0}
	.photo_box .list li a span.img_box{height:220px}
	.photo_box .list li{width:33.3%;padding:0 0 18px 13px}
	.photo_box h4{font-size:18px;margin-bottom:15px}
	.photo_box .list li a span.title{height:auto;margin-bottom:0;text-align:center;font-size:17px}
	.photo_box .list li a span.date{text-align:center}
	.photo_box .btn{display:block}
	.mv_box .list .btn{width:100%}
	.photo_box .list .btn a{display:block;width:50px;height:48px;opacity:0.7;position:absolute;z-index:1;top:140px}
	.photo_box .list .btn a:hover{opacity:1}
	.photo_box .list .btn a.btn_next{background:url('../img/layout/visual_btn_next.png') 0 0 no-repeat;right:0}
	.photo_box .list .btn a.btn_prev{background:url('../img/layout/visual_btn_prev.png') 0 0 no-repeat;left:0}
	.photo_box .btn_more a{color:#555;background:url('../img/layout/nt_btn_more.gif') right 0 no-repeat;padding-right:40px;display:block;height:30px;line-height:30px;position:absolute;top:0;right:0}

	/* 후원하기 */
	#support_banner a{width:100%;height:auto;margin-bottom:0;padding:25px 0 30px 25px;background:#009ced url('../img/layout/support_banner_m.gif') right bottom no-repeat}
	#support_banner .support{width:100%}
	#support_banner .support dl dt{float:none;font-size:20px;padding-bottom:7px;font-weight:700}
	#support_banner .support dl dd{display:none}
	#support_banner .support .cs{font-size:26px}
	#support_banner .support .account{font-size:16px}

	/* 전라남도당 소개 */
	#mjd_intro_wrap{width:100%;height:auto}
	#mjd_intro_wrap .row{width:100%;padding:30px 0}
	#mjd_intro_wrap .row h4{font-size:20px;font-weight:500;padding-bottom:15px}
	#mjd_intro_wrap .row p{font-size:15px}
	#mjd_intro_wrap .row ul{padding-top:20px}
	#mjd_intro_wrap .row ul li a{width:100%;border-radius:0;height:105px;background-position:center 25px !important;padding-top:60px}
	#mjd_intro_wrap .row ul li{width:18%;padding:4px 4px 0 0}
	#mjd_intro_wrap .row ul li a:hover{border:1px solid #77b1d8;padding-top:60px;background-position:center 25px}

	/* 지역구소개 */
	.sub_map{display:none}
	#district_map{height:auto;overflow:hidden;padding:0 0px 30px 0px;box-sizing:border-box}
	#district_map .row{width:100%;height:auto}
	#district_map .map_box{display:none}
	#mobile_program_tab{display:block}
	.sitelink_sbox2{width:99%;position:relative;margin-top:20px;padding:0 15px;box-sizing:border-box}
	.sitelink_sbox2 button{height:50px;width:100%;font-weight:700;color:#fff;text-align:left;box-sizing:border-box;padding:0px 50px 0 20px;border:1px solid #003166;
		background:#003f83 url(/pages/basic/img/layout/sitelink_arrow.png) right center no-repeat;letter-spacing:-1px;font-size:14px;cursor:pointer;position:relative;margin-top:20px}
	.sitelink_sbox2 ul{position:absolute;left:15px;background:#003166;padding:20px 15px 20px 15px;z-index:10;box-sizing:border-box;bottom:auto;border-radius: 0 0 4px 4px;width:calc(100% - 30px)}
	.sitelink_sbox2 ul li{float:left;width:50%;border:1px solid #365a82;box-sizing:border-box;margin:-1px 0 0 -1px}
	.sitelink_sbox2 ul li a{font-size:16px;line-height:40px;letter-spacing:-1px;color:#fff;padding-left:20px;display:block}

	#district_map .mem_info{height:auto;margin-top:0px;width:100%;padding:0;box-sizing:border-box;border:0}
	#district_map .mem_info .sns_list{right:20px}
	#district_map .mem_info .m_mem{padding:0 15px}
	#district_map .mem_info .m_mem dl dd{font-size:30px;line-height:40px;padding:0px 0 15px 0 !important}
	#district_map .mem_info .m_mem p.info{font-size:18px}
	#district_map .mem_info .m_mem p.info2{line-height:24px;padding-bottom:10px;font-size:20px}
	#district_map .mem_info .m_mem p.tel_fax{font-size:18px;line-height:24px;padding-bottom:20px}
	#district_map .mem_info .m_mem div.info ul li{font-weight:300}
	#district_map .mem_info a.btn_more{width:95%;margin:0 auto}
	#district_map .mem_info a.btn_more:hover{border:none}
	#district_map .mem_info .m_mem .arrow .btn_prev{background:url('../img/layout/visual_btn_prev.png') right 0 no-repeat;top:120px;opacity:0.7}
	#district_map .mem_info .m_mem .arrow .btn_next{background:url('../img/layout/visual_btn_next.png') right 0 no-repeat;top:120px;opacity:0.7}
	#district_map .mem_info .m_mem .arrow a:hover{opacity:1;background-position:0 0 !important}

	/* 소셜 */
	#social_wrap{height:auto}
	#social_wrap h4.tit{display:none}
	#social_wrap h4.m_tit{position:static;display:block;background:url('../img/layout/social_wrap_title_m.png') center 0px no-repeat;height:80px;margin-top:20px}
	#social_wrap h4.m_tit span{font-size:0}

	#social_wrap .row{width:100%;height:auto;padding-bottom:30px}
	#social_wrap .row .sns_top{position:static;margin:0 auto;text-align:center;padding:0;float:none}
	#social_wrap .row .sns_top ul{float:none}
	#social_wrap .row .sns_top ul li{display:inline-block;float:none}
	#social_wrap .row .list_box{width:100%;margin-top:0}
	#social_wrap .row .list_box .list li{width:33.3%}
	#social_wrap .row .list_box .list li a{height:373px}
	#social_wrap .row .list_box .list li a dl dd{height:60px}
	#social_wrap .list_box .arrow{display:block}
	#social_wrap .list_box .arrow span{font-size:0}
	#social_wrap .list_box .arrow a{width:44px;height:44px}
	#social_wrap .list_box .arrow .btn_prev{background:url('../img/layout/visual_btn_prev.png') right 0 no-repeat;position:absolute;top:180px;left:0;opacity:0.7}
	#social_wrap .list_box .arrow .btn_next{background:url('../img/layout/visual_btn_next.png') right 0 no-repeat;position:absolute;top:180px;right:0;opacity:0.7}
	#social_wrap .list_box .arrow a:hover{opacity:1}
	#social_wrap .row .list_box .list{height:393px;overflow:hidden}
	#social_wrap .row .btn_more{display:none}
	#social_wrap .row .list_box .list li a p span.date{font-size:12px;padding-left:4px}
	#social_wrap .row .list_box .list li a p img{width:20px}


	/* footer */
	#footer{height:auto;padding:20px 0 35px 0}
	#footer .footer_quick{height:70px;overflow:hidden;width:100%;padding:0 12px;box-sizing:border-box;border-top:none;border-bottom:none;background:none}
	#footer .footer_quick ul li{width:calc(100% / 2);height:70px;float:left;line-height:30px;padding:18px 20px;border:1px solid #ddd;box-sizing:border-box;background:#fff;margin-left:-1px}
	#footer .footer_quick ul li a{font-size:15px}
	#footer .footer_quick ul li a span{font-size:0}
	#footer .footer_area{width:100%;margin:20px auto}
	#footer .footer_area .info{position:static;left:0;float:left;width:100%;padding:15px 0 4px 0}
	#footer .footer_area .info ul{text-align:center}
	#footer .footer_area .info li:nth-child(1){padding-left:0}
	#footer .footer_area .info li a{font-size:14px}
	#footer .footer_area h1 a{position:static;width:220px;height:50px;background-size:cover;margin:0 auto}
	#footer .footer_area{padding:0 25px;box-sizing:border-box;text-align:center}
	#footer address{position:static}
	#footer address br{display:none}
	#footer .site_link{position:static;padding-top:10px}
	#footer .footer_area .social_list{display:none}
	#footer .qr_code{display:none}

	#footer .site_link ul{left:50%;margin-left:-125px}
	#footer .site_link button{margin:0 auto}

	/* 전체메뉴 버튼 */

	#navigation_mobile_wrap{display:block}
	.header_fullmenu,.header_fullmenu_m,a.btn_fullmenu_m span{display:none}
	.header_fullmenu_t{display:block}


	/* sub */
	/* sub_layout_wrap */
	#sub_layout_wrap{width:100%}

	#sub_visual{height:131px;background-image: url(../img/layout/sub_visual_left.png), url(../img/layout/sub_visual_right.png), url(../img/layout/sub_visual_center.png);
		background-position: left top, right top, center top;
		background-repeat: no-repeat, no-repeat, repeat}

	#sub_visual p{font-size:22px;line-height:32px;padding:45px 30px;box-sizing:border-box}
	#sub_visual p br{display:none}
	#sub_navi{height:65px}

	#sub_navi li a{width:33.3%;width:calc(100% / 3);padding:0 10px;border-bottom:1px solid #ddd;height:65px;line-height:65px}
	.sub_navi4 ul li a{width:25% !important}
	/* sub_con_box */
	#sub_con_box{width:100%;border-right:none}

	/* sub_con_quick */
	#sub_con_quick{display:none}

	.con_container_title h2{font-size:28px;padding-top:16px}
	.con_info .info_area a.btn_qr_sub{display:none}
	.con_info .info_area{width:auto}
	.con_info{right:15px}
	.con_info .info_area .sns{margin-right:0}
}

/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1250px) {
	#wrap{width:100%}
	#main_content{width:95%;margin:0 auto}
	/* header */
	#header{width:100%}
	#navigation{padding-left:0px}
	#header h1 a{top:-20px;left:25px}

	.pullDown div{border-right:1px solid #2d76c4;min-width:190px;height:360px}
	.navigation_s1 {position:absolute;width:175px;left:0px}
	.navigation_s2 {position:absolute;width:175px;left:175px}
	.navigation_s3 {position:absolute;width:175px;left:355px}
	.navigation_s4 {position:absolute;width:175px;left:535px}
	.navigation_s5 {position:absolute;width:175px;left:705px}
	.navigation_s6 {position:absolute;width:175px;left:0px;top:230px !Important}
	.pulldown_bg{height:500px;background:url('../img/layout/header_menu_bg_m.png') no-repeat;top:39px}
	.pullDown{top:30px}
	.pullDown div{border-right:none}

	/* visual_container */
	#visual_container{width:100%}
	#visual{width:100%;height:auto}
	#visual .imgbox ul li:nth-child(2){display:none}
	#visual .imgbox .list_wrap{height:400px !important}
	#visual .imgbox .list_wrap .list_box{height:400px !important}
	#member_info ul{padding:15px 0 0 0}

	#member_info ul li a{padding-top:0;line-height:68px;height:70px}
	#member_info ul li a br{display:none}
	#member_info{width:50%;min-height:382px;height:400px;margin-left:0}
	#member_info dl{padding:0 0 0px 18px}
	a.propose{width:50%;height:200px;float:left;padding:120px 0 0 25px;margin-bottom:0}
	a.online_join{width:50%;height:200px;float:left;padding:40px 28px 0 0px}


	/* 퀵 */
	#r_quick{display:none}



	/* notice_container */
	#notice_container{width:100%;padding:0 0 0 0px}
	#notice_container .notice_row{width:100%;height:250px;margin-top:20px}

	/* 공지사항/지역소식 */
	.notice_area_box{width:48.5%;height:180px;margin-right:15px}

	.notice_area_box .btn_more{top:-39px}
	.notice_area_box .mList1 .cont li .dt{font-size:13px}
	.bodo_box{width:48.5%;height:180px;padding-top:0px}
	.bodo_box .btn_more{top:-39px}


	/* 영상 */
	.mv_box .list li {height:auto}
	.mv_box .list li .mv{height:auto}
	.mv_box .list .btn a{top:248px}
	.videowrapper{position: relative;padding-bottom: 56.25%; /* 16:9 비율인 경우 *//* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */height: 0}
	.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
	.player{max-width:100% !important;height:100% !important}
	.mv_box{width:100%;padding-left:0;height:auto}
	.mv_box .list{width:100%;height:auto}
	.mv_box .list li a.title{font-size:18px;line-height:25px}
	.mv_box .list .list_box{height:auto !Important}


	/* 후원하기 */
	#support_banner a{width:100%;background-position:center center}


	/* 전라남도당 소개 */
	#mjd_intro_wrap{width:100%}
	#mjd_intro_wrap .row{width:100%}
	#mjd_intro_wrap .row ul li{padding:0 5px}


	/* 지역구소개 */
	#district_map{height:auto}
	#district_map .row{width:100%;height:auto}
	#district_map .map_box{float:none;margin:0 auto}
	#district_map .mem_info{float:none;margin:0 auto}
	#map_img_ys{right:5% !important;left:auto !Important;top:19% !important}
	#map_img_sc{right:12% !important;left:auto !Important;top:0 !important}
	/* 소셜 */
	#social_wrap{height:auto}
	#social_wrap h4.tit{display:none}
	#social_wrap h4.m_tit{position:static;display:block;background:url('../img/layout/social_wrap_title_m.png') center 0px no-repeat;height:80px;margin-top:20px}
	#social_wrap h4.m_tit span{font-size:0}

	#social_wrap .row{width:100%;height:auto;padding-bottom:30px}
	#social_wrap .row .sns_top{position:static;margin:0 auto;text-align:center;padding:0;float:none}
	#social_wrap .row .sns_top ul{float:none}
	#social_wrap .row .sns_top ul li{display:inline-block;float:none}
	#social_wrap .row .list_box{width:100%;margin-top:0}

	#social_wrap .list_box .arrow{display:block}
	#social_wrap .list_box .arrow span{font-size:0}
	#social_wrap .list_box .arrow a{width:44px;height:44px}
	#social_wrap .list_box .arrow .btn_prev{background:url('../img/layout/visual_btn_prev.png') right 0 no-repeat;position:absolute;top:180px;left:0;opacity:0.7}
	#social_wrap .list_box .arrow .btn_next{background:url('../img/layout/visual_btn_next.png') right 0 no-repeat;position:absolute;top:180px;right:0;opacity:0.7}
	#social_wrap .list_box .arrow a:hover{opacity:1}
	#social_wrap .row .list_box .list{height:393px;overflow:hidden}
	#social_wrap .row .btn_more{display:none}
	#social_wrap .row .list_box .list li a p span.date{font-size:12px;padding-left:4px}
	#social_wrap .row .list_box .list li a p img{width:20px}


	/* footer */
	#footer{padding:0 17px;box-sizing:border-box;margin-top:20px}
	#footer .footer_quick{height:150px;overflow:hidden;width:100%;padding:20px 12px;box-sizing:border-box;border-top:none;border-bottom:none;background:none}
	#footer .footer_quick ul li{width:calc(100% / 2);height:130px;float:left;line-height:30px;padding:50px 20px;border:1px solid #ddd;box-sizing:border-box;background:#fff;margin-left:-1px}
	#footer .footer_quick ul li a span{font-size:0}
	#footer .footer_area{width:100%}
	#footer .footer_area .social_list{top:150px}
	#footer address span{padding-left:0}
	#footer .site_link{position:static;position:relative;top:120px;left:0}
	#footer address br{display:block}
	/* 전체메뉴버튼 */
	.header_fullmenu{position:absolute;top:60px;right:20px}

	#navigation_mobile_wrap, .header_fullmenu_m, .header_fullmenu_t{display:none}
	.header_pop_m{display:none}

	/* sub */
	/* sub_layout_wrap */
	#sub_layout_wrap{width:100%}
	#sub_visual{background-image: url(../img/layout/sub_visual_left2.png), url(../img/layout/sub_visual_right3.png), url(../img/layout/sub_visual_center2.png);
		background-position: left top, right top, center top;
		background-repeat: no-repeat, no-repeat, repeat}

	#sub_navi li a{width:33.3%;padding:0 10px;border-bottom:1px solid #ddd}
	.sub_navi4 ul li a{width:25% !important}

	/* sub_con_box */
	#sub_con_box{width:100%;padding:25px 10px 100px 10px;border-right:none}

	/* sub_con_quick */
	#sub_con_quick{display:none}

	.con_container_title h2{font-size:28px;padding-top:16px}
	.con_info .info_area a.btn_qr_sub{display:none}
	.con_info .info_area{width:auto}
	.con_info{right:20px}
	.con_info .info_area .sns{margin-right:0}


}
/****** Desktop Wide Device ******/
@media screen and (min-width:1250px) and (max-width:1550px){
	#wrap{width:100%}
	#main_content{width:95%;margin:0 auto}
	/* header */
	#header{width:100%}
	#navigation{padding-left:40px}


	#navigation ul li:nth-child(1){padding-left:0}
	#header .header_info{padding-right:20px}
	#header h1 a{top:-20px;left:40px}

	.pullDown div{border-right:1px solid #2d76c4;min-width:170px;height:360px}
	.navigation_s1 {position:absolute;width:180px;left:0px}
	.navigation_s2 {position:absolute;width:180px;left:175px}
	.navigation_s3 {position:absolute;width:180px;left:355px}
	.navigation_s4 {position:absolute;width:180px;left:535px}
	.navigation_s5 {position:absolute;width:195px;left:705px}
	.navigation_s6 {position:absolute;width:160px;left:880px}
	.pulldown_bg{height:500px;background:url('../img/layout/header_menu_bg_m.png') no-repeat;top:39px;left:12px}
	.pullDown{top:30px}
	.pullDown div{border-right:none}



	/* visual_container */
	#visual_container{width:100%}
	#visual{}
	#member_info{width:24%}
	#member_info{width:calc(100% - 960px);min-height:382px;margin-left:0}
	#member_info dl dt{padding-bottom:30px}

	#member_info ul{padding:0;margin-top:10px}

	a.propose{width:240px;height:225px;float:left;margin-bottom:0}
	a.online_join{width:240px;height:225px;float:left;padding:40px 28px 0 0px}

	/* 퀵 */
	#r_quick{display:none}

	/* notice_container */
	#notice_container{width:100%;padding:40px 0 0 0px}
	#notice_container .notice_row{width:70%;height:auto}

	/* 공지사항/지역소식 */
	.notice_area_box{width:48%;height:180px;margin-right:15px}
	.notice_area_box .mList1 .cont{padding-top:15px}
	.notice_area_box .btn_more{top:-39px}
	.notice_area_box .mList1 .cont li .dt{font-size:13px}
	.bodo_box{width:48%;height:180px;padding-top:0px}
	.bodo_box .btn_more{top:-39px}

	/* 영상 */
	.mv_box .list li {height:auto}
	.mv_box .list li .mv{height:auto}
	.mv_box .list .btn a{top:90px}
	.mv_box h4{margin-bottom:10px}
	.videowrapper{position: relative;padding-bottom: 56.25%; /* 16:9 비율인 경우 *//* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */height: 0}
	.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
	.player{max-width:100% !important;height:100% !important}
	.mv_box{width:30%;padding-left:0;height:auto}
	.mv_box .list{width:100%;height:auto}
	.mv_box .list li a.title{font-size:18px;line-height:25px}
	.mv_box .list .list_box{height:auto !Important}

	/* 후원하기 */
	#support_banner a{width:100%;background-position:center center}

	/* 전라남도당 소개 */
	#mjd_intro_wrap{width:100%}

	/* 지역구 */
	#district_map .mem_info{padding:0}

	/* 소셜 */
	#social_wrap{height:auto;padding-bottom:40px}
	#social_wrap .row{width:100%;height:auto}
	#social_wrap .row h4 span{display:none}
	#social_wrap .row h4{left:35px}
	#social_wrap .row .sns_top{left:25px}
	#social_wrap .row .list_box .arrow{display:none}
	#social_wrap .row .list_box .list li{width:24%}

	/* footer */
	#footer{padding-top:20px;margin-top:20px}
	#footer .footer_quick{height:130px;overflow:hidden;width:100%;padding:0 12px;box-sizing:border-box;border-top:none;border-bottom:none;background:none}
	#footer .footer_quick ul li{width:calc(100% / 2);height:130px;float:left;line-height:30px;padding:50px 20px;border:1px solid #ddd;box-sizing:border-box;background:#fff;margin-left:-1px}
	#footer .footer_quick ul li a span{font-size:0}
	#footer .footer_area{width:100%}

	/* 전체메뉴버튼 */
	.header_fullmenu{position:absolute;top:60px;right:20px}

	#navigation_mobile_wrap, .header_fullmenu_m, .header_fullmenu_t{display:none}
	.header_pop_m{display:none}


	/* sub */
	/* sub_layout_wrap */
	#sub_layout_wrap{width:100%}

	#sub_visual{background-image: url(../img/layout/sub_visual_left2.png), url(../img/layout/sub_visual_center2.png), url(../img/layout/sub_visual_right3.png);
		background-position: left top, center top, right top;
		background-repeat: no-repeat, repeat, no-repeat;
	}
	#sub_visual p br{display:none}

	#sub_navi li a{border-top:1px solid #ddd;border-bottom:1px solid #ddd}

	/* sub_con_box */
	#sub_con_box{width:75%}

	/* sub_con_quick */


	.con_container_title h2{font-size:28px;padding-top:16px}
	.con_info .info_area a.btn_qr_sub{display:none}
	.con_info .info_area{width:auto}
	.con_info{right:15px}

}