@charset "utf-8";


/* 웹폰트 */
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicExBold';
  font-style: normal;
  font-weight: 800;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* css reset */

*
{
	margin: 0;
	padding: 0;
	font-family: "맑은 고딕";
/*	border:1px solid #000000; */
}

body
{ 
	color:#555555;
	font-size:13px;
	line-height:1.5em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}

a:link { color:#005cc3; text-decoration:none; }
a:visited { color:#005cc3; text-decoration:none; }
a:hover {  color:#003b82; text-decoration:underline; }
a:focus {  color:#003b82; text-decoration:underline; }
a:active {  color:#003b82; text-decoration:underline; }

a { margin:0; padding:0; }
input.type-image { border:0 none; padding:0; margin:0; }
ol, ul, li { list-style:none; }
img { border:0; }
form { margin:0; padding:0; }
input { vertical-align:middle; color:#444444; }
h1, h2, hr, legend { display: none; }
h4 { line-height:100% }
h5 { font-size:1.1em; }
h6 { font-size:1em; }
fieldset { border:0; }
caption { display: none; }
table { border-collapse:collapse; border-style:none; padding:0; }

input.textBox { border:1px solid #dadada; height:18px; }
radio { margin-bottom:-2px; }
textarea { border:1px solid #d7d7d7; color:#444444; font-family:"맑은 고딕", Verdana, sans-serif; }


/* 모바일 메인 헤더 영역 */
#wrapMask { width:100%; height:0px; background-color:#000000; position:absolute; top:0; left:0; display:none; opacity:0.6; filter:alpha(opacity=60); z-index:999; }
#TopMenu { width:0px; height:0px; display:none; }
#TopMenuSub { width:0px; height:0px; display:none; }
#Mainmenu { width:100%; height:50px; margin:0px auto; text-align:center; position:relative; background:#20b8ba; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);box-shadow: 0 2px 5px rgba(0,0,0,0.5); z-index:10; }
#logo { width:172px; float:none; margin:0 auto; padding-top:14px; }

/* 메인 주메뉴 */
#mobile_menu { width:24px; height:16px; border:0; position:absolute; top:17px; left:12px; z-index:10; background:url("../images/toggle_btn.png") no-repeat; }
#MBclose { width:23px; height:24px; border:0; position:absolute; top:10px; right:10px; z-index:1000; background:url("../images/toggle_close.png") 5px 6px no-repeat; }

#MBmenu { width:200px; height:0px; display:none; position:absolute; top:0; left:-300px; z-index:9999; background:#ffffff; border-right:1px solid #555; }
.MBtop { width:100%; height:45px; background:#20b8ba; }
.MBtop img { margin:13px 0 0 10px; }

#MBmenu .dp1 { width:100%; margin:0px; }
#MBmenu .dp1 a { text-decoration:none; }
#MBmenu .dp1 p { height:26px; font-size:14px; font-family:'NanumGothicBold'; color:#666666; line-height:1.5em; padding:5px 0 0 20px; border-bottom:1px solid #dddddd; background:#f1f1f1; }
#MBmenu .dp1 p:hover { color:#666666; background:#dddddd; }

#MBmenu .dp1 li { background:#ffffff; }
#MBmenu .dp1 li .dp2 li { height:24px; font-size:14px; font-family:'NanumGothicBold'; line-height:1.3em; border-bottom:1px solid #dddddd; background:#ffffff; }
#MBmenu .dp1 li .dp2 li:hover { background:#fafafa; border-bottom:1px solid #dddddd; }
#MBmenu .dp1 li .dp2 li a { padding:5px 0 0 33px; color:#666666; display:block; }


.clear
{
	display:block;
	float:none;
	clear:both;
	height:0;
	width:100%;
	font-size:0 !important;
	line-height:0 !important;
	overflow:hidden;
	margin:0 !important;
	padding:0 !important;
}

.hide { display:none; }
.blk { display:block; }
.fl { float:left; }
.verti_mid { vertical-align:middle; }