@charset "utf-8";

@font-face {
font-family:'NanumGothicWeb';
src: url(../images/font/NanumGothicCompact.eot);
src: url(../images/font/NanumGothicCompact.eot?#iefix) format('embedded-opentype'),
	 url(../images/font/NanumGothicCompact.woff) format('woff'),
	 url(../images/font/NanumGothicCompact.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
	font-family:'ns';
	src:url(../images/font/NanumSquareR.eot);
	src:url(../images/font/NanumSquareR?#iefix) format('embedded-opentype'),
	url(../images/font/NanumSquareR.woff) format('woff'),
	url(../images/font/NanumSquareR.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

/*
.error {
    color:#F00;
    background-color: #FFF;
}
*/


 a:link {
	color:#474747;
	text-decoration:none;
}
a:visited {
	color:#666666;
	text-decoration:none;
}
a:hover {
	color:#666666;
	text-decoration:underline;
}
a:focus {
	color:#666666;
	text-decoration:none;
}
a:active {
	color:#666666;
	text-decoration:none;
}

.hiddenX { display:none; }

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
 	margin:0;
	padding:0;

	}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:1em;
	}

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; }

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	}
caption, th, td {
	font-weight: normal;
}
caption, legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;line-height:0px; }
/* 텍스트 관련 요소 초기화 */
address, caption, strong, em, cite {
	font-weight:normal;
	font-style:normal;
	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }

body{
	color:#555;
	  font-family:NanumGothicWeb, 'NanumGothicWeb';
	  position:relative;
	font-size:14px; line-height:1.4;
	}

legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}
strong { font-weight:bold;  }
.blind{ overflow:hidden; position:absolute; top:0; left:-10000px; width:1px; height:1px;line-height:0px;  }
.for-reader { overflow:hidden; position:absolute; top:0; left:-10000px; width:1px; height:1px; line-height:0px; }

#skipNav {position:relative; width:100%;z-index:999;}
#skipNav p { position:absolute; top:-50000px; left:-50000px; height:0px;}
#skipNav p a {display:block; overflow:hidden; height:0; font-weight:bold; color:#fff; text-align:center;position:absolute;left:0;top:-3px;z-index:999;width:100%;}
#skipNav p a:hover, #skipNav p a:focus, #skipNav p a:active { background:#52abd3; padding:3px; border:1px solid #999; height:auto;}

.pull-right { float:right; }
.pull-left { float:left; }
.container { width:1000px; margin:0 auto;  position:relative; }
.clearfix:after { clear:both; display: table;  content: " ";}
.tCenter { text-align:center;  }
.tRight { text-align:right;  }
.tLeft { text-align:left;  }
.clear { clear:both;  }

#header * { box-sizing:border-box;  }
#header { height:86px; background:#fff;z-index:100; position:relative;  border-radius:0 0 10px 10px; box-shadow:0 5px 0px 0px rgba(18,123,114,0.75);   }
#header h1 {position:relative; z-index:101; padding-top:20px; padding-left:20px;  float:left;  }
#header .topUtil { position:absolute; top:10px; right:0px;  }
#header .topUtil li { float:left;padding-left:15px; background:url(../images/common/utill_line.png) no-repeat left 4px; padding-right:15px; font-size:12px;  }
#header .topUtil li:first-child {background:none; }
/*수정한부분 시작*/
	#gnb { position:absolute;  width:100%;z-index:100;  padding-left:330px;  top: 40px; left:0px; padding-top:5px; background:url(../images/common/img_menu.png) no-repeat 50px 250px ; }
	#gnb .menu { float:left;   }
	#gnb .menu_01 { width:125px;  }
	#gnb .menu_02 { width:125px;  }
	#gnb .menu_03 { width:155px;  }
	#gnb .menu_04 { width:120px;  }
	#gnb .menu_05 { width:120px;  }
	#gnb .menu  h3 { font-size:20px; font-weight:bold;   }
/*수정한부분 끝*/
	#gnb .menu  h3 a { color:#4a4a4a;  display:block;  height:40px; }
	#gnb .menu  h3 a:hover {text-decoration:none; color:#07795a;  }
	#gnb .menu  h3.active a {text-decoration:none; color:#07795a;  }
	#gnb .menu ul {display:none;  padding-top:5px; padding-bottom:20px;  }
	#gnb .menu ul li { padding-top:17px;letter-spacing:-0.6px;  font-size:16px; }
	#gnb .menu ul li a { color:#fff; }
