@charset "utf-8";

/* ==============================
 * 해운대 의회 레이아웃css
 * ============================== */

@font-face {
  font-family: 'GmarketSans';
  src: url('/font/GmarketSans/GmarketSansBold.ttf') format('woff');
  font-weight: bold;
}
@font-face {
  font-family: 'GmarketSans';
  src: url('/font/GmarketSans/GmarketSansLight.ttf') format('woff');
  font-weight: lighter;
}
/* Font */
@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Black.woff') format('woff');
	font-weight: 900;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-ExtraBold.woff') format('woff');
	font-weight: 800;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Bold.woff') format('woff');
	font-weight: 700;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-SemiBold.woff') format('woff');
	font-weight: 600;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Medium.woff') format('woff');
	font-weight: 500;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Regular.woff') format('woff');
	font-weight: 400;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Light.woff') format('woff');
	font-weight: 300;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-ExtraLight.woff') format('woff');
	font-weight: 200;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Thin.woff') format('woff');
	font-weight: 100;    
}


/* total */
a {text-decoration: none;color: black;display: block;}
#total,#wrap{position:relative;height:auto !important;font-family: 'Pretendard';font-weight: 400;}
#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:1000;}
#touchArea{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;}
#shadow_device2{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:1000;}

.wrapper{position:relative;margin:0 auto;width:1280px;}
.wrapper:after{content:"";display:block;clear:both;visibility:hidden;}
.mwrap{overflow:hidden;}
@media(max-width:1239px){
	.wrapper{width:1024px;}
}
/* ir */
.iconset{display:block;overflow:hidden;background:url(/user_res/images/common/iconset.png) no-repeat;font-size:0;line-height:0;}


/* header */
#header_group {position:relative;z-index:999; width: 100%;}
/* #top_head{position:absolute;top: 0;left:0;width:100%;height:58px;} */
.top_head_ex {width: 100%; background-color: #e7e8ea;}
.top_head_ex .top_head {width:100%;max-width: 1400px;height: 45px;margin: 0 auto;/* overflow: hidden; */font-weight: 500;font-size: 15px;position: relative;}

/*상단메뉴*/
.top_head .top_left {float: left;overflow: hidden;}
.top_head .top_left li {
    width: 105px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  background-color: #495098;
  border-left: 1px solid #fff;
  float: left;
}
.top_head .top_left li:first-child {background-color: #fff; color: #495098;font-weight: 600;}
.top_head .top_left li:nth-child(3) {width: 130px;}

/*의원 누리집 250122*/
.top_head .top_left li.nurizip {/* display: none; */}

.top_left > ul li .underLinkList1 {
  position:absolute;left:0;top:50px;
  width:500px;padding:15px;border:1px solid #ddd;box-sizing:border-box;
  background:#fff;display:none;z-index:10000;
}
.top_left > ul li .underLinkList1 li { 
  float:left; width:20%; background: unset; font-size: 15px;
}
.top_head .top_left .underLinkList1 li:nth-child(3) {width: 20%;}
.top_left > ul li .underLinkList1 li a:link,
.top_left > ul li .underLinkList1 li a:visited { width:100%; height:30px; line-height:30px; color:#333; text-align:center; display:inline-block;  }
.top_left > ul li .underLinkList1 li a:active,
.utop_left > ul li .underLinkList1 li a:focus,
.top_left > ul li .underLinkList1 li a:hover { color:#09adb6; }

.top_left .abtn_underLinkClose { width:100px ; height:30px ; line-height:30px ; border-radius:3px; background:#495098; color:#fff ; font-size:85%; text-align:center; display:block; margin:10px auto 0; }


.top_left_mobile {
  display: none;
}

.mobileLink { display:none; width:0; height:0; overflow:hidden; }

@media (max-width:900px){
  .top_left_mobile {
    display: block;
    position: absolute; top: 0; left: 0;
    width: 100px; height: 45px; line-height: 45px;
    font-size: 15px; text-align: center;
    /* border-right: 1px solid #444;  */
    background: #495098;; color: #fff;;
  }
	.mobileLink { 
    position:absolute; left:0; top:45px; 
    width:100%; height:auto; border-bottom:1px solid #666; 
    background:#fdfdfd; overflow:visible; z-index:1000; 
  }
	.mobileLink ul { padding:1px 0 0 1px; }
	.mobileLink ul li { float:left; width:calc(20% + 1px); border:1px solid #ddd; margin:-1px 0 0 -1px;  }
    	
	.mobileLink ul li a:link,
	.mobileLink ul li a:visited { width:100%; height:40px; line-height:40px; text-align:center; font-size:95%; letter-spacing:-1px; background:#fff; color:#555; display:block; }
	.mobileLink ul li a:active,
	.mobileLink ul li a:focus,
	.mobileLink ul li a:hover,
	.mobileLink ul li a.select { color:#09adb6;}
	
	.mobileLink ul li:first-child { border-left:none; } 
	.mobileLink ul li:nth-child(5n) { border-right:none; } 
	.mobileLink ul li:nth-child(5n + 1) { border-left:none; } 
	
}






.top_head .top_right {float: right;overflow: hidden;}
.top_head .top_right li {
  display: block;
  height: 100%; line-height: 45px;
  float: left; margin: 0px 10px;
}
.top_head .top_right li.youtube {
  width: 80px;
  height: 28px;
  overflow: hidden;
  margin-top: 8px;
  font-size: 0;
  text-indent: -999px;
  background: url(/council/images/common/main_icon.png) no-repeat 0px 3px;
}
#zoomOut, #zoomIn {width: 22px;height: 22px; background-color: #fff; text-align: center; line-height: 22px; border-radius: 5px;}
#nowZoom {margin: 0 10px;}

.top_head #family_site {margin-right: 0;margin-left: 20p;z-index: 9999;}
.top_head #family_site strong a:after{
  display:inline-block;
  content:"";
  width: 22px;
  height: 22px;
  border-radius: 5px;
  position:relative;
  bottom: -6px;
  right: 7px;
  margin-left: 18px;
  background: url(/council/images/common/main_icon.png) no-repeat -130px 6px #fff;
}

.top_head #family_site strong a:hover::after, .top_head #family_site strong a:focus::after,
.top_head #family_site strong a:active::after, .top_head #family_site strong a.ov::after {
  background: url(/council/images/common/main_icon.png) no-repeat -114px 5px #ffffffe1;
}

.top_head #family_site .obj {
  width: 130px;
  position: absolute;right: 0px;top: 45px;
  background: #fff; border: 1px solid #e7e8ea; border-radius:  0 0 10px 10px;
  border-top: none; overflow: hidden;
  z-index: 9999;
}
.top_head #family_site .obj li {
  width: 100%; line-height: 32px;
  border-bottom:1px solid #e7e8ea;padding: 5px 0 5px 15px; box-sizing: border-box;
  margin: 0;
}
.top_head #family_site .obj li:last-child {border-bottom: none;}
.top_head #family_site .obj li:hover {background-color: #e7e8ea; font-weight: 700; color: #495098;}
/* .top_head .top_right li.logout { position: absolute; right: -70px;} */



/*헤더 메인메뉴*/
#menu_head {background-color: #fff; width: 100%; height: 100px;border-bottom: 1px solid #e7e8e9;z-index: 999;}
#menu_head #header_pc {width: 100%; max-width: 1400px; margin: 0 auto; position: relative;}

#logo { position: absolute; left: 0; top: 25px; z-index:999;}

#header_pc #nav {/* position: relative; *//* height: 500px; */}
#blind {
  width: 500%; height:0;
  background: white;
  position:absolute; left:-100%; top: 0;
  z-index: -1;
}
#header_pc #nav #gnb{
  width: 100%;
  height:58px;
  position:absolute;
  right: 100px;
  top: 30px;
}
#header_pc #nav #gnb>.group {
  display: flex; justify-content: right; 
}
#header_pc #nav ul li {
  /* display: inline-block; */
  font-size: 21px;
  line-height: 40px;
  /* text-align: center; */
  font-weight: 600;
  position: relative;
}
#header_pc #nav ul li:hover>a>span{color: #323b94;}
/* #header_pc #nav #gnb ul li a {display:block; text-align:center; text-decoration:none;} */
#header_pc #nav ul li a span {
  padding: 37px  70px 37px 10px;
  position:relative;
}


