@charset "utf-8";

/* new_mob_header*/

#mob_menu{display:none;}
.mask{display:none;}
@media(max-width:767px){
#mob_menu{display:block;}
.mask{  position: fixed; top: 0; left: 0;  z-index: 900; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
}


#top_head .wrapper{overflow:inherit !important;}

#menu-toggle{float:right; top:17px; z-index:990;}

#menu, .sub-menu {
  display: none;
  list-style: none;
  z-index:99999;
}
#menu{
	width:280px;
	position:fixed;
	top:60px;
	right:0;
	height:70%;
	background:rgba(21, 33, 65);
	overflow-y:scroll;
}
#menu li {

}
#menu li a{padding: 16px 7% 15px;display: block;border-bottom: 1px solid #263355;color:#fff; font-size:18px;}
#menu li a:hover{background:#5c94e2;}
#menu li .sub-menu{padding:10px 0; background:#fff;}
#menu li .sub-menu li a{background:#fff; font-size:15px; color:#333; padding:10px 10% 9px; border-bottom:0;}
#menu li .sub-menu li a:before{width:3px; height:3px; background:#369ec6; display:block; float:left; margin:8px 3px 0 0 ; content:'';}
#menu li ul li ul{margin-left:20px}
#menu li ul li ul li a{padding-bottom: 0 !important;font-size: 14px !important;}
#menu li ul li ul li a:before{width: 8px !important;}

/*Change toggle size by adjusting width & height*/
.tb-menu-toggle {
  border: 0;
  position: relative;
  background: transparent;
  cursor: pointer;
}

/*Change toggle color here*/
.tb-menu-toggle i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  -webkit-transition:all .2s;
   -moz-transition:all .2s;
     -o-transition:all .2s;
        transition:all .2s;
}
.tb-menu-toggle i:nth-child(2) {
  top: 40%;
}
.tb-menu-toggle i:nth-child(3) {
  top: 80%;
}

/* Style the active toggle here */
.tb-menu-toggle.tb-active-toggle i {  }

/*Animation of the toggle*/
.tb-menu-toggle.tb-animate-toggle i:first-child,
.tb-menu-toggle.tb-animate-toggle i:nth-child(2){ 
  top: 40%;
  -webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
} 
.tb-menu-toggle.tb-animate-toggle i:nth-child(3){ 
  top: 40%;
  -webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
}

/* new mob header */


/* total */
#total,#wrap{position:relative;}
#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;max-width: 1200px;width: 100%;}
.wrapper:after{content:"";display:block;clear:both;visibility:hidden;}

@media(max-width:1239px){
	.wrapper{/* width:1024px; */}
}
@media(max-width:1023px){
	.wrapper{width:100%;padding:0 10px;}
}

/* ir */
.ir{display:block;overflow:hidden;background: url(/board/download.dongnae?boardId=BBS_0000248&menuCd=DOM_000000110014000000&startPage=1&dataSid=802986&command=update&fileSid=265786) no-repeat;font-size:0;line-height:0;}



