@charset "utf-8";

body, html {font-family:'Noto Sans KR', sans-serif; font-weight:400;}
#container {margin-top:0!important; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
/*
================================================================================
메인, 서브레이아웃
================================================================================
*/

/*검색 셀렉트 박스 변경요청건 .css*/
.jin_main_search {width:115px; text-align:center; line-height:40px;}

#wrapper{min-width:320px;overflow:hidden;} 

iframe.goog-te-banner-frame { display: none !important; }
body { position: static !important; top:0px !important; } 
.goog-logo-link { display:none !important; } 
.goog-te-gadget { color: transparent !important; } 

/* ---- 상단영역 ---- */
#header-wrap{position:relative;}
#header-wrap:after{z-index:-1;background:#d4d4d4; width:2000px; height:1px; bottom:0; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""}

#header-wrap.fix{position:fixed; left:0; width:100%; max-width:100%;background:#fff; z-index:9999; margin-top:-50px;}
#header-wrap.fix:before{display:none;}
#header-wrap.fix .topLink{display:none;}
#header-wrap.fix #header{max-width:1200px; margin:0 auto;}
#header-wrap.fix #allMenu{top:160px}
#header-wrap.fix .mn-bar{top:109px; }
#header-wrap.fix{box-shadow: 0 5px 11px rgba(0, 0, 0, 0.2) ;-webkit-box-shadow: 0 5px 11px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0 5px 11px rgba(0, 0, 0, 0.2)  ; }
#header-wrap.fix #top_search{ display:none;}
.body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease;}
.body-slider-ovclick, .container-ovclick, .header-slider-ovclick{position:fixed;z-index:2006;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.search-slider-ovclick{position:fixed;z-index:2000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }

#header-wrap .mn-bar {position:absolute;background:url(/common/img/subgnb_bg2.gif) no-repeat center top;left:0;top:159px;width:2000px;left:50%;margin-left:-1000px;display:none;z-index:2000;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); border-top:1px solid #3c84b9;}
#header-wrap.fix .mn-bar {position:absolute;background:url(/common/img/subgnb_bg2.gif) no-repeat center top;left:0;top:159px;width:2000px;left:50%;margin-left:-1000px;display:none;z-index:2000;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);}


#header{position:relative;width:100%;min-width:320px; z-index:9001}

.head_box{position:relative;display:block;height:110px;z-index:3200}
.con_wrap {width:98%; margin:0 auto; position:relative;}
.con_wrap:after {content:''; display:block; clear:both;}

div.subtop_gnb { position:relative; height:50px; z-index:5001;}
div.subtop_gnb:after{z-index:-1;background:#dae2e6; width:2000px; height:50px; bottom:0; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""; border-bottom:1px solid #c1c8cc;}

div.subtop_gnb ul.sitelink {height:50px;}
div.subtop_gnb ul.sitelink li:first-child {border-left:1px solid #c1c8cc;}
div.subtop_gnb ul.sitelink li {width:100px; float:left; border-right:1px solid #c1c8cc; text-align:center; box-sizing:border-box;;}
div.subtop_gnb ul.sitelink li a { line-height:50px; height:50px; display:block; color:#262d35;}
div.subtop_gnb ul.sitelink li a.on {background:#fff; }
div.subtop_gnb ul.sitelink li a.on:after {content:''; display:block; width:60%; height:2px; margin:0 auto; background:#333; margin-top:-12px;}


#header .bt-allMenu {position:absolute; right:0; top:83px;display:block; background:url(/common/img/sub_all.png) no-repeat 50% 50%; text-indent:-999999px; width:37px;height:37px; z-index:6000; border:0;}
#header .my_page{position:absolute; right:240px; top:0px; height:50px; line-height:50px;  width:120px; display:block; background:#099db8; }
#header .my_page a{display:block; width:120px; color:#fff; text-align: center;}
#header .sgoogle_open {position:absolute; right:120px; top:0px; height:50px; line-height:50px;  width:120px; display:block; background:#6c7d90; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;z-index:3000;}
#header .sgoogle_open a.sbt-google {height:50px;color:#fff;width:120px; background:url('/common/img/topicon_01.png') no-repeat 5px 7px; display:block;}
#header .sgoogle_open a.sbt-google span{display:block; padding-left:38px;background:url('/common/img/top_arrow.png') no-repeat 100px 22px; }
#header .sgoogle_open a.sbt-google.on span{ background:url('/common/img/top_arrow_on.png') no-repeat 100px 22px; }
#header .sgoogle_open #sgoogle_ul {position:absolute;top:50px;left:0;width:100%;background:#31373d;z-index:120;  overflow:hidden;}
#header .sgoogle_open #sgoogle_ul li {border-top:1px solid #454b50;}
#header .sgoogle_open #sgoogle_ul li a {display:block;height:36px; line-height:36px; display:block;color:rgba(255,255,255,0.5); text-align:center;}
#header .sgoogle_open #sgoogle_ul li a:hover {color:rgba(255,255,255,1);}

#header .ssear {position:absolute; right:0px; top:0px; height:50px; line-height:50px;  width:120px; display:block; background:#4e6176; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;z-index:3000;}
#header .ssear a.ssear_btn {height:50px;color:#fff;width:120px; display:block; text-align:center;}
#header .ssear a.ssear_btn span{padding-left:20px;background:url('/common/img/s_sear.png') no-repeat 0 50%; }


#ssear_div::before {z-index:-1;background:#f2f6f6; width:2000px; height:270px; top:-1px; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""; border-top:1px solid #dedede; transition:all .2s;}
#header #ssear_div  { position:relative; height:270px; z-index:10000; width:100%; margin-top:0px; box-sizing:border-box; padding:70px 5%; display:none;}
#header #ssear_div p.tit {font-size:30px; color:#1360cb; width:15%; display:inline-block; float:left; margin-top:15px;}
#header #ssear_div .ssear_box { border:3px solid #4d5561; margin:0 auto; width:85%;  display:inline-block; padding:10px;box-sizing:border-box;  background:#fff; float:right;}
#header #ssear_div .ssear_box label {width:0; height:0; text-indent:-999999px; position:absolute; top:-999999px; }
#header #ssear_div .ssear_box input[type="text"] {width:80%; font-size:18px; float:left; margin-top:3px;}
#header #ssear_div .ssear_box input[type="submit"] {background:url(/common/img/sear_icon.gif) no-repeat 0 50%;   width:15%;    height: 25px;  padding-left:30px; font-size:18px; float:right;}
#header #ssear_div p.fav {clear:both; color:#276bc8;  padding-left:15%; padding-top:10px; font-size:14px;}
#header #ssear_div p.fav span {color:#3c4950; }
#header #ssear_div a.close {position:absolute; bottom:0; right:0;background:#2e343a url(/common/img/sns_close01.png) no-repeat 50% 50%; width:65px; height:65px; text-indent:-99999px;}
.btnMenu, .btnSearch{display:none}



/* ---- 중간영역 ---- */
.dv_Location {background:#f2f4f6; z-index:5000; position:relative; border-bottom:1px solid #dedede; height:55px; box-sizing:border-box;}
.dv_Location div.loca ul {display:flex;}
.dv_Location div.loca ul li a {line-height:55px; color:#333; border-right:1px solid #d4d8db; display:inline-block; padding:0px 20px;}
.dv_Location div.loca ul li a:after {content:''; display:inline-block; background:url('https://www.yeonje.go.kr/common/img/sloca_arrow.png') no-repeat 0 0; width:6px; height:12px; margin-left:15px;}
.dv_Location div.loca ul li:first-child a{ background:#fff url('https://www.yeonje.go.kr/common/img/icon_home.png') no-repeat 50% 50%; text-indent:-999999px; width:20px; border-left:1px solid #d4d8db; height:56px;}

.dv_Location div.loca span:last-child {border-right:none;}
.dv_Location div.loca span:first-child:after {display:none;}
.dv_Location div.loca span:last-child:after {display:none;}

.dv_Location div.pr_sns a.print {position:absolute; top:0; right:220px; background:url('/common/img/sprint_icon.png') no-repeat 50% 50%; text-indent:-999999px; width:60px; height:55px; border-left:1px solid #d4d8db;}
.dv_Location div.pr_sns div.sns {position:absolute; top:0; right:0; /*width:70px; */}
.dv_Location div.pr_sns div.sns > a {display:none !important; background:url('/common/img/ssns_icon.png') no-repeat 50% 50%; text-indent:-999999px; height:55px; display:block; border-left:1px solid #d4d8db; border-right:1px solid #d4d8db;}
.dv_Location div.pr_sns div.sns div {    border: 1px solid #dedede;  text-align: center;  padding: 7px 0px;   margin-top: -1px;}
.dv_Location div.pr_sns div.sns div a {display:inline-block; padding:5px 10px;}

.dv_Location div.pr_sns div.sns div a.bnt_sns_close {display: none;}

#container{position:relative;background:#fff; width:100%;}
#container:after{display:block;clear:both;content:''}


.subcontent {margin:20px auto; z-index:2000;  position:relative;}
.subcontent #content { width:100%; }
.subcontent #content:after{display:block;clear:both;content:''}

/*
================================================================================
왼쪽메뉴
================================================================================
*/
#lnb li{font-size:16px;border-bottom:1px solid #d3d5d9;}
#lnb li a{display:block;word-break: keep-all;}
#lnb > li.has-sub > a{background:#eff0f2 url('http://www.bsseogu.go.kr/img/portal/common/lnb_menu_close.png') no-repeat 90% center;}
#lnb > li > a{display:block;color:#2b2b2b;padding:15px 0 15px 25px;font-weight:bold;text-decoration:none;background-color:#fff;border:1px solid #e8e8e8;border-width:0 1px}
#lnb > li.open > a{color:#fff;background:#353c47;border:1px solid #353c47;border-width:0 1px}
#lnb > li.has-sub.open > a{background:#102741 url('http://www.bsseogu.go.kr/img/portal/common/lnb_menu_open.png') no-repeat 90% center;border:1px solid #102741;border-width:0 1px}
#lnb > li > ul{display:none;padding:20px 0;background:#fff;border:1px solid #e8e8e8;border-width:1px 1px 0}
#lnb > li > ul > li{margin-bottom:5px;font-size:14px;font-weight:bold;line-height:18px;border:0}
#lnb > li > ul > li > a{padding:5px 10px 5px 30px;color:#29303a;background:url('http://www.bsseogu.go.kr/img/portal/common/lnb_s_dot_close.gif') no-repeat 20px 12px}
#lnb > li > ul > li.has-sub{background:url('http://www.bsseogu.go.kr/img/common/lnb_s_plus.png') no-repeat right 7px}
#lnb > li > ul > li.open > a{color:#0077c1;background:url('http://www.bsseogu.go.kr/img/portal/common/lnb_s_dot_open.gif') no-repeat 20px 12px;text-decoration:underline;}
#lnb > li > ul > li.has-sub.open{background:url('http://www.bsseogu.go.kr/img/common/lnb_s_minus.png') no-repeat right 7px}
#lnb > li > ul > li > ul{display:none;margin:5px 15px 10px;padding:10px 0;background:#fff}
#lnb > li > ul > li > ul > li{margin-bottom:5px;font-size:13px;font-weight:normal;border:0}
#lnb > li > ul > li > ul > li a{padding:1px 10px 1px 20px;}
#lnb > li > ul > li > ul > li.on a{color:#285da3}

/* HOME > 1depth > 2dpeth */
.cont-top {position:relative; height:61px; margin:25px 0;}
.cont-top:after{/*background:url(/common/img/tit-bg.jpg) repeat-x;*/ width:100%; height:5px; position:absolute; left:0; bottom:0; display:block; content:""}
.cont-tit h2 {display:block; font-size:30px; line-height:120%; font-weight:800; color:#29303a;  }
.cont-tit {line-height:1.2em; display:block;}
.subcon_link {position:absolute; top:15px; right:3px;}
.subcon_link a.URL_copy  { background:url(/common/img/icon_clip.png) no-repeat right 0; padding-right:15px; }
.subcon_link .fontsize {display:inline-block;}
.subcon_link .fontsize p {background:url(/common/img/icon_font.png) no-repeat 13px 4px; padding-left:28px; display:inline-block; border-left:1px solid #dedede; margin-left:11px; line-height:20px; margin-right:10px;}
.subcon_link .fontsize a {border:1px solid #dedede; display:inline-block; width:25px; text-align:center;}
.subcon_link .fontsize a:last-child{border-left:0;}

#subNavi-wrap {display:block; float:left; position:relative; z-index:900; width:240px;}
#subNavi .lm-tit {font-size:29px;font-weight:600; letter-spacing:-0.05em; background:#185bb8; color:#fff; text-align:center; position:relative; padding:50px 0px; line-height:32px; }
#subNavi .lm-tit .stxt{font-size:13px; color:#fff; font-weight:normal; display:block;}


#subNavi .leftmenu{display:block; position:relative;z-index:3 ; }
#subNavi .leftmenu:after{display:block; content:""; background:#d6d7da; width:1px; height:100% ;position:absolute; left:0; top:0; z-index:-1}
#subNavi .leftmenu:before{display:block; content:""; background:#d6d7da; width:1px; height:100% ;position:absolute; right:0; bottom:0;z-index:-1}
#subNavi .leftmenu ul {position:relative;line-height:130%;text-align:left;}
#subNavi .leftmenu ul:after {clear:both;content:"";display:block;}
#subNavi .leftmenu ul .lm_l2 {position:relative;vertical-align:top;}
#subNavi .leftmenu ul .lm_a2 { display:block;position:relative;z-index:1;font-weight:600;font-size:15px;letter-spacing:-0.05em; color:#2b2b2b;border-bottom:1px solid #d6d7da;border-left:1px solid #d6d7da; border-right:1px solid #d6d7da;padding:15px 35px 15px 25px;}
#subNavi .leftmenu ul .lm_a2.new-win span{ padding-right:20px; background:url(/common/img/icon_newwin01.png) no-repeat right 2px;}
#subNavi .leftmenu ul .is-open .lm_a2,#subNavi .leftmenu ul .over .lm_a2  {border-bottom:none;border-left:none; border-right:none;background:#353c47;font-weight:600; color:#fff;}
#subNavi .leftmenu ul .lm_l2.has-sub .lm_a2:after{ width:20px; height:20px; background:url(/common/img/icon_plus01.png) no-repeat center center; position:absolute; right:19px; top:50%;margin-top:-10px; display:block; content:""}
#subNavi .leftmenu ul .lm_l2.is-open.has-sub .lm_a2:after,#subNavi .leftmenu ul .lm_l2.over.has-sub.is-open.is-close .lm_a2:after{ width:20px; height:20px; background:url(/common/img/icon_minus01.png) no-repeat center center; right:23px}
#subNavi .leftmenu span{display:inline-block}
#subNavi .leftmenu span.new-win {background:url(/common/img/icon_newwin01.png) no-repeat center right; padding-right:25px;}
#subNavi .leftmenu ul .over .depth3 {display:block;}
#subNavi .leftmenu ul.depth3 {display:none; border-bottom:1px solid #ddd;background:#eff0f2;padding:14px 14px;font-size:14px;border-left:1px solid #d6d7da; border-right:1px solid #d6d7da;}
#subNavi .leftmenu ul.depth3 .lm_a3 {display:block;font-weight:400; position:relative; color:#29303a; font-size:14px;  letter-spacing:-0.05em; padding:5px 12px 5px 16px}
#subNavi .leftmenu ul.depth3 .lm_a3:hover span { font-weight:600;}
#subNavi .leftmenu ul.depth3 .lm_a3 span{display:inline-block;}
#subNavi .leftmenu ul.depth3 .lm_a3.new-win span{ padding-right:20px; background:url(/common/img/icon_newwin01.png) no-repeat right 2px;}


#subNavi .leftmenu ul .lm_l3 .lm_a3:before{ width:4px; height:8px; background:url(http://www.bsseogu.go.kr/img/ceo/Sub/lm-depth.png) no-repeat center center; position:absolute; left:7px; top:50%;margin-top:-3px; display:block; content:""}
#subNavi .leftmenu ul .lm_l3.has-sub .lm_a3:after{ width:20px; height:20px; background:url(http://www.bsseogu.go.kr/img/ceo/Sub/lm-3depth.png) no-repeat center center; position:absolute; right:10px; top:50%;margin-top:-10px; display:block; content:""}
#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3:after{ width:20px; height:20px; background:url(http://www.bsseogu.go.kr/img/ceo/Sub/lm-3deptho.png) no-repeat center center;}
#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3:before{  background:url(http://www.bsseogu.go.kr/img/ceo/Sub/lm-deptho.png) no-repeat center center; }
#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3{background:#818691; color:#fff !important;}
#subNavi .leftmenu ul.depth3 .lm_l3.over .lm_a3 {color:#136ccf; font-weight:600; letter-spacing:-0.05em; text-decoration:underline;}

#subNavi .leftmenu ul .lm_l3.over .depth4 {display:block;}
#subNavi .leftmenu ul.depth4 {display:none; background:#fff; padding:10px 12px}
#subNavi .leftmenu ul.depth4 .lm_a4 {display:block;font-weight:400; position:relative; color:#555; font-size:13px; padding:2px 8px 2px 8px}
#subNavi .leftmenu ul.depth4 .lm_a4.new-win span{ padding-right:20px; background:url(http://www.bsseogu.go.kr/img/portal/common/gnb_li_blank.png) no-repeat right 4px;}
#subNavi .leftmenu ul.depth4 .lm_a4 span{display:inline-block;}
#subNavi .leftmenu ul.depth4 .over .lm_a4 span, #subNavi .leftmenu ul.depth4 .lm_a4:hover span{color:#136ccf; font-weight:600; letter-spacing:-0.05em; text-decoration:underline;}


#subNavi .leftmenu ul .lm_l4 .lm_a4:before{ width:4px; height:8px; background:url(http://www.bsseogu.go.kr/img/ceo/Sub/lm-4depth.png) no-repeat center center; position:absolute; left:0; top:50%;margin-top:-3px; display:block; content:""}
#subNavi .leftmenu ul .lm_l4.over .lm_a4:before{ width:4px; height:8px; background:url(http://www.bsseogu.go.kr/img/ceo/Sub/lm-4deptho.png) no-repeat center center; position:absolute; left:0; top:50%;margin-top:-3px; display:block; content:""}


/* 하단 퀵메뉴 */
#foot_quick { position:relative; min-height:65px;}
#foot_quick:after{ height:64px;top:0; position:absolute; left:50%; margin-left:-1000px; width:2000px; z-index:-1;display:block; content:""; border:1px solid #dedede;  }
#foot_quick .inner {position:relative; height:65px;}
#foot_quick .inner .tab{ height:65px;  width:33.33333%;position:absolute; top:0; overflow:hidden; border-left:1px solid #dedede;   box-sizing:border-box; }
#foot_quick .inner .tab.c-01{ left:0; }
#foot_quick .inner .tab.c-02{ left:33.333333%;}
#foot_quick .inner .tab.c-03{ left:66.666666%; border-right:1px solid #dedede;}
#foot_quick .inner .tab.c-04{display:none;}
#foot_quick .inner .divi:last-child .fq_box {border:0;}
#foot_quick button[type='button'] {width:100%;height:67px;font-size:18px; color:#333;  text-align:left;}
#foot_quick button[type='button'] span {padding:5px 0 5px 40px; line-height:1.5em; background:url('/common/img/fplus.gif') no-repeat 90% center; display:block;}
#foot_quick button[type='button'].active span { background:url('/common/img/fminus.gif') no-repeat 90% center;}



/* 하단 */
#footer-wrap {display:block; position:relative;}
#f-baner{ position:relative; height:75px;  z-index:5; }
#f-baner:after{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:2000px; position:absolute; z-index:-1; height:74px; display:block; content:""; top:0; left:50%;margin-left:-1000px; background:#fff;}
#f-baner h3{ line-height:75px; display:inline-block; vertical-align:top; font-size:16px; color:#262d35; box-sizing:border-box;}

#f-baner .fban-ctrl{position:absolute; left:80px; top:23px;  height:30px; z-index:5; font-size:0;  }
#f-baner .fban-ctrl a{display:inline-block; width:30px; height:30px; margin:0px 1px; float:left;}
#f-baner .fban-ctrl .prev{ background:url(/common/img/sbannerbtn.png) no-repeat 0 -30px;}
#f-baner .fban-ctrl .play{ background:url(/common/img/sbannerbtn.png) no-repeat -32px 0;}
#f-baner .fban-ctrl .stop{ background:url(/common/img/sbannerbtn.png) no-repeat -32px -30px;}
#f-baner .fban-ctrl .next{ background:url(/common/img/sbannerbtn.png) no-repeat right -30px;}

.fban-slide {width:82%; position:absolute; top:20px; right:0px;}
.fban-slide li{display:inline-block; margin:0px 3px}
.fban-slide li a{ line-height:36px; letter-spacing:-0.03em; text-align:center; display:block; letter-spacing:-0.03em; position:relative;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:13px;}
.fban-slide li a img {margin:0 auto;}
.fban-slide li a:hover{text-decoration:underline}

.pc_sns { position:absolute; bottom:30px; right:0; border-right:1px solid #d0cfd3;}
.pc_sns a{float:left; border:1px solid #d0cfd3; border-right:0;}

#f-family{ position:relative; z-index:2000;}
#f-family:after{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:2000px; position:absolute; z-index:-1; height:56px; display:block; content:""; top:0; left:50%;margin-left:-1000px; background:#fff;}

#f-family li{display:inline-block; vertical-align:top; width:25% ;  margin:0;  float:left; position:relative; z-index:1; text-align:left;}

#f-family li.over{z-index:5}
#f-family li a.mn_f1{line-height:56px; display:block;letter-spacing:-0.04em; font-size:14px; color:#333; position:relative; border:1px solid #dedede; background:#fff;  box-sizing:border-box; padding:0px 15px;  border-left:0; border-bottom:0;}
#f-family li a.mn_f1:after{ right:26px; top:50%;margin-top:-5px; width:11px; height:11px; background:url(/common/img/foot-control.png) no-repeat; display:block; content:""; position:absolute;}
#f-family li.over a.mn_f1:after{background-position:0px -11px;}
#f-family li:first-child a.mn_f1 {border-left:1px solid #dedede;} 


#f-family li div.list-wrap{ position:absolute; left:0; bottom:0; width:100%; display:none;box-sizing:border-box;}
#f-family li div.list-wrap p {background:#425c79; padding:10px 10px 7px 10px; color:#fff; font-size:18px;}
#f-family li div.list-wrap .close{ width:29px; height:30px;background:url(/common/img/foot_close.png) no-repeat center center; position:absolute ; right:5px; top:5px; text-indent:-999999px;}
#f-family li div.list-gap{ background:#fff; border:1px solid #cfcfcf;}

#f-family li div ul{ font-size:13px;letter-spacing:-0.03em; color:#333; overflow:hidden; overflow-y:scroll; overflow-x:hidden; height:200px; padding:15px 10px;}
#f-family li div ul li{float:left;padding:2px 0; width:50%; box-sizing:border-box; margin:0;}
#f-family li div ul li.fju {width:100%; border-bottom:1px dashed #dedede;}
#f-family li div ul li a{display:block; padding-left:7px;  }
#f-family li div ul li a:after{background:#8a95a2; width:2px; height:2px; position:absolute; left:0 ;top:12px;display:block; content:""}

#footer { position:relative; text-align:left; padding:0px 0px 15px 0px; }
#footer:after{ background:#e6ecef; position:absolute; left:50%; top:0; width:2000px; margin-left:-1000px; display:block; content:""; height:100%; z-index:-1;}
#footer .f-link {clear:both; padding-top:15px;}
#footer .f-link li{ display:inline-block; position:relative; }
#footer .f-link li a{font-size:13px; color:#333; letter-spacing:-0.03em; display:block;  padding:0px 10px 0px 0px; margin-left:10px; border-right:1px solid #b2b4b7;  line-height:15px; height:15px;}
#footer .f-link li a:hover {text-decoration:underline;}
#footer .f-link li.per a {color:#047ed6; margin-left:0;}
#footer .f-link li:last-child a {padding-right:0; border:0; }

#footer .m_sns {display:none; }

#footer .f-info {font-size:13px; color:#333; letter-spacing:-0.03em; padding-top:10px; line-height:22px;}
#footer .f-info br {display:none;}
#footer .f-info .copy {color:#333;}









/*
================================================================================
상단메뉴
================================================================================
*/

#menu{ z-index:20;}
.logo {position:absolute;top:50px; left:0; z-index:3000; width:20%; line-height:110px; }
.logo img {margin-top:-15px;}
h6.mlogo {display:none;}

#gnb{position:relative; padding:0; z-index:20;  width:77%; padding-left:23%;  min-height:110px;line-height:1.2em;}
#mobile_gnb{display:none;}

#gnb .topmenu { }
#gnb .topmenu > li{ float:left; padding-right:17px; box-sizing:border-box; position:relative;}
#gnb .topmenu > li > a{position:relative;display:inline-block; color:#333;text-decoration:none; box-sizing:border-box; min-height:110px; line-height:110px; font-size:20px; display:block; letter-spacing:-0.05em;}
#gnb .topmenu > li > a[target="_blank"] {padding-right:20px; background:url(/common/img/icon_newwin04.png) no-repeat right 50%;}

#gnb .topmenu > li > a::after{position:absolute;left:0;  bottom:0px; width:0; height:3px; content:''; transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;background:#5380d2}
#gnb .topmenu > li > div.depth2-wrap{visibility: hidden;position:absolute;  opacity:0;overflow:hidden;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; box-sizing:border-box; height:0; box-sizing:border-box; border-left:1px solid #dedede; padding:40px 30px;}
#gnb .topmenu > li:last-child > div.depth2-wrap {border-right:1px solid #dedede;}
#gnb .topmenu.on > li > div.depth2-wrap {visibility: visible;top:110px;opacity:1; height:300px;}
#gnb .topmenu.on div.depth3-wrap {display:none;}

#gnb .topmenu > li > div.depth2-wrap h2 {color:#35393b; margin-bottom:20px; font-size:18px; letter-spacing:-0.05em; line-height:22px; font-weight:500;}
#gnb .topmenu > li.hv > div.depth2-wrap h2 {color:#fff;}
#gnb .topmenu > li > div.depth2-wrap ul li {margin-bottom:10px;}
#gnb .topmenu > li > div.depth2-wrap ul li  a {font-size:14px; font-weight:400;}
#gnb .topmenu > li > div.depth2-wrap ul li  a:hover {color:#74bfff;}
#gnb .topmenu > li > div.depth2-wrap ul li  a[target="_blank"] {padding-right:20px; background:url(/common/img/icon_newwin04.png) no-repeat right 3px;}
#gnb .topmenu div.tmenucopy {visibility: hidden; position:absolute; top:0; left:0; color:#333; background:url(/common/img/sub_commonbg.png) no-repeat right 180px; top:110px; height:0px;  width:20%; transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; overflow:hidden; visibility: hidden; box-sizing:border-box; padding:10px;}
#gnb .topmenu div.tmenucopy h2 {font-size:36px; font-weight:400; margin-bottom:20px; margin-top:40px; letter-spacing:-0.05em;}
#gnb .topmenu.on div.tmenucopy {visibility: visible; opacity:1; height:300px;}

#gnb .topmenu.n06 div.tmenucopy, #gnb .topmenu.n07 div.tmenucopy, #gnb .topmenu.n08 div.tmenucopy{display:none;}
/*메뉴가 7개인경우*/
#gnb .topmenu.n07 > li > div.depth2-wrap {width:200px; left:calc(50% - 10px); height:200px!important; transform: translateX(-50%); } 
/*메뉴가 7개인경우*/

/*메뉴가 6개인경우*/
#gnb .topmenu.n06 > li > div.depth2-wrap {width:16.66%;}
#gnb .topmenu.n06 > li#tm01 > div.depth2-wrap {position:absolute;  left:0%;}
#gnb .topmenu.n06 > li#tm02 > div.depth2-wrap {position:absolute;  left:16.66%;}
#gnb .topmenu.n06 > li#tm03 > div.depth2-wrap {position:absolute;  left:33.32%;}
#gnb .topmenu.n06 > li#tm04 > div.depth2-wrap {position:absolute;  left:49.98%;}
#gnb .topmenu.n06 > li#tm05 > div.depth2-wrap {position:absolute;  left:66.64%;}
#gnb .topmenu.n06 > li#tm06 > div.depth2-wrap {position:absolute;  left:83.33%; width:16.70%;}
/*메뉴가 6개인경우*/

/*메뉴가 5개인경우*/
#gnb .topmenu.n05 > li > div.depth2-wrap {width:16%;}
#gnb .topmenu.n05 > li#tm01 > div.depth2-wrap {position:absolute;  right:64%;}
#gnb .topmenu.n05 > li#tm02 > div.depth2-wrap {position:absolute;  right:48%;}
#gnb .topmenu.n05 > li#tm03 > div.depth2-wrap {position:absolute;  right:32%;}
#gnb .topmenu.n05 > li#tm04 > div.depth2-wrap {position:absolute;  right:16%;}
#gnb .topmenu.n05 > li#tm05 > div.depth2-wrap {position:absolute;  right:0%;}
/*메뉴가 5개인경우*/

/*메뉴가 4개인경우*/
#gnb .topmenu.n04 > li > div.depth2-wrap {width:20%;}
#gnb .topmenu.n04 > li#tm01 > div.depth2-wrap {position:absolute;  right:60%;}
#gnb .topmenu.n04 > li#tm02 > div.depth2-wrap {position:absolute;  right:40%;}
#gnb .topmenu.n04 > li#tm03 > div.depth2-wrap {position:absolute;  right:20%;}
#gnb .topmenu.n04 > li#tm04 > div.depth2-wrap {position:absolute;  right:0%;}
/*메뉴가 4개인경우*/


#gnb .topmenu > li > div.depth2-wrap {color:#fff; background:#185bb8; display:none;}
#gnb .topmenu > li > div.depth2-wrap a {color:#fff; }
#gnb .topmenu > li.hv > div.depth2-wrap {display:block;}


#gnb .topmenu > li.hv > a,
#gnb .topmenu > li.hv > a::after,
#gnb .topmenu > li > a:hover:after{ width:100%;color:#5380d2;}

.gnb_bg{z-index:-1;background:#f0f3f6 url(/common/img/subgnb_bg2.gif) no-repeat center top;width:2000px; height:0px; top:109px; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); transition:height .2s;  display:none!important;}
.gnb_bg.over { height:300px; border-top:1px solid #3c84b9; display:none!important;}



/*
================================================================================
전체메뉴
================================================================================
*/
.allmenu-slider-ovclick{position:fixed;z-index:2000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer; z-index:-1;display:block; content:"" }

#allMenu-new{position:absolute; z-index:-1; opacity:0;width:1200px;box-sizing:border-box; height:auto; left:50%;margin-left:-600px; top:0 ; display:none;}
#allMenu-new:focus {outline: none;}
#allMenu-new.fix{top:0;}
#allMenu-new .allMenu-wrap{background:#fff;padding:48px 55px 0; margin:150px 0; position:relative; }
#allMenu-new .close{ width:60px; height:60px;z-index:5; position:absolute; right:0; top:0; background: #d5393c;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#allMenu-new .close:hover{background-color:#e8393d;}
#allMenu-new .close:after{background:url(/common/img/foot_close.png )no-repeat center center; position:absolute; right:0; top:0;width:60px; height:60px; display:block; content:"";-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#allMenu-new .close:hover:after{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }


#allMenu-new .depth-box.menu{padding-left:139px; position:relative;min-height:130px; padding-top:5px;}
#allMenu-new .depth-box.menu:before{position:absolute; left:50%; height:100%;z-index:1;  width:1200px;box-sizing:border-box; margin-left:-600px; top:0; display:block; content:"";border-bottom:1px solid #9d9d9d;background:#fff; }
#allMenu-new .depth-box.menu:nth-child(even):before{background:#f0f4f7; }
#allMenu-new .depth-box.menu h3{font-weight:600; z-index:3;  color:#0b4c84;letter-spacing:-0.05em; font-size:24px; position:absolute; left:0; top:25px;padding-top:40px;}
#allMenu-new .depth-box.menu h3:before{display:block; content:"";position:absolute;font-family:'NanumS'; font-size:20px; color:#333; top:0px; left:0px; font-weight:200; border-bottom:2px solid #333;}
#allMenu-new .depth-box.menu .allmenu:last-child{}
#allMenu-new .depth-box.menu .allmenu{position:relative; min-height:30px;z-index:3; }
#allMenu-new .depth-box.menu .allmenu li{position:Relative;border-top:1px solid #dfdfdf;}
#allMenu-new .depth-box.menu .allmenu li:first-child{border-top:none;}
#allMenu-new .depth-box.menu .qm-a2{color:#fff;  font-size:16px;letter-spacing:-0.05em; padding:5px 0 5px 0px; width:30%; width:120px; display:inline-block; background:#4aa8fa; border-radius:3px; text-align:center; vertical-align:top; margin:10px 0px;}

#allMenu-new .depth-box.menu .depth3{  min-height:26px; margin-left:20px; padding:15px 0 15px 0px; display:inline-block; width:70%;margin-left:20px; }

#allMenu-new .depth-box.menu .depth3 li{display:inline-block;border:none;vertical-align:top; position:relative; margin-right:18px;  }
#allMenu-new .depth-box.menu .depth3 li:last-child{margin-right:0}
#allMenu-new .depth-box.menu .depth3 li:last-child:after{display:none;}
#allMenu-new .depth-box.menu .depth3 a{ color:#666;font-size:14px;letter-spacing:-0.07em;display:block; }
#allMenu-new .depth-box.menu .depth3 a:hover{color:#d5393c;}
#allMenu-new .depth-box.menu .depth3 a:hover span{ text-decoration:underline}
#allMenu-new .depth-box.menu .depth3 a span{display:inline-block;}
#allMenu-new .depth-box.menu .depth3 a.new-win span{ padding-right:20px; background:url(/common/img/icon_newwin.png) no-repeat right center}

#allMenu-new .depth-box.menu h3.ico-01:before{content:'01'; }
#allMenu-new .depth-box.menu h3.ico-02:before{content:'02'; }
#allMenu-new .depth-box.menu h3.ico-03:before{content:'03'; }
#allMenu-new .depth-box.menu h3.ico-04:before{content:'04'; }
#allMenu-new .depth-box.menu h3.ico-05:before{content:'05'; }
#allMenu-new .depth-box.menu h3.ico-06:before{content:'06'; }
#allMenu-new .depth-box.menu h3.ico-07:before{content:'07'; }

#allMenu-new .depth-box.text{padding-left:129px; position:relative;min-height:130px;}
#allMenu-new .depth-box.text:before{position:absolute; left:50%; height:100%; z-index:1; width:1200px;box-sizing:border-box; margin-left:-600px; top:0; display:block; content:"";border-bottom:1px solid #9d9d9d;background:#fff; }
#allMenu-new .depth-box.text:nth-child(even):before{background:#f0f4f7; }
#allMenu-new .depth-box.text .text-info{font-weight:600; z-index:3;  color:#222;letter-spacing:-0.05em; font-size:24px; position:absolute; left:0; top:20px;}
#allMenu-new .depth-box.text .text-info .btxt{background:#222 ;display:inline-block; vertical-align:top; border-radius:5px;width:38px; height:38px; text-align:center; font-size:24px; line-height:36px; color:#fff; font-weight:600;;}
#allMenu-new .depth-box.text .text-info .stxt{display:inline-block; vertical-align:top;padding:0 1px;color:#222; font-size:24px;; height:38px; line-height:36px; text-align:center;}
#allMenu-new .depth-box.text ul{position:relative;padding:20px 5px 50px 5px; z-index:3; display:inline-block; vertical-align:top; min-width:175px; }
#allMenu-new .depth-box.text li{font-size:14px; color:#666 ;margin-top:8px;}
#allMenu-new .depth-box.text li:first-child{margin-top:0;}
#allMenu-new .depth-box.text li a{ color:#666;font-size:14px;letter-spacing:-0.09em;display:block; position:relative; padding-left:10px; }
#allMenu-new .depth-box.text li a:before{width:4px; height:4px; position:absolute; left:0; top:10px; display:block; content:""; background:#222}
#allMenu-new .depth-box.text li a:hover{color:#d5393c;}
#allMenu-new .depth-box.text li a:hover span{ text-decoration:underline}
#allMenu-new .depth-box.text li a span{display:inline-block;}
#allMenu-new .depth-box.text li a.new-win span{ padding-right:20px; background:url(http://www.bsseogu.go.kr/img/portal/common/gnb_li_blank.png) no-repeat right center}

.bt-mnclose { display:none;}
.div-cont{margin:0 auto; width:98%;}
@media (max-width:1024px) {
  .div-cont{width:100%;}
}

/*
================================================================================
반응형 콘텐츠
================================================================================
*/

@media all and (max-width:1280px){
#allMenu-new{ width:100%; box-sizing:border-box; left:0; margin-left:0;}
}


@media only screen and (min-width:1025px){
		
		#header .bt-mnall{display:none;}
		/* MainNavi-wrap */


		#mainNavi-wrap { position:absolute; width:100%;display:block;z-index:5000;}
		#mainNavi-wrap .tmn-tit {display:none;}
		#mainNav {position:relative;}
		

		#allMenu{position:absolute; left:50%; top:0; width:2000px; margin-left:-1000px; top:202px; z-index:90 ;height:0 ;overflow:hidden;}
		#allMenu h3{ font-size:30px;  font-weight:600; position:relative; z-index:5; letter-spacing:-0.03em;color:#fff; text-align:center; line-height:130%;padding-top:57px; height:75px;}
		#allMenu .allmenu-bg-wrap{ position:absolute; left:0; top:0; z-index:4; width:100%;height:100%;}
		#allMenu .allmenu-bg-wrap .bg-01{ width:228px; height:136px; position:absolute; left:-228px; bottom:0; background:url(http://www.bsseogu.go.kr/img/health/Layout/allmenu-bg01.png)no-repeat center center;}
		#allMenu .allmenu-bg-wrap .bg-02{ width:228px; height:156px; position:absolute; right:-238px; top:0; background:url(http://www.bsseogu.go.kr/img/health/Layout/allmenu-bg02.png)no-repeat center center;}
		#allMenu:before{ position:absolute; left:50%; top:0; background:#136ccf; width:2000px; margin-left:-1000px; display:block; content:""; height:100%; z-index:-1; }
		#allMenu .close{ width:84px; height:84px;z-index:5; position:absolute; right:0; top:0; background: #d5393c;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		#allMenu .close:hover{background-color:#e8393d;}
		#allMenu .close:after{background:url(http://www.bsseogu.go.kr/img/health/Layout/allmenu-close.png )no-repeat center center; position:absolute; left:50%; top:50%;width:40px; height:40px; margin-left:-20px; margin-top:-20px; display:block; content:"";-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		#allMenu .close:hover:after{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }
		.allmenu{overflow:hidden;  position:relative; z-index:5}
		.allmenu dl{width:16%; float:left; margin:0 2% 2% 2%; min-height:280px;}
		.allmenu dl:hover dt{background:#53a4ff}
		.allmenu dt{background:#004ca0; height:40px; margin-bottom:20px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		.allmenu dt a{display:block; padding-left:22px; color:#fff; font-size:16px; font-weight:600; letter-spacing:-0.03em;line-height:38px;}
		.allmenu dd{margin-top:10px; padding-left:10px;}
		.allmenu dd a{display:block; color:#fff; padding-left:12px; position:relative;}
		.allmenu dd a:after{width:3px ; height:3px; position:absolute; left:0; top:9px; display:block; content:"";background:#fff;}
		.allmenu dd a span{display:inline-block; vertical-align:top; line-height:20px; position:relative;}
		.allmenu dd a span:after{background:#fff; width:0; height:1px; position:absolute ; left:0; bottom:-3px; display:block; content:"";-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		.allmenu dd a:hover span:after{width:100%;}
		.allmenu dd a span.new-win{ padding-right:20px;  background:url(http://www.bsseogu.go.kr/img/health/Layout/new-win.png) no-repeat right center; }

	}	






@media all and (max-width:1200px) and (min-width:1025px){
	.con_wrap {width:100%; position:relative; box-sizing:border-box; padding:0px 10px;}
	#subNavi-wrap { width:23%;}
	.subcontent #content {width:100%;}

.div-cont{max-width:1200px; margin:0 auto; width:100%; width:1200px;}

	
}


	@media only screen and (max-width:1024px) {
		#mainNavi-wrap {height:0!important;}
		#header{position:relative; z-index:5600;  }
		.head_box{height:85px;}
		.con_wrap {width:100%; position:relative; box-sizing:border-box; padding:0px 10px;}


.fix_bg { display: none;  position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #000;   opacity: 0.7;  z-index:4000;}


		#header .bt-allMenu {display:none;}
		#header .bt-mnall {position:absolute;display:block;z-index:9999; width:30px; height:30px; background:url(http://www.bsseogu.go.kr/img/health/Layout/bt-mnall.png)no-repeat center center; right:15px; top:70px;}
#gnb{display:none;}
#allMenu{display:none }

#mobile_gnb {display:block;}
#mobile_gnb .mobileGnb > li > a {display:block; background:#006bcf; color:#fff; font-size:17px; padding:15px 30px; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box; position:relative;}
#mobile_gnb .mobileGnb > li.on > a {background:#102741;}
#mobile_gnb .mobileGnb > li.has > a::after {content:'+'; display:block; width:15px; height:15px; position:absolute; top:12px; right:30px; color:#fff; font-weight:200; font-size:30px;}
#mobile_gnb .mobileGnb > li.has.on > a::after {content:'-'; display:block; width:15px; height:15px; position:absolute; top:14px; right:30px; color:#fff; font-weight:200; font-size:25px; font-family:'dotum';}

.depth2 > li.on > a {background:#ced6de;}
.depth2 > li.has > a::after {content:''; display:block; width:15px; height:15px; position:absolute; top:13px; right:30px; color:#fff; font-weight:200; font-size:30px; background:url(/common/img/mn_a2_off.png) no-repeat 0 0;}
.depth2 > li.has.on > a::after {content:''; display:block; width:15px; height:15px; position:absolute; top:13px; right:30px; color:#fff; font-weight:200; font-size:30px; background:url(/common/img/mn_a2_on.png) no-repeat 0 0;}


.depth2 > li > a {background:#c1c9d3; display:block; padding:10px 30px; border-bottom:1px solid rgba(0,0,0,0.2); color:#000;  position:relative;} 
.depth3 {padding:15px 15px; background:#fff;}
.depth3 > li > a { display:inline-block; padding:2px 30px;  color:#666; font-size:14px; position:relative;}
.depth3 > li > a:before {content:''; display:block; width:3px; height:3px; background:#666; position:absolute; top:12px; left:18px; }



#mobile_gnb .mobileGnb > li > a[target="_blank"] span { padding-right:20px; background:url(/common/img/icon_newwin05.png) no-repeat right center}
.depth3 > li > a[target="_blank"] span { padding-right:20px; background:url(/common/img/icon_newwin05.png) no-repeat right center}
.depth2 > li > a[target="_blank"] span { padding-right:20px; background:url(/common/img/icon_newwin05.png) no-repeat right center}



		.dv_Location .con_wrap {padding:0;}
		.dv_Location { z-index:5000; position:relative;}

		.dv_Location div.loca span {display:none; color:#fff;}
		.dv_Location div.loca span:nth-child(2) {display:block; font-size:20px; padding:0px 10px;}
		.dv_Location div.loca span:nth-child(2):after {display:none;}
		.dv_Location div.pr_sns a.print {display:none;}
		.subcon_link a.URL_copy  {display:none; }
		.subcon_link div.fontsize p {border-left:none;}
		.dv_Location div.pr_sns div.sns > a {background:url('/common/img/sssns_icon.png') no-repeat 50% 50%; }

		/* 메뉴 */	


		#header-wrap .mn-bg {display:none;}
		#mainNavi-wrap{position:Relative; z-index:10000;}
		#mainNavi {position:fixed; transition:right 0.3s ease;z-index:10000;right:-300px;overflow-y:scroll;overflow-x:hidden;top:0px;width:300px;height:100%;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;  background:#006bcf;}
		
		#mainNavi.mn-h-open {right:0;}
		
		.tmn-tit {display:block;padding:0; width:100%; background:#f2f2f2; z-index:2001; position:relative;}
		.bt-mnclose {position:absolute;right:-30px;top:0px;width:30px;height:30px; z-index:5400;border:0;background:rgba(0,0,0,0.8) url(/common/img/foot_close.png) no-repeat center center; display:block;}
		h6.mlogo {background:#fff; display:block; line-height:74px; text-align:left;  box-sizing:border-box; padding-left:30px;}
		h6.mlogo img{width:70%;}
		.langbox {background:#f2f6f6; box-sizing:border-box; position:relative; z-index:10;}
		
		.mtop-translate{ display:block; width:100%; border-bottom:1px solid #dedede; border-top:1px solid #dedede;  position:relative; box-sizing:border-box;}
		.mtop-translate .mbtn{height:50px; font-weight:400; padding:0px 30px; background:url(/common/img/mobile_arrow.png) no-repeat 260px 50%; width:100%; text-align:left;font-size:14px; letter-spacing:0;}
		

		.mtop-translate .mbtn span {background:url(/common/img/mobile_goo.png) no-repeat 0 50%; padding-left:25px; display:inline-block; line-height:50px; font-size:14px;}

		.mtop-translate .list-wrap{overflow:hidden; height:0; position:absolute; background:#31373d; width:100%; top:50px; left:0;}
		.mtop-translate ul li:first-child{border-top:0;}
		.mtop-translate ul li{border-top:1px solid #454b50}
		.mtop-translate ul li a {height:36px; line-height:36px; display:block; padding-left:20px; color:rgba(255,255,255,0.5);font-size:14px; letter-spacing:-0.05em;}
		.mtop-translate ul li a:after{display:none;}
		.mtop-translate ul li:hover a{background:#454b50;}


		.mn-bar {display:none;}
		

		



    img{max-width:100%}
    #header{background:none}
    #menu {display:none !important}

    /* 상단 */
    .head_box{min-height:75px; position:relative;}
    .head_box .logo{text-align:left;top:15px; line-height:1em; width:190px; }
    .head_box .logo a {margin-left:15px;}
	.head_box .logo img{margin-top:5px;}

    .btnMenu, .btnSearch{display:block;}
    .btnMenu{position:absolute;top:15px;right:10px;width:50px;height:50px;text-indent:-999999px;overflow:hidden;background:url('/common/img/icon_mbmenu.png') no-repeat center center; z-index:2500}
    .btnSearch{position:absolute;top:55px;right:55px;width:50px;height:50px;text-indent:-999999px;overflow:hidden;background:url('/common/img/icon_mbsearch.png') no-repeat center center; z-index:2500}

div.subtop_gnb { position:relative; height:40px; }
div.subtop_gnb:after{z-index:-1;background:#f5f5f5; width:2000px; height:50px; bottom:0; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""; border-bottom:1px solid #c1c8cc;}
div.subtop_gnb ul.sitelink {height:40px;}

div.subtop_gnb ul.sitelink li a { line-height:39px; height:39px; display:block;}
div.subtop_gnb ul.sitelink li a.on {background:#fff; border-bottom:1px solid #dedede;}
div.subtop_gnb ul.sitelink li a.on:after {content:''; display:block; width:70%; height:3px; margin:0 auto; background:#333; margin-top:-3px;}


#header .sgoogle_open {display:none;}
#header .ssear {display:none; }
#header .my_page{display:none; }




    /* 모바일메뉴 */

	.m_language{height:45px;}
	.m_language::after{display:block;clear:both;content:''}
	.m_language button{height:45px; width:100%;color:#fff;letter-spacing:0;background:url('http://www.bsseogu.go.kr/img/portal/common/m_lang_open.png') no-repeat 88% center;text-align:left; }
	.m_language button span{display:inline-block;padding:0 35px 0 20px; font-weight:700;}
	.m_language button.on{background:url('http://www.bsseogu.go.kr/img/portal/common/m_lang_close.png') no-repeat 88% center}
	.m_language #m_lang_list{position:absolute;top:42px;left:0;width:100%;background:#102741;z-index:120}
	.m_language #m_lang_list ul{padding:5px}
	.m_language #m_lang_list li a{display:block;padding:9px 15px;color:#fff;letter-spacing:0;line-height:12px;text-align:center;}
	.m_language #m_lang_list li a:hover, .m_language #m_lang_list li a:focus{color:#454b58;background:#fff}

    .mbTopLink{height:45px;}
    .mbTopLink::after{display:block;clear:both;content:''}
    .mbTopLink li{float:left;width:33.3%;text-align:center;border:1px solid #275c97;border-width:1px 1px 1px 0;}
    .mbTopLink li:last-child{border-right:0}
    .mbTopLink li a{display:block;height:45px; line-height:45px;font-size:12px;}
    .mbTopLink li:nth-child(1) a {color:#1785e6;}
    .mbTopLink li:nth-child(2) a {color:#33ccff;}
    .mbTopLink li:nth-child(3) a {color:#2fca58;}

    .btnMenuClose{position:absolute;top:0;right:0;z-index:251;}
    .btnMenuClose a{display:block;width:95px;height:95px;text-indent:-999px;overflow:hidden;background:url('http://www.bsseogu.go.kr/img/portal/common/btn_close.png') no-repeat center center;background-color:rgba(34,35,37,0.9);}

    /* 중간 */
    #container {}
    #container #content{width:100%;}
    #subContainer {padding:0;background:none}
    #subContainer #content{padding:20px 0;width:100%}
    #subContainer #content .content_inner{padding:0 15px;}
    #content .title {margin-bottom:15px;}
    #content .title .tit01 {display:none;}
    #content .title .tit02 {margin-left:0; padding-left:20px; border:0;}

    /* 하단 */
    #footer #foot_quick .fq_box li {float:none; width:100%;}
	#foot_quick .inner .tab{ border-left:none; border-bottom:1px solid #dedede;  }
	#foot_quick .inner > div.tab:nth-child(1) {border-bottom:none;}

#foot_quick .inner .tab.c-01, #foot_quick .inner .tab.c-02, #foot_quick .inner .tab.c-03{display:none; }
#foot_quick .inner .tab.c-04{display:block; width:100%;}
#foot_quick .inner .tab.c-04 button[type='button'] {width:100%;height:67px;font-size:18px; color:#333;  text-align:center; background:#f2f6f6; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
#foot_quick .inner .tab.c-04 button:before {background:url('/common/img/visitor_icon.png') no-repeat 50% 50%; content:''; width:14px; height:14px; display:inline-block; margin-right:10px;}
#foot_quick .inner .tab.c-04 button[type='button'].active span { background:url('/common/img/fminus.gif') no-repeat 90% center;}
#foot_quick .inner .tab.c-04 .foot_ul_line { overflow:hidden; overflow-y:scroll; overflow-x:hidden; height:213px; box-sizing:border-box; padding:10px;}
#foot_quick .inner .tab.c-04 dl {clear:both; margin-bottom:10px;}
#foot_quick .inner .tab.c-04 dt {border-radius:3px; background:#197abd; color:#fff; display:inline-block; padding:5px 20px;}
#foot_quick .inner .tab.c-04 dd ul {padding:0;}
#foot_quick .inner .tab.c-04 dd ul:after {display:block; width:0; height:0; clear:both; content:'';} 
#foot_quick .inner .tab.c-04 dd ul li {width:auto; margin-right:10px;}

#foot_quick02 {display:none;}


#f-family{ position:relative; z-index:4500;}
#f-family:after {content:''; display:block; clear:both;}
#f-family li{ width:50% ;  margin:0;  float:left;}
#f-family li.over{z-index:5}
#f-family li a.mn_f1{ line-height:56px; position:relative; border:1px solid #dedede;  border-radius:0;  border-left:0; border-bottom:0;}

#f-family li div ul li{float:none; width:100%;}
#f-family li div ul li a{display:block; padding-left:7px;  }
#f-family li div ul li a:after{background:#8a95a2; width:2px; height:2px; position:absolute; left:0 ;top:12px;display:block; content:""}

#footer {padding:0px 0px 15px 0px; text-align:center;}
#footer:after{ background:#34393e; }
#footer .f-link li{  position:relative; }
#footer .f-link li a{font-size:13px; color:#868686;  padding:10px 0; border:1px solid #62676f; height:auto; margin:0 2px 4px 2px; display:inline-block; box-sizing:border-box; text-align:center; width:120px;}
#footer .f-link li.per a {color:#e9c647;}
#footer .f-link li:last-child a {padding:10px 0; border:1px solid #62676f; }
#footer .m_sns {display:block; margin-top:15px; clear:both;}
#footer .m_sns a{margin:0 3px;}
#footer .f-info {font-size:13px; color:#d6d6d6; letter-spacing:-0.03em; padding-top:10px; line-height:18px;}
#footer .f-info .copy {color:#949597; font-size:11px;}
#f-baner {display:none;}
.pc_sns {display:none;}

#footer .f-info br {
    display:block;
}

#contents-wrap{padding:0 20px 20px 20px}
#subNavi-wrap {width:100%;position:relative;z-index:1000;  display:none;}
.div-cont{max-width:100%; margin:0;}

.fban-slide li a{font-size:12px; line-height:53px;}

#foot_quick .inner{height:auto !important}
#foot_quick .inner .tab{ position:relative !important;; left:auto !important;top:auto !important; width:auto !important;}




#header #ssear_div .ssear_box input[type="text"] {width:80%;}
#header #ssear_div .ssear_box input[type="submit"] {width:20%; }
#header #ssear_div p.tit {width:20%; }
#header #ssear_div .ssear_box {width:80%;}
#header #ssear_div p.fav {padding-left:20%;}
#header #ssear_div .ssear_box input[type="text"] {width:70%;}
#header #ssear_div .ssear_box input[type="submit"] {width:23%;}
}



  /* Mobile Device */
@media all and (max-width:640px){
div.subtop_gnb ul.sitelink li {width:20%; float:left; border-right:1px solid #c1c8cc; text-align:center;}
div.subtop_gnb ul.sitelink li:nth-child(6) {display:none;}
#header #ssear_div {padding-top:50px;}
#header #ssear_div p.tit {width:100%; float:none; margin:0 0 10px 0; text-align:left; margin-bottom:20px;}
#header #ssear_div .ssear_box {width:100%; float:none;}
#header #ssear_div .ssear_box input[type="text"] {width:80%; font-size:18px; float:left; margin-top:3px;}
#header #ssear_div .ssear_box input[type="submit"] {text-indent:-99999px; width:5%;}
#header #ssear_div p.fav {padding-left:0%; }
}

@media all and (max-width:500px){


}


	@media only screen and (min-width:1200px){
		.allmenu-wrap{ position:relative; width:1200px; margin:0 auto;}
		.search-slider-ovclick{display:none !important}
	}
	@media only screen and (min-width:1001px) and (max-width:1199px){ 
		.allmenu-wrap{ position:relative; width:1000px; margin:0 auto;}
	}
	@media only screen and (max-width:1150px) {
		#header .bt-allMenu {width:40px;}
		#header .bt-allMenu span{ width:40px; text-indent:9999px; padding-left:0;background-position:center center ; height:38px;}
		
	}