#header_pc #nav ul.menuBox.group {position: absolute;z-index: 999;width: 100%;margin-top: 30px;}
#header_pc #nav ul li  ul.menuBox.group li {width: 100%;font-size: 18px;min-height: 40px;line-height: 22px;/* text-align: center; */padding: 0 10px;}
#header_pc #nav ul li  ul.menuBox.group li:last-child {margin-bottom: 30px;}
#header_pc #nav ul li  ul.menuBox.group li:hover {color: #323b94;font-weight: 600;text-decoration: underline;}
#header_pc #nav ul li ul.menuBox.group li a {padding: 10px 0 10px;}

#header_group .menu-box{position:absolute;right:0;top: 32px;z-index:1001;}
#header_group .menu-box a{color:#fff;}
#header_group .menu-box #open_sc{
  display:inline-block;
  margin-right: 23px;
  width:35px;
  height:35px;
  background: url(/council/images/common/main_icon.png) no-repeat  3px -21px;
  font-size:0;
  text-indent:-9999px;
  vertical-align:middle;
}
#header_group .menu-box #open_sc.ov{
  position:absolute;
  right: 53px;
  top: 1px;
  width: 30px;
  height: 30px;
  z-index:15;
  background: url(/council/images/common/main_icon.png) no-repeat  2px -80px #fff;
  rotate: 45deg;
  border-radius: 7px;
}
#header_group .menu-box .menu{display:inline-block;}
#header_group .menu-box .btn_popbox{display:none;}
#header_group .menu-box .btn_popbox a {font-size:16px;}
#header_group .menu-box #open_sitemap a{
  display:inline-block;
  width: 35px;
  height: 35px;
  background: url(/council/images/common/main_icon.png) no-repeat -32px -21px;
  font-size:0;
  vertical-align:middle;
}
/*모바일 메뉴버튼*/
#open_mn{display:none;}

/*검색버튼*/
#header_group #topsearch.hiddenSearch{display:block;}
#header_group .basic_search{display: none;position:absolute;z-index:10;top: -5px;right: 70px;}
#header_group .basic_search h2:before{display:none;}
#header_group .basic_search .search{position:relative;}
#header_group .basic_search .searchFrm input[type="search"]{padding:0;width: 259px;height: 42px;background-color:#FCFDFD;border: 2px solid #47508c;border-radius: 32px;text-indent: 15px;}
#header_group .basic_search .searchFrm input[type="submit"]{border:0px;display:inline-block;position:absolute;right: 40px;top: 4px;width: 32px;height: 35px;background: url(/council/images/common/main_icon.png) no-repeat  3px -21px;font-size:0;text-indent:-9999px;cursor: pointer;}











/* #header_2017 h1.logo,
#header_2017 h1.logo a,
#header_2017 .mob_btn,
#header_2017 .toputil,
#header_2017 .toputil .sns_link,
#header_2017 .toputil .site_code,
#header_2017 .toputil .totalsearch .btn,
#header_2017 #nav #gnb,
#header_2017 #nav #gnb ul li a span:after,
#header_2017 #nav #gnb ul li ul,
#header_2017 .toputil .sns_link ul li a
{transition : all 0.4s ease; -webkit-transition : all 0.4s ease;} */
/*????*/

#header_2017 .mob_btn {display:none;} /*????*/

#header_2017 #nav #gnb {
  margin:0 auto;
  position:absolute;
  right: 0;
  z-index:10;
  width: 100%;
}