/* header 
#header_group{position:relative;z-index:999;width: 100%;max-width: 800px;}
#top_head{position: relative;top: 0;left:0;width:100%;height: 35px;display:none}

#top_head .wrapper{height:100%;}
#logo{float:left;position:relative;margin: 10px 0 0 291px;z-index:1010;width: 360px;}
#logo.mob{display:none}
#logo .ir{width: 360px;height: 44px;background: url(../images/common/logo.png) no-repeat;}
.mn_btn{float:right;position:relative;margin:23px 100px 0 0;height:28px;z-index:1010;}
.mn_btn a{display:inline-block;font-size:15px;font-weight:bold;line-height:16px;vertical-align:middle;}
.mn_btn a:link,.mn_btn a:visited{color:#dfe1e3;}
.mn_btn a:hover,.mn_btn a:focus{text-decoration:underline;}
.mn_btn .ir{width:28px;height:28px;background-position:-269px 0;}
.mn_btn .ir.home{background-position:-241px 0;}
#open_mn{display:none;}
#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 .menu-box{position:absolute;right:0;top: 84px;z-index:1001;}
#header_group .menu-box a{color:#fff;}
#header_group #topsearch.hiddenSearch{display:block;}
#header_group .basic_search{display:none;position:absolute;z-index:10;top: -8px;right:25px;}
#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:295px;height:38px;background-color:#FCFDFD;border:1px solid #ccc;border-radius:30px;text-indent:10px;}
#header_group .basic_search .searchFrm input[type="submit"]{border:0px; display:inline-block;position:absolute;right:40px;top:10px;width:21px;height:21px;background:url(../images/common/btn_search.png);font-size:0;text-indent:-9999px;}

#header_group .menu-box #open_sc{display:inline-block;margin-right:35px;width:20px;height:20px;background:url(../images/common/search-ico.png);font-size:0;text-indent:-9999px;vertical-align:middle;}
#header_group .menu-box #open_sc.ov{position:absolute;right:3px;top:2px;z-index:15;background:url(../images/common/search-close-ico.png) no-repeat 50% 50%;}
#header_group .menu-box .menu{display:inline-block;margin-right:35px;vertical-align:middle;}
#header_group .menu-box .btn_popbox{display:none;}
#header_group .menu-box .btn_popbox a{font-size:16px;}

#header_group #family_site a{font-size:16px; color:#fff;  }
#header_group #family_site a:hover,
#header_group #family_site a:focus,
#header_group #family_site a:active{text-decoration:underline;}

#header_group #family_site{position:relative;float:left;margin:20px 30px; }
#header_group #family_site .obj{position:absolute;left:0;bottom:-100px;padding:3px 5px;border:1px solid #d4d4d4;background:#414244;z-index:9999}
#header_group #family_site .obj a{font-size:14px;}


#header_group #lang_site a{font-size: 14px;color: #999999;}
#header_group #lang_site a:hover,
#header_group #lang_site a:focus,
#header_group #lang_site a:active{text-decoration:underline;}

#header_group #lang_site{position:relative;float:right;margin: 10px 0;border-left: 1px solid #d8d7d7;padding-left: 20px;line-height: 13px;}
#header_group #lang_site .obj{position:absolute;left: 14px;bottom: -72px;padding:3px 5px;border:1px solid #d4d4d4;background:#414244;z-index:9999;}
#header_group #lang_site .obj a{font-size:14px;}

#header_group #lang_site2 a{font-size:14px;color: #999999;}
#header_group #lang_site2 a:hover,
#header_group #lang_site2 a:focus,
#header_group #lang_site2 a:active{text-decoration:underline;}

#header_group #lang_site2{position:relative;float:right;margin: 10px 20px 10px 0;line-height: 13px;}
#header_group #lang_site2 .obj2{position:absolute;left:0;bottom: -71px;padding:3px 5px;border:1px solid #d4d4d4;background:#414244;z-index:9999;}
#header_group #lang_site2 .obj2 a{font-size:14px;}

#header_group #family_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;}
#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;}
#header_group #lang_site strong2 a:after{display:inline-block;content:"";position:relative;bottom:-2px;margin-left:3px;border:5px solid transparent;border-top-color:#fff;vertical-align:middle;}
#header_group .menu-box #open_sitemap a{display:inline-block;width:20px;height:20px;background:url(../images/common/sitemap-ico.png) no-repeat 0 3px;font-size:0;text-indent:-9999px;vertical-align:middle;}

*/

@media(max-width:1359px){
	#logo{margin-left:10px;width: 167px;}
}

@media(max-width:1239px){
	/*#header_group{position:static;}*/
	#header_group .basic_search .searchFrm input[type="search"]{width:220px;}
	#top_head{height:70px;}
	.mn_btn{margin-right:10px;}
	#site_search{width:70px;height:70px;}
	#logo .ir{width: 150px;height: 44px;background: url(/images/media/logo.gif) no-repeat;margin-top: 7px;background-size: 150px;}
}

