@charset "utf-8";
/***** 레이아웃 CSS *****/

/* wrap */
body{/*padding:110px 0 0 0 !important;*/ background:url(/kr/img/common/sub_top_bg.gif) 0 110px repeat-x}
.wrap{padding:145px 15px 0;overflow:hidden;position:relative;background:#f5f5f5 url(/kr/img/common/sub_top_img.gif) center 110px no-repeat}
.container{clear:both;max-width:1709px;margin:0 auto;padding:0}
.wrap .container{overflow:hidden;display:table;width:100%;max-width:1400px;padding:0;margin:30px auto 0;background:#fff url(/kr/img/common/snb_left_line.gif) left top repeat-y;font-family:'NotoSansKR',Malgun gothic, Dotum, arial, sans-serif;font-weight:200;color:#222}


/* header */
.header{position:fixed;/*top:0;*/ left:0;right:0;height:145px;background:#2f3139;z-index:9990;font-family:Malgun gothic, Dotum, arial, sans-serif}

.header .header_top{padding:0 0 0 10px;background:#f1f1f1}
.header .header_top .container{}
.header .header_top .container p{position:relative;height:35px;line-height:35px;padding-left:30px;font-size:13px}
.header .header_top .container p:before{content:'';position: absolute;left:0;top:9px;width:25px;height:17px;background:url(/kr/img/common/top_banner.png) no-repeat}

.header .top_wrap{height:40px;border-bottom:1px solid #41434d}
.header .top_wrap ul.top_link{float:left;display:block}
.header .top_wrap ul.top_link li{float:left;height:40px;display:block}
.header .top_wrap ul.top_link li a{display:block;color:#fff;font-size:14px;padding:0 11px;letter-spacing:-2px;line-height:38px;border-right:1px solid #41434d}
.header .top_wrap ul.top_link li:first-child a{border-left:1px solid #41434d;color:#98b0ff;padding-left:35px;background:url(/kr/img/common/icon_home.gif) 10px 10px no-repeat}

.header .top_wrap ul.top_icon{float:right;display:block}
.header .top_wrap ul.top_icon li{float:left;height:40px;display:block;line-height:38px;padding:0 4px}
.header .top_wrap ul.top_icon li a{display:block;color:#fff;font-size:12px;letter-spacing:-1px;line-height:38px}
.header .top_wrap ul.top_icon .login{ padding:0 10px 0;background:url(/kr/img/common/l_line.gif) right 50% no-repeat}
.header .top_wrap ul.top_icon .lang{position:relative;padding:0 0 0 5px}
.header .top_wrap ul.top_icon .lang2{position:relative;margin:5px 0 0 0}
.header .top_wrap ul.top_icon .lang .selected a{padding:0 20px 0 0;background:url(/kr/img/common/arow_bottom01.gif) right 50% no-repeat}
.header .top_wrap ul.top_icon .lang .list{display:none;position:absolute;top:32px;left:-21px;right:-4px;padding:0;background:#2f3139;z-index:9999}
.header .top_wrap ul.top_icon .lang .list li{width:100%;height:20px}
.header .top_wrap ul.top_icon .lang .list li a{text-align:center;padding:0;line-height:20px}



.header .logo{float:left;margin:3px 0 0 0;width:40%}
.header .logo a{display:inline-block;padding:0 0 0 8px}

.header .cnt{float:left;width:50%}

/* 주메뉴 */
.header .gnb{float:left;width:100%;height:70px}
.header .gnb li{float:left;width:16%}
.header .gnb li:first-child{}
.header .gnb li:last-child{width:18%}
.header .gnb li .layer_snb .snb ul li{display:flex;float:none;width:inherit}
.header .gnb li .layer_snb .snb .depth2 > li{display:flex;flex-flow:wrap;width:20%;padding:0 15px;align-content:flex-start;border-right:1px solid #ddd}
.header .gnb li .layer_snb .snb .depth2 > li:nth-child(5n){border-right:0}
.header .gnb li .layer_snb .snb .gnb08 .depth3 li{width:100%}

.header .gnb li .txt{text-indent:-9999px;font-size:0;line-height:0}
.header .gnb li a{display:block;height:70px;padding:28px 0 25px;font-size:18px;color:#fff;font-weight:500;font-family:'SCDream';text-align:center}
.header .gnb li a:hover, .header .gnb li a:focus, .header .gnb li.on{color:#8fa9ff}

.header .gnb .snb a.snbLeftA{color:#fff;text-decoration:none}
.header .gnb .snb .depth2 li.on a{text-decoration:underline}
.header .gnb .snb .depth2 li .depth3 li a{text-decoration:none}
.header .gnb .snb .depth2 li .depth3 li a:hover,
.header .gnb .snb .depth2 li .depth3 li.on a{text-decoration:underline}

.header .gnb li:first-child a{padding-left:0}
.header .gnb li .point{color:#ffe064}
.header .gnb li .txt{display:inline-block;width:69px;height:30px;margin-top:-15px;vertical-align:middle}

.header .gnb_bg{position:fixed;top:145px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9000}

/* 주메뉴 레이어 펼침 */
.layer_snb{display:none;position:fixed;top:145px;left:0;right:0;background:rgba(0,0,0,.5);z-index:10000}
.layer_snb .wrap_cont{position:absolute;top:0 !important;right:0;left:0;background:#fff;z-index:9999}
.layer_snb .snb > ul > li{overflow:hidden;width:100%}
.layer_snb .snb > ul > li > a{position:relative;width:20%;min-width:200px;height:auto;padding:46px 35px 0 0;font-size:34px;color:#fff;letter-spacing:-0.5px;text-align:right;vertical-align:top;cursor:default;text-decoration:none}

.layer_snb .snb > ul > li > a:hover{color:#fff;text-decoration:none}
.layer_snb .snb > ul > li > a:after{content:'';display:block;width:280px;height:190px;position:absolute;right:0;bottom:0}
.layer_snb .snb .depth2{position:relative;display:flex;flex-flow:wrap;width:80%;padding:17px 0}
.layer_snb .snb .depth2 > li{display:table;width:100%}
.layer_snb .snb .depth2 > li > a{width:100%;height:42px;padding:12px 0 0;text-align:center;font-size:16px;font-weight:500;font-family:'SCDream';letter-spacing:-1px;color:#000;line-height:1;border:1px solid #ddd;vertical-align:top}
.layer_snb .snb li .depth3{padding:11px 10px;text-align:left}
.layer_snb .snb li .depth3.no_data{height:37px;text-indent:-9999px;font-size:0;line-height:0}
.layer_snb .snb li .depth3 li{display:inline-block;margin:0;line-height:1.4em;width:inherit}
.layer_snb .snb li .depth3 li a{display:block;font-size:14px;color:#333;text-align:left;font-weight:400;padding:2px 15px 2px 9px;height:auto;font-family:Malgun gothic, Dotum, arial, sans-serif;letter-spacing:-1px}
.layer_snb .snb li .depth3 li a:before{content:'';display:inline-block;width:2px;height:2px;background-color:#333;margin-right:4px;vertical-align:middle}
.layer_snb .snb .depth2 li a:hover,
.layer_snb .snb .depth2 li a:focus,
.layer_snb .snb .gnb08 .depth2 > li a.on, .layer_snb .snb .gnb08 a:hover,
.layer_snb .snb .gnb08 a:focus{text-decoration:underline}
.layer_snb .snb > ul > li.on{display:table}

/* gnb01 */
.layer_snb .snb > ul > .gnb01 > a{background:#285ea4 url(/kr/img/common/snb_title_bg01.jpg) right bottom no-repeat}
/* gnb02 */
.layer_snb .snb > ul > .gnb02 > a{background:#283c5c url(/kr/img/common/snb_title_bg02.jpg) right bottom no-repeat}
/* gnb03 */
.layer_snb .snb > ul > .gnb03 > a{background:#1a9971 url(/kr/img/common/snb_title_bg03.jpg) right bottom no-repeat}
/* gnb04 */
.layer_snb .snb > ul > .gnb04 > a{background:#ee6e0a url(/kr/img/common/snb_title_bg04.jpg) right bottom no-repeat}
/* gnb05 */
.layer_snb .snb > ul > .gnb05 > a{background:#5a75cd url(/kr/img/common/snb_title_bg05.jpg) right bottom no-repeat}
/* gnb06 */
.layer_snb .snb > ul > .gnb06 > a{background:#6d5fb5 url(/kr/img/common/snb_title_bg06.jpg) right bottom no-repeat}

/* 전체메뉴보기 */
.header .btn_allmenu{float:left;width:5%;max-width:68px;height:70px;position:relative}
.header .btn_allmenu a{display:block;width:100%;height:70px;text-indent:-9999px;font-size:0;background:url(/kr/img/common/btn_allmenu.png) 50% 50% no-repeat}

/* 검색 */
.header .btn_search{float:right;position:relative;background:#444859;width:5%;max-width:68px;height:70px}
.header .btn_search a.btn_open{display:block;width:100%;height:70px;text-indent:-9999px;font-size:0;background:url(/kr/img/common/btn_search_open.png) 50% 50% no-repeat}
.header .btn_search > .btn_close{display:block;width:100%;height:70px;text-indent:-9999px;font-size:0;background:url(/kr/img/common/btn_search_close.png) 50% 50% no-repeat}

/* 검색하기 레이어 */
.header .btn_search .layer_search{display:none;position:absolute;top:70px;right:0;width:536px;height:232px;border:1px solid #2b2f3e;border-top:0;background:#fff;z-index:9999}
.header .btn_search .layer_search .tit{font-size:17px;font-weight:bold;color:#3d3d3d}
.header .btn_search .layer_search .inputArea, .header .btn_search .layer_search .best_ranking{float:left;height:230px;padding:26px 30px}
.header .btn_search .layer_search .inputArea{width:330px}
.header .btn_search .layer_search .inputArea .input, .header .btn_search .layer_search .inputArea .select .selected a, .header .btn_search .layer_search .inputArea button{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.header .btn_search .layer_search .inputArea .select{position:relative}
.header .btn_search .layer_search .inputArea .select span{width:110px}
.header .btn_search .layer_search .inputArea .select .selected a{display:block;position:relative;width:100%;height:42px;margin:20px 0 0 0;padding:14px;font-size:14px;color:#484848;border:1px solid #dfdfdf;background:#fff;z-index:50}
.header .btn_search .layer_search .inputArea .select .selected a:after{content:'';display:inline-block;position:absolute;right:14px;top:50%;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #767676}
.header .btn_search .layer_search .inputArea .select .list{display:none;overflow:auto;position:absolute;left:0;right:0;top:39px;height:96px;border:1px solid #dfdfdf;border-top:0;background:#fff;z-index:30}
.header .btn_search .layer_search .inputArea .select .list li a{display:block;padding:10px 14px 9px;font-size:12px;border-top:1px solid #dfdfdf;background:#fff}
.header .btn_search .layer_search .inputArea .select .list li a:hover{	color:#000;background:#f9f9f9}
.header .btn_search .layer_search .inputArea .select .list li:first-child a{	border:0}
.header .btn_search .layer_search .inputArea .input{width:100%;height:42px;margin:6px 0 0 0;padding:0 18px;font-size:14px;color:#a3a3a3;border:1px solid #dfdfdf;background:#f5f5f5}
.header .btn_search .layer_search button{width:100%;height:42px;margin:10px 0 0 0;text-align:center;color:#fff;font-size:15px;border:0;background:#536bbb;font-weight:600}
.header .btn_search .layer_search .best_ranking{width:203px;border-left:1px solid #e6e6e6;background:#f9f9f9}
.header .btn_search .layer_search .best_ranking .list{margin:15px 0 0 0}
.header .btn_search .layer_search .best_ranking .list li{margin:8px 0 0 0}
.header .btn_search .layer_search .best_ranking .list li a{overflow:hidden;display:inline-block;width:114px;height:auto;color:#484848;font-size:14px;line-height:1.2;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}
.header .btn_search .layer_search .best_ranking .list li a:hover, .header .btn_search .layer_search .best_ranking .list li a:focus{color:#536bbb}
.header .btn_search .layer_search .best_ranking .list li .num{display:inline-block;width:16px;height:16px;margin:0 12px 0 0;text-align:center;font-size:12px;line-height:16px;vertical-align:middle;color:#fff;background:#959595}
.header .btn_search .layer_search .best_ranking .list li:nth-of-type(1) .num, .header .btn_search .layer_search .best_ranking .list li:nth-of-type(2) .num{background:#536bbb}





/* sub_layout */
nav.sub_gnb{display:table-cell;width:15.3%;min-width:214px}
nav.sub_gnb h1{height:135px;display:block;color:#fff;font-family:'NotoSansKR',sans-serif;font-size:30px;font-weight:600;text-align:center;line-height:132px;background:#132265}
nav.sub_gnb ul{font-family:Malgun gothic, Dotum, arial, sans-serif;font-weight:bold;letter-spacing:-1.2px}
nav.sub_gnb li{border-bottom:1px solid #d4d4d4}
nav.sub_gnb li a{display:block;padding:13px 16px;font-size:16px;color:#364ab8;line-height:22px}
nav.sub_gnb li.on{background:#f4f6fd url(/kr/img/common/icon_dep1.gif) 173px 14px no-repeat;width:211px;margin:0 auto}
nav.sub_gnb li.on a{padding-right:42px}
nav.sub_gnb li ul.dep2{display:block;padding:10px 0 10px 16px;border-top:1px solid #d4d4d4;border-left:none;border-right:none;background:#fff}
nav.sub_gnb li ul.dep2 li{border-bottom:0;width:100%}
nav.sub_gnb li ul.dep2 li.on{background:none;border-bottom:0}
nav.sub_gnb li ul.dep2 li a{display:block;height:auto;padding:5px 0 3px 15px;font-size:14px;line-height:20px;color:#666 !important;background:url(/kr/img/common/icon_dep2.gif) left 11px no-repeat;font-weight:400;border-bottom:0}
nav.sub_gnb li ul.dep2 li.on a{color:#2f3139;font-weight:600;text-decoration:underline;background:url(/kr/img/common/icon_dep2_on.gif) left 11px no-repeat;border-bottom:0}
a.exlink img{padding-left:4px}
nav.sub_gnb li ul.dep2 li a:hover, nav.sub_gnb li ul.dep2 li a:focus, nav.sub_gnb li ul.dep2 li.on a:hover, nav.sub_gnb li ul.dep2 li.on a:focus{text-decoration:underline}

/*정보공개*/
nav.gnb_001 h1{background:#1a375d !important}
nav.gnb_001 li a, nav.gnb_001 li ul.dep2 li.on a{color:#1a375d !important}
nav.gnb_001 li.on{background:#f4f6fd url(/kr/img/common/icon_dep1.png) 173px 14px no-repeat}
nav.gnb_001 li ul.dep2 li.on a
/*전자민원*/
nav.gnb_002 h1{background:#0b2042 !important}
nav.gnb_002 li a, nav.gnb_002 li ul.dep2 li.on a{color:#0b2042 !important}
nav.gnb_002 li.on{background:#f4f6fd url(/kr/img/common/icon_dep2.png) 173px 14px no-repeat}
/*시정소식*/
nav.gnb_003 h1{background:#083c2c !important}
nav.gnb_003 li a, nav.gnb_003 li ul.dep2 li.on a{color:#083c2c !important}
nav.gnb_003 li.on{background:#f4f6fd url(/kr/img/common/icon_dep3.png) 173px 14px no-repeat}
/*시민참여*/
nav.gnb_004 h1{background:#301c06 !important}
nav.gnb_004 li a, nav.gnb_004 li ul.dep2 li.on a{color:#301c06 !important}
nav.gnb_004 li.on{background:#f4f6fd url(/kr/img/common/icon_dep4.png) 173px 14px no-repeat}
/*순천소개*/
nav.gnb_005 h1{background:#142252 !important}
nav.gnb_005 li a, nav.gnb_005 li ul.dep2 li.on a{color:#142252 !important}
nav.gnb_005 li.on{background:#f4f6fd url(/kr/img/common/icon_dep5.png) 173px 14px no-repeat}
/*분야별정보*/
nav.gnb_006 h1{background:#170e49 !important}
nav.gnb_006 li a, nav.gnb_006 li ul.dep2 li.on a{color:#170e49 !important}
nav.gnb_006 li.on{background:#f4f6fd url(/kr/img/common/icon_dep6.png) 173px 14px no-repeat}
/*부가정보*/
nav.gnb_007 h1{background:#0b2042 !important}
nav.gnb_007 li a, nav.gnb_002 li ul.dep2 li.on a{color:#0b2042 !important}
nav.gnb_007 li.on{background:#f4f6fd url(/kr/img/common/icon_dep2.png) 173px 14px no-repeat}



/* contents_wrap_layout */
.cont_wrap{position:relative;display:table-cell;width:84.7%;vertical-align:top}
.cont_wrap header{width:100%;height:135px;padding:0;margin:0;border-bottom:1px solid #d4d4d4}
.cont_wrap header .loc{width:100%;height:41px;font-size:14px;padding-left:50px;font-family:'NotoSansKR',sans-serif;background:#f5f5f5 url(/kr/img/common/loc_home.gif) 34px 14px no-repeat;line-height:41px}
.cont_wrap header .loc a{color:#333}
.cont_wrap header .loc span .menu-active{color:#000;font-weight:400}
.cont_wrap header h2{float:left;width:69.7%;color:#000;font-family:'NotoSansKR',sans-serif;font-size:34px;padding-left:34px;line-height:94px;font-weight:400}
.cont_wrap header .icons{float:right;width:210px;text-align:center;line-height:94px}
.cont_wrap .contents{clear:both;width:100%;padding:2.4%;overflow:hidden;word-break:break-all;line-height:180%;color:#666;font-weight:400}



.inner{padding-top:100px;line-height:22px}


.bottom_etc{padding:2.4%}
.qrcode{padding:10px;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;font-weight:bold;position:relative;clear:both;overflow:hidden}
.qrcode p.qr_title{margin:0;padding:0;color:#333;background:none}
.qrcode p.txtQrcode{float:left;padding:0;background:none;margin:10px;font-size:13px;font-weight:normal;letter-spacing:-1px}
.qrcode a{display:block;float:right;margin-top:-28px;border:1px solid #ccc;cursor:default}
.qrcode a:focus,
.qucode a:active{outline:none}
.qrcode div.qrZoom{position:absolute;right:-1px;top:-1px;border:1px solid #ccc}

.research{margin:5px}
.research div.researchCount{}
.research div.researchCount p.research_title{margin:0;padding:5px 0;color:#333;font-weight:600;line-height:21px}
.research div.researchCount form{margin:7px 10px}
.research div.researchCount form ol{width:100%;display:inline-block;margin:0 0 10px 0}
.research div.researchCount form ol li{float:left;margin-right:10px}
.research div.researchCount form ul{display:inline-block;width:100%}
.research div.researchCount form ul li{float:left}
.research div.researchCount form ul li:first-child{width:86%}
.research div.researchCount form ul li:first-child input{padding:5px;margin:0;height:33px;width:99%;border:1px solid #ccc}
.research div.researchCount p.resultBtn{margin:20px 0;padding:0;background:none;width:100%;text-align:center}

.ccl{padding:10px 20px;background-color:#dfdfdf;font-weight:bold;overflow:hidden}
.ccl a{padding:5px;background:#fafafa;display:block;border:1px solid #bbb;float:left;margin-right:10px}
.ccl p{margin:0;padding:0;background:none;font-weight:normal;font-size:13px;letter-spacing:-1px}

.contentAdmin{padding:10px 20px}
.contentAdmin div.adminArea{width:100%;display:inline-block}
.contentAdmin div.adminArea dl{margin:0;font-size:12px;letter-spacing:-1px;line-height:200%}
.contentAdmin div.adminArea dl dt{display:inline-block;font-weight:bold;margin-right:5px;font-size:14px}
.contentAdmin div.adminArea dl dd{display:inline-block;margin-right:30px;font-size:14px}

.updateButton button.btn_info{width:100%;text-align:center;display:block;margin:0 auto;border:1px solid #999;background:#cccfd4;height:30px;font-weight:bold;text-shadow:1px 1px #fff}

/* footer */
.footer{clear:both;position:relative;min-height:170px;font-size:14px;letter-spacing:-2px;border-top:1px solid #d4d4d4}
.footer address,
.footer .copy{letter-spacing:-1px}
.footer .google{letter-spacing:-1px}
.footer .google a{color:#44a7ff;}
.grecaptcha-badge {visibility: hidden;}

.footer .link_wrap{position:relative;border-bottom:1px solid #e0e0e0;background:#fff;overflow:hidden;z-index:50}
.footer .link_wrap .cnt{position:relative;float:left;width:62%;height:50px;line-height:50px;padding-left:115px}
.footer .link_wrap a{color:#464c58}
.footer .link_wrap a:hover, .footer .link_wrap a:active{text-decoration:underline}
.footer .link_wrap .list_btn{overflow:hidden;position:absolute;top:0;left:15px;width:110px}
.footer .link_wrap .list_btn li{display:inline-block}
.footer .link_wrap #banner_list ul li{ width:140px!important;background:url(/kr/img/common/bn_line.gif) no-repeat right 50%}
.footer #banner_list{overflow:hidden}
.footer #banner_list ul{width:1000px;height:50px;padding:3px 0 2px;overflow:hidden;position:relative}
.footer #banner_list ul li{}
.footer #banner_list ul li a{display:inline-block;width:100%;height:44px;text-align:center;letter-spacing:-2px}
.footer .link_wrap .list_link{	overflow:hidden;position:relative;float:left;width:54%;height:50px}
.footer .link_wrap .list_link > ul{position:absolute;top:0;right:0;left:0;bottom:0}
.footer .link_wrap .list_link li{display:inline-block;margin:0 0 0 14px}
.footer .link_wrap .list_link li:first-child{margin:0}
.footer .link_wrap .site_link{float:right;width:560px;text-align:right;padding:6px 15px 5px 0;overflow:hidden}
.footer .link_wrap .site_link a{color:#464c58;font-size:14px;/*padding-right:17px;margin-right:20px;*/ background:url(/kr/img/common/arow_top01.gif) no-repeat right 4px}
.footer .link_wrap .site_link span{display:inline-block;margin-left:10px}
.footer .link_wrap .site_link select{height:40px;padding:0 0 0 8px;font-size:15px;color:#666;border:1px solid #ddd}
.footer .link_wrap .site_link .site_go01 select{width:105px}
.footer .link_wrap .site_link .site_go02 select{width:105px}
.footer .link_wrap .site_link .site_go03 select{width:105px}
.footer .cntBtm{padding:0 15px}
.footer .f_logo{display:inline-block;float:left;padding:35px 30px 0 0}
.footer .fl{float:left;width:55%;text-align:left}
.footer .fr{float:right;text-align:right}
.footer .btm_menu{margin:32px 0 0 0;font-size:0}
.footer .btm_menu li{display:inline-block;vertical-align:top;line-height:1.2}
.footer .btm_menu li:before{content:'';display:inline-block;width:1px;height:9px;margin:0 6px;vertical-align:middle;background:#c8c8c8}
.footer .btm_menu li:first-child:before{display:none}
.footer .btm_menu li a{font-size:14px;color:#333;vertical-align:middle}
.footer .btm_menu li .point{color:#00569f}
.footer address{margin:12px 0 6px;color:#333;font-size:13px}
.footer .copy{margin-bottom:20px;color:#555;font-size:13px;line-height:1.35}
.footer .google{color:#555;font-size:13px;line-height:1.35}
.footer .list_logo{display:inline-block;margin:34px 0 15px 0;font-size:0;vertical-align:middle}
.footer .list_logo li{display:inline-block;margin:0 0 0 5px;vertical-align:middle}

/*** Tab, Mobile ver GNB ***/
.snb_mo_bg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9991}
.snb_layer_mo{display:none;position:absolute;width:318px;top:0;left:0;bottom:0;background:rgba(47,49,57,.95);overflow:scroll !important;z-index:9999}
.snb_layer_mo ul.top_link_mo{display:block;width:100%;height:40px;border-bottom:1px solid #41434d}
.snb_layer_mo ul.top_link_mo li{float:left;width:24%;text-align:center}
.snb_layer_mo ul.top_link_mo li a{display:block;width:100%;color:#fff;font-size:13px;letter-spacing:-1px;line-height:41px;border-left:1px solid #41434d}
.snb_layer_mo ul.top_link_mo li:first-child{width:27%}
.snb_layer_mo ul.top_link_mo li:first-child a{color:#5a75cd;padding-left:20px;background:url(/kr/img/common/icon_home.gif) 10px 10px no-repeat;border-left:none}

.snb_layer_mo ul.top_link2_mo{display:block;width:100%;height:40px;border-bottom:1px solid #41434d}
.snb_layer_mo ul.top_link2_mo li{float:left;text-align:center}
.snb_layer_mo ul.top_link2_mo li a{display:block;width:100%;color:#fff;font-size:13px;letter-spacing:-1px;line-height:40px;border-left:1px solid #41434d}
.snb_layer_mo ul.top_link2_mo li{width:33.33333%}

.snb_layer_mo ul.top_icon_mo{display:block;width:100%;height:40px;border-bottom:1px solid #41434d}
.snb_layer_mo ul.top_icon_mo li{float:left;height:40px;display:block;line-height:40px;padding:0 1px}
.snb_layer_mo ul.top_icon_mo li a{display:block;color:#fff;font-size:11px;letter-spacing:-1px;line-height:38px}
.snb_layer_mo ul.top_icon_mo li img{width:20px;height:20px}
.snb_layer_mo ul.top_icon_mo .login{ padding:0 8px 0;background:url(/kr/img/common/l_line.gif) right 50% no-repeat}
.snb_layer_mo ul.top_icon_mo .lang{position:relative;padding:0 0 0 5px}
.snb_layer_mo ul.top_icon_mo .lang2{position:relative;margin:5px 0 0 0}
.snb_layer_mo ul.top_icon_mo .lang .selected a{padding:0 20px 0 0;background:url(/kr/img/common/arow_bottom01.gif) right 50% no-repeat}
.snb_layer_mo ul.top_icon_mo .lang .list{display:none;position:absolute;top:32px;left:-21px;right:-4px;padding:0;background:#2f3139;z-index:9999}
.snb_layer_mo ul.top_icon_mo .lang .list li{width:100%;height:20px}
.snb_layer_mo ul.top_icon_mo .lang .list li a{text-align:center;padding:0;line-height:20px}

.snb_layer_mo .snb_mo{position:relative;padding:0;font-size:15px;line-height:1;color:#4e5366;text-decoration:none;display:inline-block;width:100%}
.snb_layer_mo .snb_mo > ul > li{display:block;background:url(/kr/img/common/icon_mdep1_off.png) 275px 22px no-repeat !important}
.snb_layer_mo .snb_mo > ul > li > a{display:block;position:relative;width:100%;padding:18px 18px;min-width:0;font-size:17px;font-weight:bold;color:#fff;text-align:left;border-bottom:1px solid rgba(255,255,255,.3)}
.snb_layer_mo .snb_mo .no_data{background-image:none !important}

.snb_layer_mo .snb_mo .depth2, .snb_layer_mo .snb_mo li .depth3{display:none;width:100%}
.snb_layer_mo .snb_mo .depth2 > li > a{display:block;width:100%;padding:14px 38px;font-size:17px;border-bottom:1px solid rgba(255,255,255,.3);color:#fff}
.snb_layer_mo .snb_mo .depth2 > li:first-child > a{border-top:0}
.snb_layer_mo .snb_mo li .depth3{display:none;padding:0}
.snb_layer_mo .snb_mo li .depth3 li{display:block;margin:0;background:none}
.snb_layer_mo .snb_mo li .depth3 li a{position:relative;width:100%;padding:12px 15px 11px 58px;font-size:15px;color:#fff;text-decoration:none;display:inline-block;border-bottom:1px solid rgba(255,255,255,.2)}
.snb_layer_mo .snb_mo li .depth3 li.active a{text-decoration:underline}


.snb_layer_mo .snb_mo > ul > .gnb01.on > a{background:#285ea4 url(/kr/img/common/icon_mdep1_on.png) 275px 22px no-repeat !important}
.snb_layer_mo .snb_mo > ul > .gnb02.on > a{background:#283c5c url(/kr/img/common/icon_mdep1_on.png) 275px 22px no-repeat !important}
.snb_layer_mo .snb_mo > ul > .gnb03.on > a{background:#1f9a6d url(/kr/img/common/icon_mdep1_on.png) 275px 22px no-repeat !important}
.snb_layer_mo .snb_mo > ul > .gnb04.on > a{background:#f0822c url(/kr/img/common/icon_mdep1_on.png) 275px 22px no-repeat !important}
.snb_layer_mo .snb_mo > ul > .gnb05.on > a{background:#5a75cd url(/kr/img/common/icon_mdep1_on.png) 275px 22px no-repeat !important}
.snb_layer_mo .snb_mo > ul > .gnb06.on > a{background:#6d5fb5 url(/kr/img/common/icon_mdep1_on.png) 275px 22px no-repeat !important}


/* gnb01 */
/*.snb_layer_mo .snb_mo > ul > .gnb01 > a{background:#285ea4}*/
.snb_layer_mo .snb_mo > ul > .gnb01 > a:after{background-position:0 0}
.snb_layer_mo .snb_mo .gnb01 .depth2 > li > a{background:rgba(40,94,164,.6) url(/kr/img/common/icon_mdep2_off.png) 260px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb01 .depth2 > li.on > a{background:rgba(40,94,164,.6)  url(/kr/img/common/icon_mdep2_on.png) 260px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb01 .depth3{background:rgba(40,94,164,.2)}
/* gnb02 */
/*.snb_layer_mo .snb_mo > ul > .gnb02 > a{background:#283c5c}*/
.snb_layer_mo .snb_mo > ul > .gnb02 > a:after{background-position:-280px 0}
.snb_layer_mo .snb_mo .gnb02 .depth2 > li > a{background:rgba(40,60,92,.6) url(/kr/img/common/icon_mdep2_off.png) 260px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb02 .depth2 > li.on > a{background:rgba(40,60,92,.6)  url(/kr/img/common/icon_mdep2_on.png) 260px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb02 .depth3{background:rgba(40,94,164,.2)}
/* gnb03 */
/*.snb_layer_mo .snb_mo > ul > .gnb03 > a{background:#1f9a6d}*/
.snb_layer_mo .snb_mo > u l > .gnb03 > a:after{background-position:-560px 0}
.snb_layer_mo .snb_mo .gnb03 .depth2 > li > a{background:rgba(31,154,109,.6) url(/kr/img/common/icon_mdep2_off.png) 260px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb03 .depth2 > li.on > a{background:rgba(31,154,109,.6)  url(/kr/img/common/icon_mdep2_on.png) 260px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb03 .depth3{background:rgba(31,154,109,.2)}
/* gnb04 */
/*.snb_layer_mo .snb_mo > ul > .gnb04 > a{background:#f0822c}*/
.snb_layer_mo .snb_mo > ul > .gnb04 > a:after{background-position:-840px 0}
.snb_layer_mo .snb_mo .gnb04 .depth2 > li > a{background:rgba(240,130,44,.6) url(/kr/img/common/icon_mdep2_off.png) 260px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb04 .depth2 > li.on > a{background:rgba(240,130,44,.6)  url(/kr/img/common/icon_mdep2_on.png) 260px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb04 .depth3{background:rgba(240,130,44,.2)}
/* gnb05 */
/*.snb_layer_mo .snb_mo > ul > .gnb05 > a{background:#5a75cd}*/
.snb_layer_mo .snb_mo > ul > .gnb05 > a:after{background-position:0 -190px}
.snb_layer_mo .snb_mo .gnb05 .depth2 > li > a{background:rgba(90,117,205,.6) url(/kr/img/common/icon_mdep2_off.png) 260px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb05 .depth2 > li.on > a{background:rgba(90,117,205,.6)  url(/kr/img/common/icon_mdep2_on.png) 260px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb05 .depth3{background:rgba(90,117,205,.2)}
/* gnb06 */
/*.snb_layer_mo .snb_mo > ul > .gnb06 > a{background:#6d5fb5}*/
.snb_layer_mo .snb_mo > ul > .gnb06 > a:after{background-position:-280px -190px}
.snb_layer_mo .snb_mo .gnb06 .d1 > li > a{padding-left:28px!important;padding-right:28px!important;background:rgba(109,95,181,.7) url(/kr/img/common/icon_mdep2_off.png) 260px 20px no-repeat!important}
.snb_layer_mo .snb_mo .gnb06 .depth2 > li > a{background:rgba(109,95,181,.4) url(/kr/img/common/icon_mdep2_off.png) 240px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb06 .depth2 > li.on > a{background:rgba(109,95,181,.4)  url(/kr/img/common/icon_mdep2_on.png) 240px 20px no-repeat}
.snb_layer_mo .snb_mo .gnb06 .depth3{background:rgba(109,95,181,.2)}


@media screen and (min-width:2000px){
	.layer_snb .snb .depth2{width:calc(80% - 200px)}
}
@media screen and (max-width:1600px){
	.footer .link_wrap .cnt{float:none;width:100%;height:50px;line-height:50px;padding:0 15px 0 115px;border-bottom:1px solid #e0e0e0}
	.footer .link_wrap .site_link{float:none;width:100%}
}
/**PC_Ver 1440*****************************************************/
@media screen and (max-width:1400px){
	.header .gnb li .layer_snb .snb .depth2 > li{width:25%}
	.header .gnb li .layer_snb .snb .depth2 > li:nth-child(5n){border-right:1px solid #ddd}
	.header .gnb li .layer_snb .snb .depth2 > li:nth-child(4n){border-right:0}

    .wrap{background:#f5f5f5 url(/kr/img/common/sub_top_img_tab.gif) center 110px no-repeat}
	.container{max-width:none}
}
@media screen and (max-width:1240px){
	.layer_snb .snb .depth2 > li > a{height:38px;font-size:14px}
	.layer_snb .snb li .depth3{padding:11px 3px}
	.layer_snb .snb li .depth3 li a{font-size:13px;padding:2px 15px 7px 9px;line-height:15px}
}
@media screen and (max-width:1090px){
	.header .top_wrap ul.top_link li a{padding:0 7px}
}
@media screen and (max-width:1024px){
	.wrap{background:#f5f5f5 url(/kr/img/common/sub_top_img_tab.gif) center 100px no-repeat}
	.wrap .container{margin-top:20px;background:#fff}/*서브왼쪽메뉴배경삭제 후 흰배경*/
	#leftMenu{display:none}
	
	.header{height:135px}
	.header .btn_allmenu{display:none}
	.header .logo{margin:18px 0 0 0;width:100%;text-align:center}
	.header .logo a{padding:0}
	.header .btn_snbOpen{position:absolute;left:12px;top:50px;background:#444859;width:68px;height:70px}
	.header .btn_snbOpen a.btn_open{display:block;width:100%;height:70px;text-indent:-9999px;font-size:0;background:url(/kr/img/common/btn_snb_open.png) 50% 50% no-repeat}
	.header .btn_snbOpen > .btn_close{display:block;width:100%;height:70px;text-indent:-9999px;font-size:0;background:url(/kr/img/common/btn_close.png) 50% 50% no-repeat}
	.header .btn_search{float:none;position:absolute;right:12px;top:50px;background:#444859;width:68px;height:70px}
	/*
	.cont_wrap header .icons{width:180px}
	*/
	.footer .link_wrap .site_link{text-align:center}
	.footer .btm_menu{margin:18px 0 0 0}
	.footer .fl{float:none;width:100%;text-align:center}
	.footer .fr{float:none;width:100%;text-align:center}
	.footer .list_logo{margin:0 0 15px}
}
@media screen and (max-width:640px){
	.wrap{padding:100px 0 0 0;background:#fff}
	.wrap .container{margin:0 auto}

	.header .btn_search .layer_search{width:300px;height:430px}
	.header .btn_search .layer_search .inputArea, .header .btn_search .layer_search .best_ranking{float:none}
	.header .btn_search .layer_search .best_ranking{height:200px;padding-top:10px;padding-bottom:10px}
	.header .btn_search .layer_search .inputArea{width:300px}
	.header .btn_search .layer_search .best_ranking{width:300px;border-left:1px solid #e6e6e6;background:none}
	.header .btn_search .layer_search .best_ranking .list{margin:0}
	.header .btn_search .layer_search .best_ranking .list li{margin:12px 0 0 0}
		
	.cont_wrap header{width:100%;height:135px;padding:0;margin:0;border-bottom:1px solid #d4d4d4}
	.cont_wrap header .loc{width:100%;font-size:12px;padding-left:30px;background:#f5f5f5 url(/kr/img/common/loc_home.gif) 14px 14px no-repeat;letter-spacing:-1px}
	.cont_wrap header .loc a{color:#333}
	.cont_wrap header .loc span .menu-active{color:#000;font-weight:400}
	.cont_wrap header h2{float:none;width:100%;font-size:28px;padding:7px 0 0 14px;line-height:47px}
	.cont_wrap header .icons{float:none;text-align:left;padding-left:16px;line-height:0}
	.cont_wrap header .icons img{width:25px}
		
	.qrcode{padding:4px}
	.qrcode p.qr_title{width:40%}
	.qrcode p.txtQrcode{margin:5px;padding:0;font-size:12px;width:62%;line-height:18px}
	.qrcode a{width:102px}
		
	.research{margin:5px 2px 2px}
	.research div.researchCount form{margin:7px 0 5px 5px}
	.research div.researchCount form ul li:first-child{width:79%}
	.research div.researchCount form ol li{font-size:12px}
		
	.ccl{padding:10px 10px}
	.ccl img{width:130px}
	.ccl p{line-height:20px}
	
	.contentAdmin{padding:10px 0}
	.contentAdmin div.adminArea dl{padding:0!important}
	.contentAdmin div.adminArea dl dt,
	.contentAdmin div.adminArea dl dd{margin-right:5px;font-size:12px}
	.contentAdmin div.adminArea .mbl_640{font-weight:normal;font-size:11px;color:#aaa}
	.footer .link_wrap .site_link select{width:200px !important}
	.footer .link_wrap .site_link span{display:block;width:261px;margin:0 auto 5px}
	.footer .link_wrap .site_link .site_go03 select{background-image:none!important}
}

@media screen and (max-width:390px){
	.header .logo a{padding:8px 0 0 0}
	.header .logo a img{width:160px}
}
@media screen and (max-width:336px){
	.header .logo a{padding:15px 0 0 0}
	.header .logo a img{width:115px}
    .header .header_top .container p{font-size:12px;letter-spacing:-1px}
}
/* 정보공개 - 사전정보공표 - 원문공개 */
.searchBox_api{clear:both;text-align:right}
.searchBox_api #searchTitle_key{width:300px;height:40px;padding:5px;border:1px solid #d4d4d4}
.search_api_btn{text-align:right}

.search_api_btn a{color:#fff!important}

/*챗봇*/
.chatbot{position: fixed;left: 0;bottom: 0;right: 0;z-index: 100;transition: bottom .5s ease-in-out;}
.chatbot .inr{position: relative;width:100%;max-width: 1440px;margin: 0 auto;}
.chatbot .btn_go{position: absolute;right: -125px;bottom: /*45*/190px;width: 125px;height: 125px;background: url(/kr/common/img/2025032715275044781.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
.chatbot button{position: absolute;right: -142px;bottom: /*153*/295px;width: 18px;height: 18px;background: url(/images/suncheon/tour/main/main_quick_close.png) 0 0 no-repeat;text-indent: -9999px;border:0}
.chatbot .check_wrap{position:absolute;bottom:170px;right:-124px;font-size:11px;color:#000;display:flex;align-items:center}
.chatbot .check_wrap .check{height:10px}
.chatbot .check_wrap .check input{margin-right:2px}
.chatbot .check_wrap .close a{background:#333;color:#fff;padding:2px 3px;font-size:10px;margin-left:3px}
@media screen and (max-width:1770px){
    .chatbot .inr{max-width:1770px}
	.chatbot .btn_go{right: 10px}
    .chatbot button{position: absolute;right:10px; width: 17.5px;height:17.5px;background: url(/images/suncheon/tour/main/main_quick_close.png) 50% 50% / 100% 100% no-repeat}
    .chatbot .check_wrap{right:11px}
}
@media screen and (max-width:1400px){
    .chatbot .btn_go{bottom:50px}
    .chatbot button{bottom:152px}
    .chatbot .check_wrap{bottom:29px}
}