/* base
--------------------------------------------------------- */
	html>/**/body {overflow-y:scroll;}
	html, body {margin:0; padding:0; font-family:'Noto Sans KR', "score", "Malgun Gothic","Dotum", "돋움"; font-size: 12px; color:#4e4e4e; height: 100%; background:url('/images/sub/bg.gif') repeat-x 0 0;}
	dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td {margin:0; padding:0;}
	input,textarea,select,td,th {font-size: 12px;}
	table {border-spacing: 0; border-collapse: collapse;}         
	ol,ul ,li {list-style: none;}         
	h1,h2,h3,h4,h5,h6 {font-size: 100%;}         
	abbr,acronym {border:0}  
	hr{clear:both;display:none;}
	legend, caption{position:absolute; top:0; left:-3000px; visibility:hidden;overflow:hidden; line-height: 0.1%;font-size: 0.1%;width:0.1%;height:0.1%;} 

	img, fieldset{border:0 none;}         
	label{cursor:pointer;} 	
	.hidden_obj{position:absolute; top:0; left:-3000px; visibility:hidden; overflow:hidden; line-height: 0.1%;font-size: 0.1%;width:0.1%;height:0.1%;}
	
	a {color:#555;text-decoration:none;}         
	a:link,a:visited {color:#888; text-decoration:none;}
	a:hover {text-decoration:none;}
	a:active {text-decoration:none;}

	.wrap {width:100%; }


	/* SKIP NAVIGATION
-------------------------------------------------*/
	.accessibility .hidden{display:none;}
	.accessibility a.goDirect {position:absolute; display:block; width:100%; left:0; top:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em}
	.accessibility a.goDirect:hover, a.goDirect:focus, a.goDirect:active {position:absolute; top:0; padding:15px 0; font-weight:bold; color:#fff; background:#000000; z-index:500}


/* gnb
--------------------------------------------------------- */
	#header {position:relative; z-index:100; height:131px; width:100%;}

  .pcn-head {position:relative; width:980px; margin:0 auto; height:90px;  margin:0 auto; overflow:hidden; background:url('/images/de/bg.gif') repeat-x 0 0;}
	.pcn-head .logo {position:absolute; left:10px; top:20px; width:290px; height:50px; z-index:1000000;}
	.pcn-head .htop {position:absolute; right:0; top:24px; height:30px;}
	.pcn-head .htop li {float:left; padding-left:10px; font-size:11px;}
	.pcn-head .htop li span {display:inline-block; padding-right:15px; }
	
	.pcn-head .htop li a {    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: black;}
	.pcn-head .home {background:url('/images/common/top/bg_htop.png') no-repeat 0 0;}
	.pcn-head .login {background:url('/images/common/top/bg_htop.png') no-repeat 0 -27px;}
	.pcn-head .join {background:url('/images/common/top/bg_htop.png') no-repeat 0 -57px;}
	.pcn-head .my {background:url('/images/common/top/bg_htop.png') no-repeat 0 -57px;}
	.pcn-head .logout {background:url('/images/common/top/bg_htop.png') no-repeat 0 -114px;}
	.pcn-head .contact {background:url('/images/common/top/bg_htop.png') no-repeat 0 -87px;}

	.headerContent { position:absolute; left:0; top:90px; width:100%; height:41px; z-index:10000; background:url('') repeat-x scroll 0 100%; overflow:hidden;}
	.headerContent .headerContentInner { position:relative; width:100%; height:100%; }

	#topNavigation {position:absolute; left:50%; top:0; margin-left:-50%; width:100%; background:url('/images/common/gnb/bg.png') repeat-x scroll 0 40px ; z-index:50000;}
	#topNavigation ul {width:980px; margin:0 auto;}
	#topNavigation li {float:left;}	
	#topNavigation li a {display:inline-block;} 
	#topNavigation li a.depth1 {float:left; width:245px; height:40px; font-size:16px; color:#fff; font-weight:bold; text-align:center;  background:url('/images/common/gnb/gnb_bg.gif') no-repeat 0 0;}
	#topNavigation li a.depth1:visited, #topNavigation li a.depth1:link {color:#fff;}
	#topNavigation li a.depth1:hover {background:#33c7d2 url('') !important; color:#fff; }
	#topNavigation li ul {height:300px; margin-top:40px;}
	#topNavigation li ul:after { content:""; height:0; display:block; visibility:hidden; clear:both; }
	#topNavigation li ul li {color:#222;}

	#topNavigation li.m1 ul {padding-left:80px; width:164px; border-left:1px solid #4b505c;}
	#topNavigation li.m2 ul {padding-left:70px; width:174px; border-left:1px solid #4b505c;}
	#topNavigation li.m3 ul {padding-left:90px; width:154px; border-left:1px solid #4b505c;}
	#topNavigation li.m4 ul {padding-left:90px; width:153px; border-left:1px solid #4b505c; border-right:1px solid #4b505c;}
	#topNavigation li.m1 span, #topNavigation li.m2 span, #topNavigation li.m3 span {display:block; height:32px; padding-top:8px;}
	#topNavigation li.m4 span {display:block; height:32px; padding-top:8px; background:url('/images/common/gnb/gnb_bg.gif') no-repeat right 0;}
	
	* html #topNavigation li ul { height:0.1%; }
	#topNavigation li ul { display:block; min-height:1%; padding:15px 0 20px;}
  #topNavigation li ul a{padding:4px 0px;}
	#topNavigation li ul:after {content:""; display:block; overflow:hidden; clear:both;} 
	#topNavigation li ul li {float:none;}
	#topNavigation li ul li  {line-height:17px; color:#d4d4d4; letter-spacing:0; }
	#topNavigation li ul li a, #topNavigation li ul li a:link, #topNavigation ul li a:visited {color:#d4d4d4; font-size:14px;}
	#topNavigation li ul li a:hover  {color:#5db7bf; text-decoration: none; }
	#topNavigation li ul li img {vertical-align:middle; padding:0; margin:0;}	


	/* container
--------------------------------------------------------- */
	.content_container {width:980px; margin:0 auto; clear:both;}
	.cont {width:980px; padding:37px 0 20px; margin:0 auto; clear:both; background:url('/images/de/dotline2.gif') repeat-x 0 0;}
	.cont:after {content:""; display:block; clear:both; overflow:hidden;}

	#main_visual { z-index:1; margin:0 auto; width:100%; height:320px; clear:both; overflow:hidden; background:url('/images/de/visu_bg.jpg') no-repeat center top;    background-color: #ddeffd;}
	#mVisual-zone ul li { float:left; }
	#mVisual-zone .arL {position:absolute; width:40px; left:50%; top:120px; margin-left:-530px; z-index:2; text-align:center;}
	#mVisual-zone .arR {position:absolute; width:40px; left:50%; top:120px; margin-left:490px; z-index:2; text-align:center;}

	#mVisual-zone { margin:0px auto; height:320px;clear:both;  padding:0 0 0 0; overflow:hidden; }
	#mVisual-zone .mVisual-realzone	{ }
	#mVisual-zone .mVisual-realzone	#mBanner-zone .btn_zone { position: absolute;  left: 50%;   margin-left: -490px;  margin:0px auto; width:200px;    top:400px; z-index:10;  }
	#mVisual-zone .mVisual-realzone	#mBanner-zone .p_zone {width:100%; margin:0px auto; }
	#mVisual-zone .mVisual-realzone	#mBanner-zone .p_zone ul li { float:left; }
	#mVisual-zone .mVisual-realzone	#mBanner-zone .btn_zone .p_play{ position:relative;float:left; z-index:10; }
	#mVisual-zone .mVisual-realzone	#mBanner-zone .btn_zone .p_stop{ position:relative; float:left; z-index:10;  }
    #mVisual-zone .mVisual-realzone	#mBanner-zone .btn_zone p.prev{position:relative;  float:left; z-index:10; overflow:hidden;}
    #mVisual-zone .mVisual-realzone	#mBanner-zone .btn_zone p.next{position:relative;   float:left; z-index:10; overflow:hidden;}
    #mVisual-zone .mVisual-realzone	#mBanner-zone .btn_zone #mbn_play,  #mVisual-zone .mVisual-realzone	#mBanner-zone .btn_zone #mbn_stop {display:none; }
	#mVisual-zone .mVisual-realzone	#mBanner-zone .p_zone ul li>div	{ display:none; position: absolute;  left: 50%;   margin-left: -490px;    top:131px; z-index: 5; overflow:hidden;}









  .bullet{
	background-color: #a2a2a2;
	border-radius: 50px;
	width: 16px;
	height: 17px;
	color: #4b4b4b;
	padding: 3px 7px;
	font-size: 11px;
	text-align: center;
	line-height: 15px;
}
.bullet-selected{
	background-color: transparent !important;
	border: 3px solid #024c92;
	border-radius: 50px;
	width: 14px;
	height: 14px;
	color: #024c92;
	padding: 1px 5px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 13px;
}

a.bullet-selected {color: #024c92 !important; text-decoration:none !important;}
a.bullet {color: #4b4b4b !important; text-decoration:none !important;}

    #sr {position:absolute; left:50%; margin-left:150px; top:181px; width:334px; z-index:99; padding:0px;}

	.scroll #poptab {height:25px; text-align:right;}
	.scroll #poptab a {background:url('/images/de/pzone_tab.jpg') no-repeat 0 -25px; width:135px; height:25px; display:block;float:right; }
    .scroll .down a { background:url('/images/de/pzone_tab.jpg') no-repeat 0 0  !important; width:135px; height:25px; display:block; float:right;}
	.scroll #poptab a span {position:absolute; top:0; left:-3000px; visibility:hidden; overflow:hidden; line-height: 0.1%;font-size: 0.1%;width:0.1%;height:0.1%;}
	.roll {clear:both; width:330px; height:190px; border:2px solid #24589a; background:#fff;}
	.roll .pic { position:relative; padding:0; width:330px; height:190px;}
	.roll .pic li { position:absolute; top:0px; left:0px; }

/*
	.sr {}
	.sr .scroll {position:absolute; left:50%; margin-left:150px; top:181px; width:334px; z-index:99;}
	.sr .scroll2 {position:absolute; left:50%; margin-left:150px; top:181px; width:334px; z-index:99;}
  .scroll .tab {height:25px; text-align:right;}
  .scroll .tab a {background:url('/images/de/pzone_tab.jpg') no-repeat 0 -25px; width:135px; height:25px; display:block;float:right; }
	.scroll .tab a.on { background:url('/images/de/pzone_tab.jpg') no-repeat 0 0; width:135px; height:25px; display:block; float:right;}
	.scroll .tab a span {position:absolute; top:0; left:-3000px; visibility:hidden; overflow:hidden; line-height: 0.1%;font-size: 0.1%;width:0.1%;height:0.1%;}
	.roll {clear:both; width:330px; height:190px; border:2px solid #24589a; background:#fff;}
	.roll .pic {padding:0; width:330px; height:190px;}
*/
	.dir {width:980px; height:160px;}
	.dir ul {width:984px; padding-top:20px;display: flex;
    justify-content: space-around;}
	.dir li {float:left; width:120px; height:120px; text-align:center; }
	.dir li a{
		zoom: 1.3;
	}
	.dir li span {
		font-size: 10px;
	    font-weight: bold;
	    padding-top: 0px;
	    display: block;
	    color: black;
	    text-align: center;
    }
    /*
	.dir li .d1 {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat 0 -150px;}
	.dir li .d1:hover {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat 0 0;}
	.dir li .d2 {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -130px -150px;}
	.dir li .d2:hover {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -130px 0;}
	.dir li .d3 {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -260px -150px;}
	.dir li .d3:hover {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -260px 0;}
	.dir li .d4 {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -390px -150px;}
	.dir li .d4:hover {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -390px 0;}
	.dir li .d5 {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -520px -150px;}
	.dir li .d5:hover {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -520px 0;}
	.dir li .d6 {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -650px -150px;}
	.dir li .d6:hover {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -650px 0;}
	.dir li .d7 {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -780px -150px;}
	.dir li .d7:hover {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -780px 0;}
	.dir li .d8 {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -910px -150px;}
	.dir li .d8:hover {display:inline-block; width:115px; height:115px; background:url('/images/de/quickmenu.jpg?v=2') no-repeat -910px 0;}
	*/
	
	.dir li .d1 {display:inline-block; width:80px; height:80px; border-radius : 50%; background-color : #eeeff4;-moz-box-shadow:    inset 2px 2px 2px #00000052;-webkit-box-shadow: inset 2px 2px 2px #00000052;box-shadow:         inset 2px 2px 2px #00000052;}
	.dir li .d1:hover {-moz-box-shadow:    inset -2px -2px 2px #00000052;-webkit-box-shadow: inset -2px -2px 2px #00000052;box-shadow:         inset -2px -2px 2px #00000052;}
	.dir li .img-post {text-align: center;}
	.dir li .img-post .img-quick {margin-top : 10px; width: 32px; height: 32px; filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.7))}
	
	/*
	.dir li .img-post {background-repeat: no-repeat;    background-position: center 40px;    background-size: 54px 54px;}
	.dir li .img-l1 {background-image: url("/images/quickmenu/l1.png");}
	.dir li .img-l2 {background-image: url("/images/quickmenu/l2.png");}
	.dir li .img-l3 {background-image: url("/images/quickmenu/l3.png");}
	.dir li .img-l4 {background-image: url("/images/quickmenu/l4.png");}
	.dir li .img-l5 {background-image: url("/images/quickmenu/l5.png");}
	.dir li .img-l6 {background-image: url("/images/quickmenu/l6.png");}
	.dir li .img-l7 {background-image: url("/images/quickmenu/l7.png");}
	*/

.tit {height: 33px;
    border-bottom: 1px solid #e1e1e1;
    font-weight: bold;
    font-size: 20px;
    color: #03a5b0;}
    
	.news {float:left; position:relative; height:260px; overflow:hidden;}
	.news .dataList {padding-top:15px; width:460px; float:left}
	.news .dataList li {position:relative; height:38px; }
	.news .dataList li a {display:inline-block; padding-left:7px; color:black;font-size: 16px;}
	.news .dataList li a:link, .news .dataList li a:visited {color:black;}
	.news .dataList li a:hover {color:black;}
	.news .dataList li a img { margin:0 1px;}	
	.news .dataList li span  {position:absolute; right:0; top:0; display:block; width:110px; height:24px; text-align:right; font-size:16px;color:black;}
	.news .moreBtn {position:absolute; right:0; top:5px; }

	.edu {float:left; position:relative; width:470px; height:250px; margin:0 0 0 30px; overflow:hidden; /*background:url('/images/de/bg_edu.gif') repeat-x 0 34px;*/}
	.edu .tit {height: 33px;
    border-bottom: 1px solid #e1e1e1;
    font-weight: bold;
    font-size: 20px;
    color: #03a5b0;}
	.edu .dataList {padding-top:15px; width:460px;}
	.edu .dataList li {position:relative; width:460px; height:26px; padding:5px 5px 0 0; text-align:left;}
	.edu .dataList li a {display:block; color:#656565;}
	.edu .dataList li a:link, .edu .dataList li a:visited {color:#656565;}
	.edu .dataList li a:hover {color:#3773b8;}
	.edu .dataList li a img {vertical-align:middle; margin:0 2px;}	
	.edu .dataList li a span  {float:right; width:137px; height:27px; padding:4px 3px 0 0; display:inline-block; font-size:11px;  font-family:"Arial"; color:#8c97a9; text-align:right; }
	.edu .moreBtn {position:absolute; right:0; top:5px; }

	.ser {float:left; width:270px; margin:0 0 0 30px;}
	.ser .guide {border:1px solid #b9cbe9; width:268px; height:138px;}
	.ser .guide img {vertical-align:top;}
	.ser ul li {float:left;}
	.ser ul li img {float:left;}
	.ser .banner {margin-top:17px;}

	.site {width:980px; height:180px; padding:30px 0 0; overflow:hidden; clear:both;}
	.site div {float:left;}
	.site div strong {display:block; padding-bottom:10px;}
	.site div strong a {color:#4d6373 !important; clear:both; width:100%;}
	.site div strong a:hover {color:#4d6373;}
	.site ul {float:left; width:150px;}
	.site ul li {padding:2px 0; }
	.site ul li a {color:#787f84; font-size:11px; }
	.site ul li a:hover {color:#333;}
	.site .s1 {width:160px; height:130px; padding:0 0 0 40px; background:url('/images/de/dotline.gif') repeat-y right top;}
	.site .s2 {width:320px; height:130px; padding:0 0 0 40px; background:url('/images/de/dotline.gif') repeat-y right top;}
	.site .s3 {width:160px; height:130px; padding:0 0 0 40px; background:url('/images/de/dotline.gif') repeat-y right top;}
	.site .s4 {width:160px; height:130px; padding:0 0 0 40px; }


/* footer
--------------------------------------------------------- */
	.footer	{width:100%; height:160px; clear:both; background: #eeeff5;
    border-top: 2px solid gray;}
	.footWrap {width:980px; margin:0 auto; clear:both; background:url('/images/common/btm/btm_bg.gif') repeat-x 0 0;} 
	.footWrap .logo {float:left; width:220px; padding:20px 0 0 10px;}
	.footWrap .copyMenu {float:left; width:550px; padding-top:20px;}
	.footWrap .copyMenu ul {height:25px;font-size: 14px;margin-left: -10px;}
	.footWrap .copyMenu ul li {float:left; }
	.footWrap .address {line-height:170%; color:#858585; font-size:14px; padding-left:2px;}
	.footWrap .address span {display:inline-block; padding-right:15px;}
	.footWrap .copyright {line-height:170%; color:#858585; font-size:14px; padding-left:2px;}
	.footWrap .family {float:left; width:200px;  padding:20px 0 0; text-align:right; }
	.footWrap .family li {height:30px;}
	.footWrap .family select {width:160px; height:21px; vertical-align:middle;}
	.footWrap .family a img {vertical-align:middle;}
	
	
	
	li a.footer-a-link{
		padding-right: 10px;
	    padding-left: 10px;
	    font-weight: bold;
	}
	
	li:not(:last-child) a.footer-a-link{
		border-right: 1px solid gray;
	}