@media(max-width:1023px){

}


@media(max-width:767px){

	#gnb{display:none;}
	/*#logo{position:absolute;left:50%;top:5px;margin:0 0 0 -104px;}*/
	#logo{margin: 5px 0 0 0px;}
	#logo.mob{display:block}


	#top_head{height: 60px;position: static;}
	#open_mn{display:block;position:absolute;top: 7px;right: 13px;margin:0;width: 45px;height: 45px;background-color: #6aa8d9;}
	#open_mn a{display:block;padding-top: 22px;width:100%;height:100%;}
	#open_mn .ir{display:block;margin: -15px auto 0 auto;width: 38px;height: 32px;background-position: -517px 6px;}
	#open_sm {display:none;}
	#header_group .menu-box{width: 100%;top: 70px;}
	#header_group .menu-box #open_sc { display:none;}
	#header_group .basic_search {display:block;top:0px;right:0px;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 .menu{display:none}
	#top_head .wrapper{border-bottom: 1px solid #cccccc;padding-bottom:10px;overflow:hidden;padding: 0 20px;width: calc(100% - 40px);}

}


/* topmenu */
#topmenu{display:none;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;left:-590px;width:590px;height:100%;background-color:#2a313e;z-index:1040}
#topmenu h1{display:none}
.m_global{position:relative;padding:16px 20px 13px 20px;height:70px;background-color:#f3f3f3}
#topmenu .m_global .btn,
#lang_site_mobile{display:inline-block;padding:10px 0;width:70px;background:#fff;border:1px solid #ddd;font-size:12px;line-height:14px;text-align:center;vertical-align:middle;}
#lang_site_mobile{position:relative;width:70px;}
#lang_site_mobile strong a{color:#999;line-height:inherit;}
#lang_site_mobile .obj{position:absolute;bottom:-69px;z-index:10;width:100%;}
#lang_site_mobile .obj ul{padding:5px;background:#414244;border:1px solid #d4d4d4;}
#lang_site_mobile .obj ul li a{color:#fff;}

.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(../images/common/home_ico.png) no-repeat;
	vertical-align:middle;
}
.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:22px;right:12px;width:26px;height:25px;
	background:url(../images/common/topmenu_close_btn.png) no-repeat;
}
#gnb_device{}
#gnb_device .th1{}
#gnb_device .th1 .th1_lnk{display:block;padding:19px 15px;width:160px;border-bottom:1px solid #555a65;color:#fff;font-size:16px;font-weight:bold;line-height:20px;text-align:center;letter-spacing:-1px;}
#gnb_device .th1>b{display:none;position:absolute;top:70px;left:160px;padding:22px 25px 22px 10px;width:95%;background-color:#fff;color:#333;font-size:16px;/* line-height:16px; */}
#gnb_device .th1:first-child>b{display:block;}
#gnb_device .th1>b:before{display:block;content:"";position:absolute;left: 20px;bottom:0;width: 100%;border-bottom: 2px solid #000;z-index:2;}
#gnb_device .th1 .th1_lnk.ov{background-color: #ddd;color:#132265;}
#gnb_device .th2{position:absolute;top:130px;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(../images/common/topmenu_off.png) no-repeat 90%;
	border-bottom:1px solid #e0e0e0;
	color:#444;
	font-size:16px;
	line-height:16px;
	letter-spacing:-1px;
}
#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: #f59b00 url(../images/common/topmenu_on.png) no-repeat 90%;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:767px){
	#topmenu{left: -430px;width: 430px;}
	#gnb_device .th1>b:before{width: 260px;}
	#gnb_device .th1 .th1_lnk{padding:19px 11px;width:120px;font-size:15px;}
	#gnb_device .th1>b,	#gnb_device .th2{left: 115px;width: 300px;padding: 20px;}
	#gnb_device .th2>li>a{font-size:14px;}
}