/*
#header_2017 #nav #gnb ul li.num1 {margin-left: 80px;}


#header_2017 #nav #gnb ul li a span:after {content:""; display:block; height:4px; width:0px; position:absolute; bottom:0; left:50%;}
#header_2017 #nav #gnb ul li a.ov span {  height:58px; border-bottom:6px solid #01a1ff; font-weight:600}

#header_2017 #nav #gnb ul li ul {width: 100%;padding: 0 0 50px 0;margin-top:1px;border-right:1px solid #eee;}
#header_2017 #nav #gnb ul li:first-child ul{border-left:1px solid #eee;}
#header_2017 #nav #gnb ul li ul li:last-child {display:block; margin-bottom:-20px;}
#header_2017 #nav #gnb ul li ul li {float:none; width:auto; margin:0 0 0 0;}
#header_2017 #nav #gnb ul li ul li a {display:inline-block;vertical-align:top;font-size: 1rem;font-weight: bold;letter-spacing: -0.7px;line-height:20px;height:auto;padding: 10px 15px;font-size:17px;color: #000;text-align:left;display: block;width: 100%;}
#header_2017 #nav #gnb ul li ul li a strong {font-weight:normal;}
#header_2017 #nav #gnb ul li ul.ov li a strong{}
#header_2017 #nav #gnb ul li ul li a:hover{background: #344151;color:white;text-decoration:none}
#header_2017 #nav #gnb ul li ul li a:hover strong{color:white}

#header_2017 #nav #gnb ul li ul li ul {display:none !important;}
#header_2017 .toputil {position:absolute; right:3%; top:15px; z-index:10; padding-right:70px;}
#header_2017 .toputil:after {content:""; display:block; clear:both;}

#header_2017 .toputil .site_code {float:left; margin:21px 15px 0 15px;}
#header_2017 .toputil .site_code ul {width:auto;}
#header_2017 .toputil .site_code ul:after {content:""; display:block; clear:both;}
#header_2017 .toputil .site_code ul li {float:left; padding:0 10px; height:28px; line-height:28px; font-weight:600; color:#0261cb;}
#header_2017 .toputil .site_code ul li a {display:block; height:100%; line-height:28px;}
#header_2017 .toputil .totalsearch {position:absolute; right:-40px; top:0; overflow:hidden;}
#header_2017 .toputil .totalsearch .btn {display:block; border:1px solid #ddd; width:48px; height:48px; background:#fff url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; position:relative; z-index:10;}
#header_2017 .toputil .totalsearch .btn:hover, #header_2017 .toputil .totalsearch .btn:active {border:1px solid #8e8e8e;}
#header_2017 .toputil .totalsearch .btn.on {background:#014083 url(/user_res/images/main/health_totalsearch_close.png) no-repeat center 50%; border:1px solid #014083;}
#header_2017 .toputil .totalsearch .input {display:none; width:230px; height:48px; padding:5px 60px 5px 10px; left:1px; background:#fff; border:1px solid #ddd; position:absolute; right:0; top:0; z-index:5; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);}
#header_2017 .toputil .totalsearch .input input[type="text"] {width:100%; height:40px; line-height:48px; font-size:16px; border:0; color:#555; background:none; box-sizing:border-box;}
#header_2017 .toputil .totalsearch .input input[type="submit"] {text-indent:-9999px; overflow:hidden; width:48px; height:48px; display:block; position:absolute; right:0; top:0px; background: url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; border:0; background-size:60%;}
#header_2017 .toputil .totalsearch .input input[type="text"]::-webkit-input-placeholder {color:#555;}
#header_2017 .toputil .totalsearch .input input[type="text"]:-moz-placeholder {color:#555;}
#header_2017 .toputil .totalsearch .input input[type="text"]::-moz-placeholder {color:#555;}
#header_2017 .toputil .totalsearch .input input[type="text"]:-ms-input-placeholder {color:#555;}
*/











#header_group #lang_site a{font-size:16px;color:#fff;letter-spacing: 0px;}
#header_group #lang_site a:hover,
#header_group #lang_site a:focus,
#header_group #lang_site a:active{text-decoration:underline;background:#515c68;}
#header_group #lang_site{position: absolute;right: 0px;margin: 10px 30px;z-index: 99999;width: 100%;}
#header_group #lang_site .obj{position:absolute;right: 0px;top: 0px;padding:3px 5px;/* border:1px solid #d4d4d4; *//* background:#414244; */z-index:9999;}
#header_group #lang_site .obj a{font-size:14px;}
#header_group .wrapper .btn_logout { position:absolute; right:20px; top:15px; color:#fff}
#header_group #lang_site strong a:after{display:inline-block;content:"";position:relative;bottom:-2px;margin-left:3px;border:5px solid transparent;border-top-color:#fff;vertical-align:middle;}