#header .topSearchOpen { position:absolute; right:30px; bottom:12px; z-index:101;  }
	.menuBg { position:absolute;display:none;  top:80px; border-radius:0 0 10px 10px;  width:1000px; left:50%; margin-left:-500px; z-index:90;  height:380px;  background:#127b72;  }
	.searchBg { position:absolute;display:none;  top:80px; border-radius:0 0 10px 10px;  width:1000px; left:50%; margin-left:-500px; z-index:91;  height:115px;  background:#127b72;  }

#header .topSearchWrap {width:1000px;display:none; border-radius:0 0 10px 10px; z-index:200;   padding-left:250px; padding-top:30px; padding-right:250px;  position:absolute;  top:86px; left:50%;margin-left:-500px;  height:115px; }
#header .topSearchWrap h2 {}
#header .topSearchWrap form {  width:100%;  }
#header .topSearchWrap form input[type="text"] { float:left; padding-left:20px;  height:50px;width:430px; padding-right:20px;  background:url(../images/common/sch_line.png) no-repeat right center #fff; border:0px; font-size:16px; color:#acabab;  }
#header .topSearchWrap button { float:left; border:0px; padding:0px;text-align:center; color:#000; font-size:16px;  width:70px; height:50px;background:#fff;    }
#header .topSearchWrap .topSearchClose { position:absolute; top:50px; left:780px;  }




#footerWrap {background:#363636; clear:both; width:100%; }
#footerWrap  * { box-sizing:border-box; }
#footerWrap .relSiteWrap  { width:100%;clear:both;  position:relative; z-index:100; height:47px; border-bottom:1px solid #595959;  }
#footerWrap .relSiteWrap  dl { position:relative;margin:0px;  float:left; width:25%;   }
#footerWrap .relSiteWrap  dl dt { border-right:1px solid #828282; height:47px;font-size:16px; color:#fff; cursor:pointer;padding-top:15px; padding-left:20px;background:url(../images/common/foot_arrow.png) no-repeat 90% center;  }
#footerWrap .relSiteWrap  dl:first-child dt { border-left:1px solid #828282;  }
#footerWrap .relSiteWrap  dl dd { position:absolute; display:none; width:100%; bottom:47px; left:0px;   padding:5px 0; border:1px solid #CCC; background:#FFF;  }
#footerWrap .relSiteWrap  dl dd a { display:block; line-height:25px; padding-left:10px;}
#footer { padding-top:30px; padding-bottom:50px;  }
#footer ul.footUtil {text-align:center; margin-bottom:20px;  }
#footer ul.footUtil li {display:inline-block; padding-left:20px; padding-right:20px; background:url(../images/common/foot_line.png) no-repeat left 5px; }
#footer ul.footUtil li a { font-size:14px; font-size:14px; color:#7f7f7f;  }
#footer ul.footUtil li:first-child  {background:none; }
#footer  address {  font-size:14px; text-align:center; color:#7f7f7f;  }


/*웹진 버튼 추가*/
#footer .webzineBtn * { box-sizing:border-box; }
#footer .webzineBtn  { box-sizing:border-box;position:absolute; right:0px; top:25px; }
#footer .webzineBtn  a.btn {display:inline-block;   font-size:14px; color:#fff; padding:5px 20px 5px 35px;   background:url(../images/webzine/foot_icon1.png) no-repeat 15px 8px #3a6d82; }
#footer .webzineBtn  dl { display:inline-block; position:relative; }
#footer .webzineBtn  dl dt {display:inline-block;border:1px solid #5c5c5c; font-size:14px; color:#949494; padding:5px 10px 5px 30px;  background:url(../images/webzine/foot_icon2.png) no-repeat 10px 8px;}
#footer .webzineBtn  dl dt a { color:#949494;  }
#footer .webzineBtn  dl dd {display:none;  max-height:300px; overflow-y:auto;  position:absolute;border:1px solid #5c5c5c;  z-index:100; background:#fff; padding:10px;  bottom:32px; left:0px; width:100%;  }
#footer .webzineBtn  dl dd a { display:block;  padding:3px 0px; }

.backBg { display:none; position:absolute;z-index:100;  top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7);  }

.webzineApplicationWrap * {  box-sizing:border-box; }
.webzineApplicationWrap { display:none;  box-sizing:border-box; position:absolute;z-index:200; width:650px; padding:40px;  background:#f8f8f8; top:100px; left:50%; margin-left:-325px;  }
.webzineApplicationWrap h3 { text-align:center; font-size:30px; color:#000; font-weight:bold; margin-bottom:15px;  }
.webzineApplicationWrap p { font-size:16px; margin-bottom:10px;  }
.webzineApplicationWrap .webAgreeBox {margin-bottom:15px;  border:1px solid #d1d1d1; background:#fff; padding:15px;  }
.webzineApplicationWrap .webAgreeBox p { margin-bottom:5px;  }
.webzineApplicationWrap .webAgreeBox  label { margin-left:3px; line-height:1px;  vertical-align:middle;  }
.webzineApplicationWrap .webAgreeBox input { vertical-align:middle; }
.webzineApplicationWrap .emailBox { margin-bottom:15px;  width:100%; padding:20px 20px 20px 30px; background:#1b9e93; }
.webzineApplicationWrap .emailBox label {margin-right:20px;  display:inline-block; padding-left:40px; color:#fff; font-size:20px;min-height:25px;  background:url(../images/webzine/icon_mail.png) no-repeat left 3px; }
.webzineApplicationWrap .emailBox input { border:0px; background:#fff; width:380px; font-size:16px;  height:50px; padding:0 10px;  }
.webzineApplicationWrap .applicationBtnWrap {  }
.webzineApplicationWrap .applicationBtnWrap input[type="submit"] {display:inline-block; width: 282px;border:0px;  height:45px; background:#277cbd; font-size:16px; color:#fff; font-weight:bold;  }
.webzineApplicationWrap .applicationBtnWrap a {vertical-align:top;  padding-top:12px; text-align:center; display:inline-block; width: 282px; height:45px; background:#666; font-size:16px; color:#fff; font-weight:bold;   }
.webzineApplicationWrap .applicationBtnWrap a.btn01 { background:#277cbd;  }
.webzineApplicationWrap .okCancel a { padding-top:12px; text-align:center; display:inline-block; width: 282px; height:45px; background:#666; font-size:16px; color:#fff; font-weight:bold;   }

.webzineApplicationWrap2 * {  box-sizing:border-box; }
.webzineApplicationWrap2 { display:none;  box-sizing:border-box; position:absolute;z-index:200; width:650px; padding:40px;  background:#f8f8f8; top:100px; left:50%; margin-left:-325px;  }
.webzineApplicationWrap2 h3 { text-align:center; font-size:30px; color:#000; font-weight:bold; margin-bottom:15px;  }
.webzineApplicationWrap2 p { font-size:16px; margin-bottom:10px;  }
.webzineApplicationWrap2 .emailBox { margin-bottom:15px;  width:100%; padding:20px 20px 20px 30px; background:#1b9e93; }
.webzineApplicationWrap2 .emailBox label {margin-right:20px;  display:inline-block; padding-left:40px; color:#fff; font-size:20px;min-height:25px;  background:url(../images/webzine/icon_mail.png) no-repeat left 3px; }
.webzineApplicationWrap2 .emailBox input { border:0px; background:#fff; width:380px; font-size:16px;  height:50px; padding:0 10px;  }
.webzineApplicationWrap2 .applicationBtnWrap {  }
.webzineApplicationWrap2 .applicationBtnWrap a {vertical-align:top;  padding-top:12px; text-align:center; display:inline-block; width: 282px; height:45px; background:#666; font-size:16px; color:#fff; font-weight:bold;   }
.webzineApplicationWrap2 .applicationBtnWrap input[type="submit"] {display:inline-block; width: 282px;border:0px;  height:45px; background:#277cbd; font-size:16px; color:#fff; font-weight:bold;  }
.webzineApplicationWrap2 .applicationBtnWrap a.btn01 { background:#277cbd;  }
.webzineApplicationWrap2 .okCancel a { padding-top:12px; text-align:center; display:inline-block; width: 282px; height:45px; background:#666; font-size:16px; color:#fff; font-weight:bold;   }
/*웹진 버튼 추가*/