/* 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:0px solid #E4C02B;}

#tnb{background: rgba(255, 255, 255, 1);height: 59px;border-bottom: 1px solid #cccccc;}
#tm{text-align:center;float: left;max-width: 727px;width: 100%;margin-left: 10px;}
#tm .th1{display:inline-block;}
#tm .th1:nth-child(6) {margin-left:160px;}
#tm .th1 .th1_lnk{display:block;padding: 0px 29px;color: black;font-size: 19px;line-height: 60px;transition:0.2s all linear;/*-webkit-transition:0.2s all linear*/;font-family: 'NanumSquare', sans-serif;font-weight: 700;}
#tm .th2wrap{display:none;position:absolute;top: 59px;left:0;width:100%;height:280px;background-color:#fff;z-index:1;}
#tm .tit_gnb{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:40px 0 0 290px;}
#tm .th2>li{float:left;margin-left:2%;margin-bottom:19px;width:23%;}
#tm .th1.no1 .th2>li{min-height:220px;}
#tm .th1.no4 .th2>li{min-height:150px;}


#tm .th2>li>a{display:block;padding:11px 28px 11px 15px;background:url(../images/common/th2_lnk_arr.png) no-repeat 95% 50%;color:#f59b00;border:1px solid #e2e3e6;font-size:16px;line-height:20px;}
#tm .th2>li>a:hover,#tm .th2 li a:focus{background-color:#f59b00;color:#fff;}

#tm .th3{padding:19px 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:14px;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;}
#sitemap{/* float:right; */font-size:0em;position: absolute;top: 10px;right: 290px;}

@media(max-width:1359px){
	#tm .th1 .th1_lnk{padding: 0 40px;}
}
@media(max-width:1239px){
	#tm{width:calc(100% - 250px)}
	#tm .th1 .th1_lnk{padding:0 20px}
	#sitemap{right:10px}

}
@media(max-width: 767px){
	#tm {display:none;max-width:200px}
	#tm .th1 .th1_lnk{padding:0 10px;}
}



/* middle */
#middle{position:relative;}
.mwrap #middle{padding-bottom:0;/* height: 84px; */padding-top: 59px;}
#middle.content{padding-bottom:5%}

#container{position:relative;}


/* snb */
#snb{float:left;}
#snb{position:relative;margin: 25px 0;margin-right:5%;width:20%;}
#snb h1{/* position:relative; */padding: 5px 15px;font-size: 35px;font-weight: normal;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:30px;vertical-align:middle;padding: 30px 0;word-wrap:break-word;word-break:keep-all;}


#sidemenu .sidebar-menu{position:relative;}
#sidemenu .sidebar-menu>li {line-height:0;border-bottom:1px solid #e0e0e0;}
#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(../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(../images/common/link_2th_ov_arr1.png) no-repeat 95% 50%;color:#787269;}

#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:#344b60 url(../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:3px 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 .treeview-menu>li a:hover,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li a:active{text-decoration:underline;}


@media(max-width:1239px){
	#snb{display:none;}
}

#contents{/* float:right; *//* padding:50px 0; *//* width:75%; */}
#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;}

.arrow_col{text-align:right;display:none}
.arrow_col img{width:20px;display:inline-block;margin-right:10px}

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

    .arrow_col{display:block}
}


#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(../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(../images/common/navi_home.jpg) no-repeat;font-size:0;line-height:0;}
#navi a.navi_home:before {display:none;}
#sns { position:absolute; right:0; top:30px; }
#sns>.ir {display:inline-block;margin-left:10px;width: 24px;height: 23px;}
#sns .print {margin:0;background-position: -233px -28px;}
#sns .print:hover,#ti_box #path #sns .print:focus{}
#sns .sns {background-position: -259px -28px;}
#sns .sns:hover,#ti_box #sns .sns:focus, #path #sns .sns.ov {background-position:-281px -28px;}
#naviSNS {position:absolute;top:30px;right:40px;padding:7px 10px;background-color:#fff;border:1px solid #bebebe;width: 100px;}
#naviSNS:before {content:"";display:block;position:absolute;top:-6px;right:1px;width:11px;height:6px;background:url(../images/common/navisns_arr.png) no-repeat;}
#naviSNS .ir {display:inline-block;margin-left:2px;width:18px;height:18px;font-size:0;line-height:0;}
#naviSNS .ir:first-child {margin-left:0;}
#naviSNS .fb {background-position:-305px -28px;}
#naviSNS .tw {background-position:-323px -28px;}
#naviSNS .ka {background-position:-341px -28px;}