/* 글로벌내비. 20161101. 20170222 */
.gn{float:left;position:relative;width:130px;/* height:40px; */color:#fff;}
.gn > a{height:50px;}
.gn a{display:block;padding: 7px 1em;color:#fff;/* font-size:12px; */background:transparent;}
.gn a.toggle.on, .gn a:hover,
.gn a:focus{background:#515c68;}
.gn a.toggle{padding: 14px 1em 10px 1em;}
.gn a.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin: 0px 10px;border:4px solid transparent;border-top-color: #fff;overflow:hidden;text-indent:100%;}
.gn a.toggle.on>.ic1{margin:-6px 10px;border-color:transparent;border-bottom-color:#73c1ea;}
#gn1c{display:none;z-index: 9999;position:absolute;top: 50px;right:0;background:#515c68;}
#gn1c ul{overflow:hidden;letter-spacing:0;}
#gn1c li{float:left;width:100%;border-bottom: 1px solid rgba(0,0,0,0.2);}
#gn1c li>a{margin:0 0 0 -1px;}




@media(max-width:1200px){
  #menu_head {height: 70px;}
  #header_group .menu-box .menu{display:none}
  #gnb{display:none;}
  #logo{top: 10px; left: 20px;}

  

	#top_head{height:70px;}	
	.mn_btn{margin-right:10px;}	
	#site_search{width:70px;height:70px;}

  /*모바일 메뉴버튼*/
	#open_mn{display:block;position:absolute;top: 7px;right: 20px;margin:0;width: 56px;height: 56px;padding: 6px;}
	#open_mn a{display:block;width: 42px;height: 42px;background: url(/council/images/common/main_icon.png) no-repeat -32px -21px;font-size: 0;background-size: 220px;}

  #open_sm a{margin-left:12px;}
  #open_sm a:first-child{margin-right:5px;}
  #site_search{position:absolute;top:0;right:0;width:75px;height:75px;z-index:1020;}
  #site_search .ir{position:absolute;top:50%;right:50%;margin:-14px -14px 0 0;width:28px;height:28px;background-position:-297px 0;transition:275ms all linear;-webkit-transition:275ms all linear;}
  #site_search .ir.search_close{margin-right:-18px;background-position:-353px 0;}

  #site_search.open input[type="submit"]{right:104px;background-position:-325px 0;}
  #site_search .keyword{overflow:hidden;position:absolute;top:0;right:75px;width:0;height:100%;background-color:#fff;transition:150ms all linear;-webkit-transition:150ms all linear;}
  #site_search.open .keyword{padding:20px 60px 20px 10px;width:230px;}
  #site_search.open .keyword .flow{position:absolute;top:20px;left:10px;line-height:35px;}
  #site_search.open .keyword #site_keyword{width:100%;height:35px;}









	#header_group #family_site {top: 10px;right: 160px;display: block !important;}
	#header_group #lang_site{right:0px; top: -55px;}
	#header_group .wrapper .btn_logout { display:none; }
    #header_2017 #nav #gnb ul li.num1 {margin-left: ;}

.m_global #close_topmenu{
	display:block;
	position:absolute;
	top: 7px;
	right: 33px;
	width:26px;
	height:25px;
	z-index: 99;
	background: url(/user_res/images/common/topmenu_close_btn1.png) no-repeat;
}
	#family_site_mobile a:hover,
	#family_site_mobile a:focus, 
	#family_site_mobile a.ov {background:#3d4065;}
	#gn2c{display:none;z-index: 9999;position:absolute;top: 44px;right:0;background:#3d4065;}
	#gn2c ul{overflow:hidden;letter-spacing:0;}
	#gn2c li{float:left;width:100%;border-bottom: 1px solid rgba(0,0,0,0.2);}
	#gn2c li>a{margin:0 0 0 -1px; font-size:14px}




    


	
	#top_head{height: 52px;position: static;/* margin-top: 41px; */background-color: #007cbc;}

	#header_group .menu-box{width: 100%;top: 52px;left: 0;}
	#header_group .menu-box #open_sc { display:none;}
	/* #header_group .basic_search {display: block;top: 36px;left: -1px;background: #007cbc;padding: 10px;width: 100%;}
	#header_group .basic_search .searchFrm input[type="search"] { width:100%;border-radius:0px; }
	#header_group .basic_search .searchFrm input[type="submit"] { } */
	
	#header_group #lang_site a{
    height: 43px;
    padding-top: 11px;
}
	#header_group #lang_site ul li{height:37px;line-height:37px;padding-left:7px;}
	#header_group #lang_site ul li a{line-height:1;}
	#header_group #family_site .obj{margin-top: 0px;width: 140px;}
	
	#header_group #family_site {display: block !important;margin: 0;left:0px;right: 0;top: -40px;z-index: 9999999;}
	#header_group #lang_site{display: block !important;margin: 0;left: 0;top: -43px;}

	#gn1c{top: 43px;}


}


/* topmenu */
#topmenu{display:none;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;right: 0;/* left:-590px; */width:590px;height:100%;background-color: #495097;z-index:1040}
#topmenu h1{display:none}
.m_global{position:relative;height: 38px;background-color: #495097;}
#topmenu .m_global .btn,
#family_site_mobile{display:inline-block;width:70px;font-size: 14px;vertical-align:middle;}
#family_site_mobile{position: absolute;top: 2px;left: 0px;width: 130px;}
#family_site_mobile strong a{color: #fff;line-height:inherit;font-size: 15px;padding: 7px;display: block;}
#family_site_mobile strong a:after{display:inline-block;content:"";position:absolute;bottom: 12px;margin-left: 59px;border: 4px solid transparent;border-top-color:#fff;vertical-align:middle;right: 6px;}
#family_site_mobile .obj{position:absolute;top: 35px;z-index:10;width:100%;}
#family_site_mobile .obj ul{background: #3d4065;}
#family_site_mobile .obj ul li {padding: 7px;text-align:left;border-bottom: 1px solid rgba(0,0,0,0.2);}
#family_site_mobile .obj ul li a{color:#fff; }
#topmenu .m_global .btn.home, #topmenu .m_global .btn.sitemap { display:none;}
.m_global .btn:link,.m_global .btn:visited{background-color:#fff;color:#999;}
.m_global .btn.en{width:40px;}
.m_global .btn:before{content:"";display:inline-block;margin-right:5px;padding-bottom:2px;width:11px;height:11px;
	background:url(/user_res/images/common/home_ico.png) no-repeat;
	vertical-align:middle;
}

#lang_site_mobile {position: absolute;top: -8px;left: 128px;}



.m_global .home:before{background-position:-40px 0;}
.m_global .sitemap:before{height:8px;background-position:-55px 0;}
.m_global .en:before{display:none;}
.m_global #close_topmenu{
	display:block;
	position:absolute;
	top: 4px;
	right:12px;
	width:26px;
	font-size: 0;
	height:25px;
	background: url(/user_res/images/common/topmenu_close_btn1.png) no-repeat;
}
#gnb_device{}
#gnb_device .th1{}
#gnb_device .th1 .th1_lnk{display:block;/* padding:19px 15px; */height: 55px;width:160px;border-bottom: 1px solid #fff;color:#fff;font-size: 17px;font-weight:bold;line-height: 55px;text-align:center;letter-spacing:-1px;}
#gnb_device .th1>b{display:none;position:absolute;top: 38px;line-height: 55px;height: 55px;left:160px;/* padding:22px 25px 22px 10px; */padding-left: 20px;width:95%;background-color:#fff;color:#333;font-size: 18px;/* line-height:16px; */}
#gnb_device .th1:first-child>b{display:block;}
#gnb_device .th1>b:before{display:block;content:"";position:absolute;left: 0px;bottom:0;width: 100%;border-bottom: 2px solid #000;z-index:2;}
#gnb_device .th1 .th1_lnk.ov{background-color: #fff;color:#132265;}
#gnb_device .th2{position:absolute;top: 93px;left:160px;width:430px;/* padding-left:20px; */height:100%;background-color:#fff;overflow:auto;}
#gnb_device .th2>li{}
#gnb_device .th2>li>a{
	display:block;
	position:relative;
	/* padding:21px 15px 21px 10px; */
	background: url(/user_res/images/common/topmenu_off.png) no-repeat 95% center;
	border-bottom:1px solid #e0e0e0;
	color:#444;
	font-size:16px;
	height: 55px;
	line-height: 55px;
	letter-spacing:-1px;
	padding: 0 20px;
}
#gnb_device .th2>li>a:hover,
#gnb_device .th2>li>a:active,
#gnb_device .th2>li>a:focus,
#gnb_device .th2>li>a.ov{background: #09adb6 url(/user_res/images/common/topmenu_on.png) no-repeat 95% center;color:#fff;}
#gnb_device .th2>li>a:hover:before,#gnb_device .th2>li>a:focus:before,
#gnb_device .th2>li>.ov:before{background-position:-30px -134px}
#gnb_device .th2>li>.current:before{background-position:-15px -134px}
#gnb_device .th2>li>.ov.current:before{background-position:-45px -134px}
#gnb_device .th3{/*padding:20px 0 20px 20px*/}
#gnb_device .th3 li{padding-left:10px;background-color:#f7f7f7}
#gnb_device .th3 li a{display:block;margin-left:10px;padding:15px 0;border-top:1px solid #e0e0e0;font-size:14px;}
#gnb_device .th3 li a:hover,#gnb_device .th3 li a:focus{color:#132265;}
#gnb_device .th3 li:first-child a{border-top:0}

@media(max-width:750px){
	#header_group{/* height: 128px; */}
	#topmenu{/* left: -340px; */width: 100%;}
	#gnb_device .th1>b:before{width: 100%;}
	#gnb_device .th1 .th1_lnk{/* padding:19px 11px; */width:120px;font-size:15px;}
	#gnb_device .th1>b,	#gnb_device .th2{left: 120px;width: calc(100% - 120px);/* padding: 20px; */}	
	#gnb_device .th2{top: 93px;}
	#gnb_device .th2>li>a{font-size:14px;/* background-position-x: 195px; */}


}

/* gnb */
#gnb{}
#gnbwrap{}
#animate{overflow:hidden;position:absolute;top: 60px;left:0;width:100%;/*height:355px;*/z-index:1000;}
#animate .skip:before{display:none;}
#gnbwrap.action #animate{border-bottom:2px solid #103a5d; }

#tnb{background: rgba(0,0,0,0.3);height: 58px;}
#tm{text-align:center;}
#tm .th1{display:inline-block;}
#tm .th1 .th1_lnk{display:block;padding: 17px 30px;color:#fff;font-size:24px;line-height:25px;transition:0.2s all linear;-webkit-transition:0.2s all linear;}
#tm .th2wrap{display:none;position:absolute;top:58px;left:0;width:100%;background-color: #fff;z-index:1;}
#tm .tit_gnb{display: none;position:absolute;top: 40px;left:50%;margin-left:-620px;width:250px;z-index:1;}
#tm .tit_gnb .img_gnb{display:block;margin:20px 0 10px 0;}
#tm .tit_gnb{color:#7d7d7d;line-height:20px;}
#tm .tit_gnb h2{font-size:22px;margin-bottom:10px;color:#F59B00;letter-spacing:-1px;}
#tm .tit_gnb h2:before{display:none;}


#tm .th2{padding: 0px;}
#tm .th2>li{float:left;/* margin-left: 0.5%; *//* margin-bottom:19px; */width: 16.6%;}
#tm .th1.no1 .th2>li{margin-bottom: 10px;}


#tm .th2>li>a{display:block;padding:11px 28px 11px 15px;color:#000;/*background:url(/user_res/images/common/th2_lnk_arr.png) no-repeat 95% 50%; border: 1px solid #e2e3e6; */font-size: 17px;font-weight: 600;text-align: left;line-height:20px;}
/*#tm .th2>li>a:hover,#tm .th2 li a:focus{background-color:#3e6e9b;color:#fff;}*/
#tm .th2>li>a:before { display:block; content:''; width:20px; height:3px; background:#103a5d; margin:10px 0}
#tm .th2>li > a[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0;content:'';}

#tm .th3{padding: 0 14px;}
#tm .th3>li{display:block;margin:5px 0;line-height:0;}
#tm .th3>li a{display:block;position:relative;padding-left:9px;color:#6c6d6f;font-size: 15px;letter-spacing:-0.07em;line-height:18px;text-align: left;}
#tm .th3>li>a:hover,#tm .th3 li a:focus{background-color:transparent;color:#f59b00;text-decoration:underline}
#tm .th3>li a:before{content:"";display:inline-block;position:absolute;top:7px;left:0;width:3px;height:3px;background-color:#888;}
/*
#tm .th1:first-child .th2wrap{display:block;}
*/
@media(max-width:1359px){
	#tm .th1 .th1_lnk{padding:25px 10px;}
}
@media(max-width:1239px){	
	#tm {display:none;}
}


/* snb  서브페이지 사이드메뉴*/
#subContainer .ir{
  overflow: hidden;
  background: url(/user_res/images/common/ir.png) no-repeat;
  font-size: 0;
  line-height: 0;
}

#snb{float:left;}
#snb{position:relative;margin: 25px 0;margin-right: 3%;width: 19%;}
#snb h1{/* position:relative; */padding: 5px 15px;font-size: 40px;font-weight: normal;letter-spacing: -0.1em;text-align:center;z-index:1;word-wrap:break-word;word-break:keep-all;/* border-bottom: 2px solid #344b60; */}

#snb h1 span{display:inline-block;line-height: 42px;vertical-align:middle;padding: 23px 0;word-wrap:break-word;word-break: break-all;}


#sidemenu .sidebar-menu{position:relative;}
#sidemenu .sidebar-menu>li {line-height:0;border: 1px solid #e0e0e0;margin-bottom: 8px;border-radius: 10px;overflow: hidden;}
#sidemenu .sidebar-menu>li a.lnk_2th{display:block;position:relative;color:#333;font-size:15px;line-height:20px;word-wrap:break-word;word-break:keep-all;background:url(/user_res/images/common/link_2th_arr.png) no-repeat 95% 50%;}
#sidemenu .sidebar-menu>li a.lnk_2th:link,
#sidemenu .sidebar-menu>li a.lnk_2th:visited {display:block;padding: 14px 35px 14px 15px;color:#555;font-size:17px;line-height:20px;}
#sidemenu .sidebar-menu>li a.lnk_2th:hover,
#sidemenu .sidebar-menu>li a.lnk_2th:focus,
#sidemenu .sidebar-menu>li a.lnk_2th:active {background:url(/user_res/images/common/link_2th_ov_arr1.png) no-repeat 95% 50%;color: #00868d;}
#sidemenu .sidebar-menu>li.active {border: 1px solid #09adb6;}
#sidemenu .sidebar-menu>li.active a.lnk_2th:link,
#sidemenu .sidebar-menu>li.active a.lnk_2th:visited,
#sidemenu .sidebar-menu>li.active a.lnk_2th:focus,
#sidemenu .sidebar-menu>li.active a.lnk_2th:hover,
#sidemenu .sidebar-menu>li.active a.lnk_2th:active{background: #09adb6 url(/user_res/images/common/link_2th_ov_arr.png) no-repeat 95% 50%;color:#fff;}


#sidemenu .treeview-menu{display: none;padding:15px 5px;/* background-color: #f7f8fa; */}
#sidemenu .treeview-menu.menu-open{display:block}
#sidemenu .sidebar-menu>li.active .treeview-menu{display:block;}
#sidemenu .treeview-menu>li {margin:0;padding:0;}

#sidemenu .treeview-menu>li a{position:relative;display:block;margin:0;padding: 5px 11px;color:#5a5a5a;font-size: 15px;line-height:18px;}
#sidemenu .treeview-menu>li a:link,
#sidemenu .treeview-menu>li a:visited{display:block;line-height:18px;}
#sidemenu .treeview-menu>li a:hover,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li.active a:link,
#sidemenu .treeview-menu>li.active a:visited,
#sidemenu .treeview-menu>li.active a:focus,
#sidemenu .treeview-menu>li.active a:hover,
#sidemenu .treeview-menu>li.active a:active{text-decoration:underline;}

#sidemenu li a[target="_blank"] { position:relative; display:inline-block; }
#sidemenu li a[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0;content:'';}

#sidemenu .treeview-menu>li a:hover,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li a:active{text-decoration:underline;}




#contents{float:right;padding:50px 0;width: 78%;}
#ti_box{position:relative;padding-bottom: 25px;border-bottom: 2px solid #344b60;margin-bottom: 25px;}
#tit_cont{color:#000;font-size: 35px;padding-top: 19px;font-weight: normal;line-height:30px;}

#navi,#sns {display:inline-block;float:left;line-height:0;}
#navi {position:absolute;top: -20px;left: 5px;}
#navi:after {display:block;content:"";clear:both;visibility:hidden;}
#navi a {display:inline-block;float:left;line-height:16px;vertical-align:middle;font-size: 14px;}
#navi a:before {content:">";display:inline-block;margin: 0 9px;width:5px;height:16px;background:url(/user_res/images/common/navi_arr.jpg) no-repeat 0 50%;font-size:0;line-height:0;vertical-align:middle;}
#navi a.navi_home {width: 19px;height: 19px;background:url(/user_res/images/common/navi_home.jpg) no-repeat;font-size:0;line-height:0;}
#navi a.navi_home:before {display:none;}

/*sns*/
#sns { position:absolute; right:0; top:30px; }
#sns>.ir {display:inline-block;width: 32px;height: 30px;}
#sns .print {margin:0;background-position: -100px -1px;border: 1px solid #ddd;}
#sns .sns {background-position: -34px -1px;border: 1px solid #ddd;}

/*#naviSNS {position:absolute;top: -5px;right: 78px;padding:7px 10px;background-color:#fff;border:1px solid #bebebe;width: 118px;}
#naviSNS:before {content:"";display:block;position:absolute;top: 16px;right: -8px;width:11px;height:6px;background:url(/user_res/images/common/navisns_arr.png) no-repeat;transform: rotate(90deg);}
*/
#naviSNS {position:absolute;top:39px;right:6px;padding:7px 10px;background-color:#fff;border:1px solid #bebebe;width: 120px;}
#naviSNS:before {content:"";display:block;position:absolute;top:-6px;right:1px;width:11px;height:6px;background:url(/user_res/images/common/navisns_arr.png) no-repeat;}
#naviSNS .iconset {display:inline-block;margin-left:2px;width: 27px;height: 26px;font-size:0;line-height:0;}
#naviSNS .iconset:first-child {margin-left:0;}
#naviSNS .fb {background-position: -50px -156px;}
#naviSNS .tw {background-position: -80px -156px;}
#naviSNS .ka {background-position: -110px -156px;}




/*추가*/
#share {display:inline-block;float:left;line-height:0;}
#share { position:absolute; right:109px; top:30px; }
#share>.ir {display:inline-block;width: 32px;height: 30px;}
#share .share {margin:0;background-position: -67px -1px;border: 1px solid #ddd;}
#share_slide {position:absolute;top: 39px;right:-109px;padding: 13px;background-color:#fff;border:1px solid #bebebe;width:278px;}
#share_slide:before {content:"";display:block;position:absolute;top:-6px;right:110px;width: 17px;height:6px;background: url(/user_res/images/common/navisns_arr.png) no-repeat;}
.link_ipt{display:block;position:relative;padding-right:60px}
.link_ipt .form-control{width: 79%;height: 27px;padding: 0 10px;border-color:#bcc2ce;background:#bcc2ce;font-weight:300;font-size:0.875em;line-height:1.7857em;color:#2e343f;letter-spacing:-0.03571em;}
.link_ipt .form-control:hover,#side .snav_util .link_ipt .form-control:focus{border-color:#bcc2ce !important}
.link_ipt .input-btn{position:absolute;top: 19px;right: 0px;color: #fff;padding: 10px;}
.link_ipt .input-btn > a{padding:5px 10px;background:#2e343f;text-align:center;}
.link_ipt .input-btn i[class*="xi-"]{font-size:1.875em;line-height: 21px;color:#fff;}


#zoom {display:inline-block;float:left;line-height:0;}
#zoom {position:absolute;right: 73px;top:30px;}
#zoom >.ir {display:inline-block;width:32px;height:30px;}
#zoom .font {background-position: -1px -1px; border:1px solid #ddd;}
#zoom_slide {position:absolute;top: 39px;right: 0px;padding: 10px;background-color:#fff;border:1px solid #bebebe;width: 181px;}
#zoom_slide:before {content:"";display:block;position:absolute;top:-6px;right: 3px;width: 17px;height:6px;background: url(/user_res/images/common/navisns_arr.png) no-repeat;}
#zoom_slide .ir {display:inline-block;margin-left:2px;width:25px;height:25px;font-size:0;line-height:0;}
#zoom_slide .ir:first-child {margin-left:0;}
#zoom_slide .fontsize_close {background-position:-34px 0px;}
#zoom_slide a { display:inline-block; border:1px solid #eee; border-radius:50%; width:35px; height:35px; }
#zoom_slide a.on { background:#105fb8; color:#fff; }
#zoom_slide a.option1 {font-size: 17px;padding: 16px 0px 0 7px;}
#zoom_slide a.option2 {font-size: 19px;padding: 16px 0px 0 7px;}
#zoom_slide a.option3 {font-size: 21px;padding:16px 0px 0 6px;}
#zoom_slide .head_fontsize { } 

/* 전체 사이트 텍스트 사이즈 조정 */

#textSize{display:inline-block;height: 23px;margin-right: 28px;position:relative;}
#textSize:after{content:'';position:absolute;top: 6px;right: -15px;display:block;height: 18px;width:2px;background-color: #b2b2b2;}
#textSize li{display:inline-block;height: 31px;line-height: 28px;font-size: 14px;}
#textSize li:nth-child(2){line-height: 32px;vertical-align: top;}
#textSize li a{line-height: 23px;color: #2e2e2e;font-size: 37px;font-weight: 700;}
#textSize li a:hover{color: #ef5705;}


@media(max-width: 1250px){
	#snb{display:none;}
	#contents{float:none;width:100%;}
	#navi,#sns{float:none;vertical-align:middle;}
	#naviSNS{/* bottom:-50px; *//* width:95px; *//* text-align:left; */}
}
@media(max-width:1023px){
	#tit_cont{margin-bottom:15px;width:100%;text-align:center;letter-spacing: -0.02em;font-size: 30px;}
}

@media(max-width:767px){
	#contents{margin-top:60px}
	#tit_cont {margin-bottom:0;}
	#ti_box {padding-bottom: 20px;}
}
@media(max-width:640px){
	#sns{top: -51px;}
	#share{top: -51px;}
	#zoom{top: -51px;}
	#navi {/*top: -35px;*/ display:none;}
}


/*------------------------- footer --------------------------*/
#footer {z-index: 10;background-color: #f8f8f8;}
#footer .footer_info {padding-bottom: 24px;}


/* 푸터 상단 - 사이트 이동 */
.site_link {display: block; width: 100%; margin: 0;}
.site_link .wrap {
  width: 1400px;
  margin: 0px auto;
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
}

.sitelink_cont {
  display: block;
  width: 18%;
  padding: 10px 0;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  position: relative;
}

.sitelink_cont h3 {display: block; width: 100%; padding: 10px 7px 5px;}
.sitelink_cont h3 button {
  display: block;
  margin: 0 6%;
  padding: 0;
  background: url(/council/images/common/footer_up.png) no-repeat right 50%;
  background-size: 12px;
  border: none;
  color: #666;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  width: 90%;
}
.sitelink_cont .layer {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  padding: 0;
}


.sitelink_cont.department_sitelink .layer .close {
  display: none;
  position: absolute;
  bottom: 71px;
  right: -131px;
  width: 60px;
  height: 48px;
  background: #000;
  font-size: 0;
  line-height: 0;
  z-index: 200;
}
.link_part strong {
  display: block;
  width: 88%;
  height: 50px;
  padding: 0 0 0 12%;
  color: #fff;
  line-height: 50px;
}

.link_part ul a {
  display: block;
  padding: 2px 0 0 15px;
  background: url(/user_res/images/mayjor/main/site_link_bul.gif) no-repeat 6px 9px;
  font-size: 16px;
  line-height: 18px;
}

.depart_link {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 390px; height: auto; min-height: 125px;
  border-radius: 10px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #e8e8e8;
}
.site_link .wrap>div:last-child .depart_link {left: unset; right: 0;}

.depart_link .inner { height: 100%;}
.depart_link .organ_ti {
  width: auto;
  padding: 12px 15px 9px;
  line-height: inherit;
  background: #09adb6;
  border-radius: 50px;
}

.depart_link .organ_ti strong {
  display: block;
  width: 100%;
  height: 19px;
  padding: 0;
  color: #fff;
  font-size: 19px;
  line-height: 20px;
  text-align: center;
}
.depart_link .organ_list {width: 98%;margin: 0 auto;height: 240px;overflow-y: auto;margin-top: 10px;}
.depart_link .organ_list::-webkit-scrollbar {width: 8px;}
.depart_link .organ_list::-webkit-scrollbar-thumb {
  height: 30%; 
  background: #ccc; 
  border-radius: 10px;
}
.depart_link .organ_list::-webkit-scrollbar-track {background: #f3f3f3;}

.depart_link .organ_list li {
  display: block; width: 48%;
  color: #333; text-align: left;
  float: left; margin: 5px 1%;
  position: relative;
}
.depart_link .organ_list li a::before {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #09adb6;
}

.depart_link .organ_list li a.ml10{margin-left:0;}
.depart_link .organ_list li.cl{clear:inherit;}

.depart_link .organ_list li a{
  padding-left: 10px;
}
.depart_link .organ_list li a:hover {color: #09adb6;}

.depart_link .organ_list li a::after {
  opacity: 0;
  content: '';
  display: inline-block;
  position: absolute;
  margin-left: 7px;
  width: 18px;
  height: 21px;
  background: url(/council/images/common/footer_icon.png) no-repeat;

  transition: all 0.5s;
}
.depart_link .organ_list li a:hover::after {
  visibility: visible;
  opacity: 1;
}

/*푸터 하단 - 사이트정보*/
#footer .footer.wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin: 0px auto;
  letter-spacing: 0;
}
#footer .footer_logo {
  width: 195px;
  height: 46px;
  background: url(/council/images/common/header_logo.png) no-repeat;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.footer_cont {width: 80%;}
.footer_navi {display: block;/* margin: 0; */padding-bottom: 25px;overflow: hidden;}
.footer_navi li { display: inline-block; float: left;margin-right:30px;}
.footer_navi li.privacy a {color: #00549c;}

.footer_navi li a {
  display: block; padding: 2px 0 0 0;
  color: #484848; font-size: 16px; line-height: 16px;
}

.footer_info address {
  color: #484848;
  font-size: 15px;
  line-height: 17px;
}
.footer_info address span {
  display: inline-block;
  margin: 0 0 0 15px;
}
.footer_info p {
  margin: 2px 0 0 0;
  color: #797979;
  font-size: 13px;
  line-height: 23px;
}

.footer_info .copyright { margin: 24px 0 15px;}
.footer_info .copyright span { color: #3e85c2;}
.footer_info p.mail_info { margin: 7px 0 0 0;}




@media all and (max-width: 1400px) {
  .site_link .wrap {width:100%;}
  .sitelink_cont {width: 19.5%;}
  .site_link { height: auto;}
  .site_link h2 { display: none;}
  
  .depart_link .inner {width: 100%;}
  .depart_link .organ_ti{margin-bottom: 15px;}
  .depart_link .organ_ti strong{font-size: 18px;}

}

@media all and (max-width: 1200px) {
  .site_link .wrap {padding: 20px;}
  #footer .footer.wrap {width: 100%;padding: 20px;}
  #footer .footer_info {padding-left: 0px;}
  #footer .footer_logo {left: 20px;top: 20px;}
  #footer .footer_cont {width: calc(100% - 220px);}
}



@media all and (max-width: 900px) {
  .top_head .top_left {display: none;}
  .top_head .top_right li.display_zoom {display: none;}

  .site_link .wrap {padding: 0; flex-wrap: wrap;}
  .sitelink_cont {width: 33.3%;border-radius: 0; border: 0;border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
  .site_link .wrap .sitelink_cont:nth-child(4), .site_link .wrap .sitelink_cont:nth-child(5) {width: 50%;border-bottom: 1px solid #e2e2e2;}
  .depart_link {width: 100%;bottom: 49px;border: 1px solid #09adb6;border-radius: 0;}
  .depart_link .organ_ti {width: 100%;border-radius: 10px;}
  .depart_link .organ_ti strong {font-size: 16px;line-height: 18px;height: auto;}
  .depart_link .organ_list li {width: 100%;margin: 9px 0;}
  /* .sitelink_cont.department_sitelink .layer .close { display: block; } */

  #footer .footer.wrap {display: block;}
  #footer .footer_cont {width: 100%;padding-top: 30px;}

}



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

  #open_mn {right: 5px;}
  #header_group #family_site .obj {width: 130px;}

  .site_link {border: none;}
  .site_link .wrap {
    padding: 1px 0 0 0;
  }
  .site_link .sitelink_cont {
    width: 50%;
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
  }
  .site_link .sitelink_cont:nth-child(odd) {
    width: calc(50% - 1px);
    border-left: 1px solid rgba(255,255,255,0.2);
  }
  .site_link .sitelink_cont h3 button {
    background-position: 95% 50%;
    font-size: 13px;
  }

  .link_part ul a {font-size: 14px;}
  .depart_link .organ_list li {margin: 5px 0;}

}




                                                            
/*
================================================================================
서브 레이아웃
================================================================================
*/

#subContainer{width: 1200px;margin: 0 auto;}

.sub_vusual_wrap{width: 100%;height: 320px;background: url(/user_res/images_council/sub/sub_tit_visual_03.jpg) center top no-repeat;background-attachment: fixed;}
.sub_vusual_wrap .visual_txt{padding-top: 280px;text-align: center;}
.sub_vusual_wrap .visual_txt span{color: #fff;display: block;margin-bottom: 10px;}



/*
================================================================================
메인, 서브레이아웃 반응형
================================================================================
*/



/* Pc Device */
@media all and (min-width:1240px){
.sub_vusual_wrap .contentBox{width: 1280px}

}


 /* Tablet Device */
@media all and (max-width: 1239px){

#subContainer{width: 100%;padding: 0 10px}
#contents{float:none;width:100%;}

}

 /* Mobile Device */
@media all and (max-width: 767px){

.sub_vusual_wrap{display: none;}

}               


 
/*추가 header*/
/** Animation **/
/*
@media screen and (max-width: 1690px) {
  #header_2017 #nav #gnb{max-width:1000px; width:100%}
    #header_2017 #nav #gnb ul li{width:14%;}
    #header_2017 #nav #gnb ul li a span{font-size:18px}
  #header_2017 #nav #gnb ul li.num1{margin-left:150px;}
}
@media screen and (max-width: 1325px) {
    #header_2017 #nav #gnb{padding-left:60px;}
  #header_2017 #nav #gnb ul li.num5{width:16%;}
  #header_2017 #nav #gnb ul li ul li a strong{font-size:16px}
    #header_2017 #nav #gnb ul li{width: 12%;}
  #header_2017 #nav #gnb ul li.num1{margin-left: 260px;}
}

@media screen and (max-width: 1060px) {

  #header_2017 #nav #gnb ul li{width:14%;}
  #header_2017 #nav #gnb {display: none;}
}


@media screen and (max-width: 770px) {
      #header_2017 #nav{display:none}
      #logo{margin-left:10px;}
}                                                                                                        */