@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
/* reset */
html {overflow:auto;width:100%;margin:0;padding:0/*overflow-y:scroll*/}
body {margin:0;padding:0;font-size:12px;font-family:'NanumBarunGothic',"³ª´®¹Ù¸¥°íµñ",'NanumGothic','NanumBarunGothic',NanumBarunGothic,NanumBarunGothicOTF,'Nanum Square',Dotum,Helvetica,AppleGothic,Sans-serif;}


@font-face {
	font-family: 'NanumGothic';
	src: url(/css/font/NanumGothic.eot);
	src: url(/css/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
		 url(/css/font/NanumGothic.woff) format('woff'),
	  	 url(/css/font/NanumGothic.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumGothic';
	src: url(/css/font/NanumGothic.eot);
	src: url(/css/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
		 url(/css/font/NanumGothic.woff) format('woff'),}
}
@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url(./NanumBarunGothic.eot);
  src: local('NanumBarunGothic'),
       local('NanumBarunGothic'),
       url(/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumBarunGothic.woff2) format('woff2'),
       url(/css/font/NanumBarunGothic.woff) format('woff'),
       url(/css/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 600;
  src: url(./NanumBarunGothicBold.eot);
  src: local('NanumBarunGothicBold'),
       local('NanumBarunGothicBold'),
       url(/css/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumBarunGothicBold.woff2) format('woff2'),
       url(/css/font/NanumBarunGothicBold.woff) format('woff'),
       url(/css/font/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }


body, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
button {cursor:pointer}
p {margin:0;padding:0;word-break:break-all}
/*hr {display:none}*/
#head ul, navi ul, #board ul, #footer ul {margin:0;padding:0;list-style:none;}
a:link, a:visited {color:#333;text-decoration:none}
a:hover, a:focus, a:active {color:#333;text-decoration:none}
.clear {clear: both}


#all {width:100%; min-width:1100px;margin:0;padding:0;border:0}

#head {min-width:1100px;height:140px;background:#FBFBFB;margin:0;padding:0}
#logo {position:relative;width:1100px;height:100px;margin:0 auto;}
#logo a {float:left;padding:30px 0px 0 1px}
#logo span a {float:right;padding:10px 0px 0 1px}
#logo span a:hover {opacity:0.7}



/********2018.07.24 »õ·Î Ãß°¡ÇÑ topmenu ******/
        #sltopmenu {float:left; margin: 0;padding: 0;z-index:10;}
        
		/*#tnb ul li {display: block;z-index:10;position:relative;float:left; padding:12px 60px 11px 20px;}*/

        #sltopmenu li
        {float: left;list-style: none; padding:8px 50px 6px 10px; font:bold 15px 'NanumGothic',dotum,Sans-serif; letter-spacing:-0.5px;color:#595858;/*line-height:130%;*/ isplay: block;z-index:10;position:relative;}
        
        #sltopmenu li a
        {display: block;
            padding: 5px 15px;
            text-decoration: none;
            /*border-right: 1px solid white;
            width: 130px;*/
            color: #595858;
            white-space: nowrap; }
        
        #sltopmenu li a:hover
        {/*background: #24313C;*/color: #0061b4;}
        
        #sltopmenu li ul
        { margin-left: -1px;
            padding: 0;
            position: absolute;
            visibility: hidden;
			margin-top:6px;
            /*border-top: 1px solid #ddd;*/ z-index:99; /*opacity:0.9;*/ }
        
        #sltopmenu li ul li
        {float: none;display: inline;padding:0; margin:0;}
        
		/*¼Ò¸Þ´º off*/
        #sltopmenu li ul li a
        {	/*width: auto;*/
			width:120px;
			padding:10px 12px 10px 12px;
			background: #fff;
			/*background: #f9f9f9;*/
            font:normal 14px 'NanumGothic',dotum,Sans-serif;
			
			}
        
		/*¼Ò¸Þ´º on*/
        #sltopmenu li ul li a:hover
        { /*background: #cbe7e9;*/
		color: #0087C7;}


/********2018.07.24 »õ·Î Ãß°¡ÇÑ topmenu ******/





#navbar {z-index:99;position:relative;width:100%;border-top:1px solid #E3E2E2;}
#navi {width:1100px; margin:0 auto !important; padding:0;}

/********2018.07.24 »èÁ¦ÇÑ topmenu ******/
#tnb ul {float:left;}/*{width:1100px; margin:0 auto !important; padding:0;}*/
#tnb ul li {display: block;z-index:10;position:relative;float:left; padding:12px 60px 11px 20px;}
/*#tnb .menu1 {padding-left:15px}
#tnb .menu2 {padding-left:75px}
#tnb .menu3 {padding-left:75px}
#tnb .menu4 {padding-left:75px}
#tnb .menu5 {padding-left:75px}
#tnb .menu6 {padding-left:75px}*/

#tnb .sm1 {width:140px}
#tnb .sm2 {width:130px}
#tnb .sm3 {width:115px}
#tnb .sm4 {width:125px}
#tnb .sm5 {width:108px}
#tnb .sm6 {width:120px}

#tnb ul li a {display:inline-block; /*padding:12px 50px 12px 20px;height:39px;*/font-size:15px;font-weight:bold;}
#tnb ul li a:hover {color:#0098D5;}
/*sub*/

/* Sub Level Nav */
#tnb ul li ul {
	background: #fff;
	margin: 11px 0 0 -10px;
	padding: 0 0px 0;
	position: absolute;
	width: 150px;
}

#tnb ul li ul li {
	border-bottom: 1px solid #eee;
	display: block;
	float: none;
	padding: 8px 5px 8px 12px;
	text-align: left;
	/*width: 126px;*/
	margin: 0;
	}

#tnb ul li ul li a {
	font-size:13px;;
	color: #777;
	text-shadow: none;
	}

#tnb ul li ul li a:hover {
	color: #0087C7;}

#tnb ul li ul li:last-child:not(li.arrow) {
	border: 0;
}
.arrow {
	background: url(/img2/arrow.png) no-repeat;
	border: 0;
	display: none;
	position: absolute;
		top: -10px;
}

/********2018.07.24 »èÁ¦ÇÑ topmenu ******/





#login {float:right;margin:0;padding:0;}
#login:after {display:block;visibility:hidden;clear:both;content:""}
#login ul {list-style:none; }
#login li {float:left;margin:13px 0px 0 10px}
#login a {display:inline-block;padding:0px;color:#403F3F;letter-spacing:0.5px;font-size:12px;}
#login a:hover {color:#1C4383;font-weight:bold;}


/*#mainslide {position:relative;width:100%;min-width:1100px;min-height:350px;}*/

#visual {top:0;margin:0;padding:0;/*border-bottom:1px solid #ddd;*/background:#fff;height:350px;}

#mainpage {width:1100px; margin:0 auto;}
#banner {margin:35px 0;} 
#banner a:hover { opacity: 0.8; -webkit-transition: all .3s ease;}
#banner .ban1 {float:left; width:25.8%; padding:0;}
#banner .ban2 {float:left;width:25.8%; padding:0;}
#banner .ban3 {float:left;width:25.8%; padding:0;}
#banner .ban4 {float:right;width:22.6%; padding:0;}

#board {margin:19px 0 50px 0}
#board h3 a, h3 {color:#0075B9;padding-bottom:10px;font-size:20px; font-family: 'Noto Sans KR';font-weight:700;letter-spacing:-0.5px;margin-left:5px}
#board img {padding: 0 9px 5px 0;}
#board img:hover {opacity:0.8;}
#board p {margin:0;padding-left:5px; color:#363535;font-size:13px;/*text-align:center*/}
#board a:hover {color:#0075B9;}

#board .Pictures {float: left; width:33.6%; }
/*.Pictures h3 {color:#0075B9;font-size:20px; font-family: 'Noto Sans KR';font-weight:700;letter-spacing:-0.5px;margin-left:5px}
.Pictures img {padding: 0 9px 5px 0;}
.Pictures a {margin:0;padding:0; color:#363535;font-size:13px;}*/
#board .Family {float: left;width:18%; }
#board .Notice {float: left;width:25.4%; }

.Notice ul li {float: left; padding-left:10px; height:25px; color:#363636; font-weight:600; background:url('/img2/list-dot.gif') left top no-repeat;}
.Notice ul li a {font-size:13px;}
.Notice .date {list-style:none; float: right;width:70px; margin-right:30px; color:#727070;background:none}
#board .Media {float: right;width:23%; margin-right:0; /*background:url('/img2/media.gif') no-repeat;*/ }

#footer {width:100%;min-width:1100px;background:#EDEDED;margin:0;padding:0;z-index:4;position:relative; margin-top:30px;}
#foot-banner {width:1100px; margin:0 auto; height:48px; text-align:left}
#foot-banner span {font-size:14px; color:#1E1E1E; font-weight:700;font-family:'Noto Sans KR','NanumBarunGothic';display: inline-block; margin:14px 20px 0 0;}
#foot-banner span a { padding:2px;}
#foot-banner span a:hover {color:#E79117;}
/*#foot-banner ul {float:left;display:block;]
#foot-banner ul li {float:left; padding:10px 0;]
#foot-banner ul li a {padding:10px 0;]*/

#copyright {width:100%;min-width:1100px;background:#444344;height:120px;}
#copyright #foot {width:1100px; margin:0 auto;}
#copyright .foot1 {float:left; width:150px; padding:30px 0;position:absolute;}
#copyright .foot2 {float:right; width:940px; text-align:left;margin-top:45px;font-size:13px; color:#D9D6D6;}
#copyright .foot2 a { color:#D9D6D6;}


#subimg {width:100%;min-width:1100px; padding:0; margin:0 auto; margin-bottom:25px;border-top:1px solid #eee}
#subimg p {padding:0;margin:0; width:1100px; margin:0 auto;}


#suball {position:relative; width:1100px; margin:0 auto;}


.lnb_basic {width:200px;position:relative;float:left;padding:0; margin:0; /*overflow:hidden;*/}
.lnb_basic h3 {font-family:'NanumGothic','NanumBarunGothic',"³ª´®¹Ù¸¥°íµñ",Sans-serif;font-size:20px;line-height:30px; padding:10px 0 10px 10px;; ;color:#00629B;letter-spacing:1px; width:210px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.lnb_basic li {padding:0; margin:0;list-style:none;font-family:'NanumBarunGothic',"³ª´®¹Ù¸¥°íµñ",Sans-serif;}
.lnb_basic li a {display:inline-block; *zoom:1; *display:inline;width:200px; padding:14px 10px 14px 15px;  font-size:15px; font-family:'NanumBarunGothic',"³ª´®¹Ù¸¥°íµñ",Sans-serif; color:#333; border-top:0px solid #eee; border-bottom:1px solid #eeeeee; background: #eeeeee; word-wrap:break-word;text-decoration:none;}
.lnb_basic li a:first-child {border-top:0px solid #eee;}
.lnb_basic li a:link, ul.lnb_basic li a:visited {color:#fff;} 
.lnb_basic li a:active, 

.lnb_basic li a:hover, 

.lnb_basic li a:focus {background: #2a353e; color:#bed600;}
.lnb_basic li a.on {color:#33b9d7; border-top:0px solid #eee; border-bottom:0px solid #ddd; background: #F5F5F5;}
.lnb_basic li a.on:link, 

.lnb_basic li a.on:visited {color:#33b9d7;} 
.lnb_basic li a.title {color:#666; background: #fff;}
.lnb_basic li a.title:link, 

.lnb_basic li a.title:visited {color:#666;} 
.lnb_basic li a.title:active, 

.lnb_basic li a.title:focus, 

.lnb_basic li a.title:hover {color:#666;}



#subpage {position:relative; float:right; width:800px; margin-bottom:20px;font-family:'NanumGothic','NanumBarunGothic',Sans-serif;font-size:14px;line-height:160%; color:#666;letter-spacing:0.5px;}

.subtitle {font-family:'NanumGothic','NanumBarunGothic',Sans-serif; font-size:25px;font-weight:500; color:#00629B;letter-spacing:0.5px;margin-bottom:30px;}
.subtitle span {float:right; font-size:12px; color:#999;letter-spacing:1px;line-height:25px;}

.tab {
	font-size: 10pt; background-color: #ffffff;cursor: pointer;
	}
.tabon {
	font-size: 10pt; color: #ffffff; font-weight: bold; background-color: #111111; cursor: pointer;
	}


#subpage table td {font-family:'NanumGothic','NanumBarunGothic',Sans-serif;font-size:13px;letter-spacing:0.5px; }
#subpage p {font-family:'NanumGothic','NanumBarunGothic',Sans-serif;}

.mb20 {clear:both;margin-bottom:20px}
.mb30 {clear:both;margin-bottom:30px}
.mb40 {clear:both;margin-bottom:40px}
.mb50 {clear:both;margin-bottom:50px}
.mb60 {clear:both;margin-bottom:60px}

/*page*/
.ptit {font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-size:16px; color:#37657d;font-weight: 500;}
.ptit2 {font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-size:18px; color:#37657d;font-weight: bold;}
.ptit_bg {font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-size:16px; color:#fff;font-weight: bold; background:#6881bf; padding:6px;clear:both;margin-bottom:15px;}
.pstit { color:#888888;}
.pstit2 { color:#888888; font-size:16px; border-bottom:1px solid #eee; padding:10px; }

.tb_tit  {color:#fff;font-size:20px; padding:35px; font-style:bold; background: url(/img/tb_circle.gif) top no-repeat;}
.tb_stit {color:#56aeca; text-align:center; height:30px;}

.hrline {background: url(/img2/hrline.gif) repeat-x;}
.hrline2 {background: url(/img2/hrline.gif) repeat-x; padding: 20px 0;}