@media(max-width:1239px){
	#contents{float:none;width:100%;}

}
@media(max-width:1023px){
	#tit_cont{margin-bottom:15px;width:100%;text-align:center;}
	#navi{text-align:center;}
	#navi,#sns{float:none;vertical-align:middle;}

	#sns{ top: 25px; right: 10px; }
	#navi {top: -35px;}
	#naviSNS{bottom:-50px;width:95px;text-align:left;}
}

@media(max-width:767px){
	#contents{margin-top:70px}

}

/* Banner 모음 */
.banner {
}
.banner .banner_wrap {
  position: relative;
  height: 67px;
  margin: 0 auto;
  padding: 6px 0 0 250px;
  overflow: hidden;
}
.banner h2 {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -9px;
  color: #393939;
  font-size: 17px;
  line-height: 19px;
}
.banner .bn_ctrl {
  position: absolute;
  left: 80px;
  top: 50%;
  margin-top: -16px;
}
.banner .bn_ctrl button {
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
  padding: 0;
  background: none;
  font-size: 0;
  line-height: 0;
}
.banner .bn_ctrl .bn_stop{background:url(../images/main/popup_stop.png) no-repeat 50%;}
.banner .bn_ctrl .bn_stop.play{background:url(../images/main/popup_play.png) no-repeat 50%;}
.banner ul li {
  display: block;
  float: left;
  width: 136px;
  height: 62px;
  margin: 0px 15px;
}
.banner ul li a {
  display: block;
  overflow: hidden;
  line-height:43px;
  vertical-align:middle;
}
.banner ul li a img {
  width: 136px;
  vertical-align:middle;
}
@media only screen and (max-width: 767px) {
   .banner .banner_wrap {
    width: 100%;
    padding: 7px 0 0 27%;
  }
  .banner .bn_ctrl { left: 0px; }
  .banner h2 { display:none; }
}



/* 사이트 이동 */
.site_link {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  background: #28323a;
  z-index: 0;
}
.site_link .wrap {
  position: relative;
  width: 1280px;
  margin: 0 auto;
}

.sitelink_cont {
  display: block;
  float: left;
  width: 25%;
  padding: 10px 0;
  border-right: 1px solid rgba(255,255,255,0.2);
}
.sitelink_cont:first-child { border-left: 1px solid rgba(255,255,255,0.2); }
.sitelink_cont.department_sitelink {
  position: static;
}
.sitelink_cont h3 {
  display: block;
  width: 100%;
  padding: 7px;
}
.sitelink_cont h3 button {
  display: block;
  margin: 0 6%;
  padding: 0;
  background: url(../images/common/site_link_btn.png) no-repeat right 50%;
  border: none;
  color: #fff;
  text-align: left;
  font-size: 15px;
  font-weight: normal;
  width: 90%;
}
.sitelink_cont .layer {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  padding: 0;
  background: #00457e;
}
.sitelink_cont .layer .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background: url(../images/main/site_link_close.png) no-repeat 90% 50%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  z-index: 10;
}
.sitelink_cont.department_sitelink .layer {
  top: -220px;
  bottom: inherit;
}
.sitelink_cont.department_sitelink .layer .close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  width: 76px;
  height: 76px;
  background: url(../images/main/org_close.png) no-repeat 50%;
  font-size: 0;
  line-height: 0;
}
.link_part strong {
  display: block;
  width: 88%;
  height: 50px;
  padding: 0 0 0 12%;
  color: #fff;
  line-height: 50px;
}
.link_part ul {
  height: 200px;
  padding: 15px 5%;
  background-color: #003365;
  overflow-y: auto;
}
.link_part ul a {
  display: block;
  padding: 2px 0 0 15px;
  background: url(../images/main/site_link_bul.gif) no-repeat 6px 9px;
  color: #fff;
  font-size: 13px;
}
.depart_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1280px;
  height: 220px;
  margin: 0 auto;
  background:#0057a0;
}
.depart_link .inner {
  height: 100%;

}
.depart_link .organ_ti {
  display: block;
  float: left;
  width: 25%;
  height: 100%;
  padding: 0;

  line-height: inherit;
}
.depart_link .town .organ_ti{width:32.416666%;}
.depart_link .organ_ti strong {
  display: block;
  width: 100%;
  margin: 25px 0 0 0;
  padding: 0;
  color: #fff;
  font-family: Oseong;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
}
.depart_link .organ_list {
  float: left;
  width: 69.583333%;
  padding: 20px 0 0 0;
  background-color: transparent;
}
.depart_link .town .organ_list{width:67.583333%;}
.depart_link .organ_list li {
  display: block;
  float: left;
  width: 20%;
  margin: 3px 0;
  text-align: left;
  color:#fff;
}

.depart_link .town .organ_list li{width:32.333333%;margin:3px 1% 3px 0;}
.town_link .depart_link .organ_ti{}
.town_link .depart_link .organ_ti strong{}
.town_link .depart_link .organ_list{padding:0;margin:20px 0;}

.town_link .depart_link .organ_list li a{padding:2px 0 0 15px;background:url(../images/main/site_link_bul.gif) no-repeat 6px 12px;}
.depart_link .organ_list li a {
  padding: 0;
  background: none;
}


.depart_link .org_close {
  display: block;
  position: absolute;
  bottom: -76px;
  right: 0;
  width: 76px;
  height: 76px;
  background: url(../images/main/org_close.png) #75b422 no-repeat 50%;
  font-size: 0;
  line-height: 0;
}
@media all and (max-width: 1200px) {
  .site_link .wrap { width:100%; }
  .site_link {
    height: auto;
  }
  .site_link .wrap {
    width: 100%;
    padding: 0;
  }
  .site_link h2 {
    display: none;
  }
  .site_link .sitelink_cont {
  }
}
@media all and (max-width: 800px) {
  .depart_link .town .organ_ti,.depart_link .organ_ti {
    width: 100%;
    height: auto;
    padding: 15px 0;
    background: none;
    text-align: center;
  }
  .depart_link .organ_ti strong {
    display: inline;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
  }
  .town_link .depart_link .organ_list,.depart_link .town .organ_list,.depart_link .organ_list {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .depart_link .organ_list li {
    margin: 0;
  }
}
@media all and (max-width: 640px) {
  .site_link .wrap {
    padding: 1px 0 0 0;
  }
  .site_link .sitelink_cont {
    width: 50%;
    margin: 0;
    border-bottom: 1px solid #5e89ba;
  }
  .site_link .sitelink_cont:nth-child(odd) {
    width: calc(50% - 1px);
    border-left: 1px solid #5e89ba;
  }
  .site_link .sitelink_cont h3 button {
    background-position: 95% 50%;
  }
}
@media all and (max-width: 568px) {
  .sitelink_cont.department_sitelink {
    position: relative;
  }
  .sitelink_cont.department_sitelink .layer {
    top: inherit;
    bottom: 0;
    background: #00457e;
  }
  .sitelink_cont.department_sitelink .layer .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 50px;
    background: url(../images/main/site_link_close.png) no-repeat 90% 50%;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    z-index: 10;
  }
  .depart_link {
    position: static;
    top: inherit;
    left: inherit;
    right: inherit;
    width: auto;
    max-width: inherit;
    height: inherit;
    margin: 0;
    background: none;
  }
  .depart_link .inner {
    height: inherit;
    background: none;
  }
  .depart_link .town .organ_ti,.depart_link .organ_ti {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    padding: 0;
    background: none;
  }
  .depart_link .town .organ_ti strong,.depart_link .organ_ti strong {
    display: block;
    width: 88%;
    height: 50px;
    padding: 0 0 0 12%;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: 50px;
    text-align: left;
  }
  .town_link .depart_link .organ_list,.depart_link .town .organ_list,.depart_link .organ_list {
    width: 90%;
    height: 210px;
    padding: 15px 5%;
    background-color: #003365;
  }
  .depart_link .organ_list li {
    display: block;
    float: none;
    width: inherit;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .depart_link .organ_list li a {
    display: block;
    padding: 2px 0 0 15px;
    background: url(../images/main/li_dot.gif) no-repeat 6px 9px;
    color: #fff;
    font-size: 13px;
  }
  .depart_link .organ_list li span {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  .depart_link .organ_list li a:hover span {
    background: none;
    color: inherit;
  }
  .depart_link .org_close {
    display: block;
    position: absolute;
    bottom: -76px;
    right: 0;
    width: 76px;
    height: 76px;
    background: url(../images/main/org_close.png) #75b422 no-repeat 50%;
    font-size: 0;
    line-height: 0;
  }
}

/* 풋터 */
#footer .wa {position:absolute; top:33px; right:0;}
#footer .footer_info {padding-bottom: 24px;padding-left: 200px;}
@media all and (max-width:850px) {
	#footer .wa {display:none;}
}

/* 풋터 링크 */

#footer > .wrap {
  position: relative;
  width: 1280px;
  margin:0 auto;
}
#footer .footer_logo {
  position: absolute;
  top: 23px;
  left: 12px;
  width: 181px;
  height: 99px;
  background: url(../images/common/flogo.png) no-repeat 50%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.footer_navi {
  display: block;
  margin: 0;
  padding: 25px 0 0 200px;
}
.footer_navi li {
  display: inline-block;
  float: left;
  margin: 0 0 0 9px;
  padding: 0 0 0 10px;
  background: url(../images/main/fnavi_line.gif) no-repeat left 50%;
}
.footer_navi li.privacy a {
  color: #00549c;
}
.footer_navi li:first-child {
  margin: 0;
  padding-left: 0;
  background: none;
}
.footer_navi li:first-child a {
  color: #00549c;
  font-weight: 600;
}
.footer_navi li a {
  display: block;
  padding: 2px 0 0 0;
  color: #484848;
  font-size: 14px;
  line-height: 16px;
}
/* 사이트 정보 */
.footer_info {
  padding: 12px 0 0 0;
}
.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: 17px;
}
.footer_info .copyright {
  margin: 0 0 15px;
}
.footer_info .copyright span {
  color: #3e85c2;
}
.footer_info p.mail_info {
  margin: 7px 0 0 0;
}
@media all and (max-width: 1280px) {
  #footer > .wrap {
    width: 100%;
    padding: 20px;
  }
  .footer_navi {padding: 0px;}
  #footer .footer_info {padding-left: 0px;}
  #footer .footer_logo {
    left: 20px;
    top: 20px;
    /* width:145px;height:auto; */
  }
  #middle.content{padding:0}
}


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

  #footer > .footer_info {
    font-size: 13px;
    line-height: 17px;
/*     -webkit-text-size-adjust: none; */
  }
  #footer .footer_logo {
    display: none;
  }
  .footer_info address span {
    display: block;
    margin: 0 5px 0 0;
  }
}
@media all and (max-width: 414px) {
  .banner .banner_wrap {
    width: 75%;
    padding: 23px 0 0 25%;
  }
  #footer .footer_logo {
    display: none;
  }
  .footer_info address span {
    display: block;
    margin: 0 5px 0 0;
  }
}
@media all and (max-width: 375px) {
  .banner .banner_wrap {
    width: 65%;
    padding: 23px 0 0 35%;
  }
  .footer_navi li:nth-child(4) {
    margin: 0;
    padding-left: 0;
    background: none;
  }
}

@media all and (max-width:780px){
	#top_head{display:block}
}