/*body 공통 속성*/


body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form,input,fieldset,legend{margin:0;padding:0;}


@font-face{
font-family:ng;
src:url(NanumBarunGothic.eot);
src:local(※), url(NanumBarunGothic.woff) format('woff')
}

@font-face{
font-family:ESC_bold;
src:url(EncodeSansNormal-600-SemiBold.eot);
src:local(※), url(EncodeSansNormal-600-SemiBold.woff) format('woff')
}

@font-face{
font-family:Godo_m;
src:url(GodoM.eot);
src:local(※), url(GodoM.woff) format('woff')
}

@font-face{
font-family:Godo;
src:url(GodoB.eot);
src:local(※), url(GodoB.woff) format('woff')
}

li,ul,ol,dl {list-style:none}
img{border:0; vertical-align:top;}
fieldset{border:0; }
ul{list-style:none; padding:0; margin:0;}

html, body {height: 100%;}
body {font-size:11pt; line-height:150%; height:100%; font-family:ng, "돋움", Dotum, "굴림", Gulim, "Lucida Grande", ESC_bold, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color: #3e3e3e;-webkit-text-size-adjust:none;}

input.type-image {border:0 none; padding:0; margin:0;}

a:link { text-decoration:none; color: #575757; }  /* #0042BB*/
a:visited {text-decoration:none; color: #575757;}
a:hover {color:#575757; text-decoration:none;}
a:active {text-decoration:none; background:none;}

legend, caption {
    width: 1px;
    height: 1px;
    font-size: 1px;
    overflow: hidden;
    visibility: hidden;
}

/* UI Object */

body {
	background-color: #fff; 
}

/* 스킵네비게이션 */
#skipnavi {}
#skipnavi a {display:block;position:absolute;top:-1000px;left:0;width:100%;height:1px;color:#222;overflow:hidden;z-index:99999999;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {top:0px;left:0;background-color:#e9e9e9;padding:7px 0 5px;height:auto;color:#000; font-size:12pt; text-align:center;text-decoration:none;}



/*레이아웃 큰박스 */
#wrap {
	position:relative;
	width:100%;
	padding:0px;
	height: auto !important;
	margin: 0 auto 0px;
	background-position:center top;
	}
#header {
	position:relative;
	width:100%;
	min-width:320px;
	height:100px;
	padding: 0 0 0 0;
	}

.w100 img {width: 100%;}

/*비주얼 */
#visual{
	width:100%;
	min-width:320px;
	height:208px;
}
#visual{
	background:url('../images/common/bg_visual.gif') #3a7bca;
	background-position:center top;
	background-repeat:no-repeat;
	}
#visual .vBox{margin:0 auto; max-width:1200px; min-width:320px;}
#visual .vBox .sTit{
	float:left;
	padding-top:60px;
	width:220px;
	height:148px;
	color:#fff;
	font-family:Godo_m;
	font-size:20pt;
	text-align:center;
	line-height:120%;
	background: url('../images/common/bg_tit.png') repeat;
	}
#visual .vBox .sTit span{font-family:ESC_bold; font-size:18pt; line-height:100%;}
#visual .vBox .sTxt{padding:30px 0 0 330px; font-family:Godo_m; font-size:15pt; color:#bbcceb;}
#visual .vBox .sTxt span{  font-size:30pt; line-height:160%; color:#fff;}


/*경로 */
#path{
	width:100%;
	height:48px;
	border-bottom:solid 1px #e1e1e1;
	font-weight:normal;
	font-size:12pt;
	}
#path .pBox{
	margin:0 auto;
	max-width:1200px;
	min-width:320px;
	}
#path .plink {float:left;}
#path .plink li{
	float:left;
	padding-left:40px;
	height:48px;
	line-height:48px;
	background:url('../images/common/path_arrow.gif') 18px 19px no-repeat;
	color:#414141;
	}
#path .plink .home{
	background:url('../images/common/home.gif') 7px 12px;
	background-repeat:no-repeat;
	}
#path .plink .last{
	color:#0251af;
	}

#path .blog_link {
	float:right;
	}

#path .blog_link li {
	float:left;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	}

#path .blog_link li:last-child {
	border-left:0;
	}

/**** 컨텐츠  *****/
#container{
	overflow: hidden;
	margin: 0px auto;
	max-width: 1200px;
	min-width: 320px;
	height: 100%;
	padding-top: 30px;
	padding-bottom:60px;
	background:url('../images/common/container_bg.gif');
	background-repeat:no-repeat;
	background-position:right top;
	}

/*세부컨텐츠*/
#contents{
	float: left;
	margin-left:60px;
	width: 100%;
	max-width:920px;
	min-width:320px;
	}

/* 타이틀 */
#sub_tit{
	font-family:Godo_m;
	height:85px;
	margin-bottom:30px;
	font-size:35pt;
	color:#000;
	line-height:100%;
	border-bottom:1px solid #dadada;
	}
#sub_tit span{
	display:inline-block;
	padding:18px 0 0 15px;
	font-size:13pt;
	color:#6d6d6d;
	}

/*카피라이터 큰박스 */
#footerW{
	clear:both;
	width:100%;
	padding-bottom:30px;
	font-size:10pt;
	line-height:160%;
	display:inline-block;
	background-color:#e9e9e9;
	}
#footer {
	max-width:1200px;
	min-width:320px;
	margin:0 auto;
	padding-top:30px;
	}
#footer .con{ color:#c9c9c9; }
#footer .con img{float:left; margin-right:50px; margin-bottom:20px; }
#footer .con ul{float:right;}
#footer .con li{
	float:left;
	margin-left:5px;
	padding:0 7px;
	height:26px;
	line-height:26px;
	color:#050505;
	}

#footer .maddress {
	display:none; 
	}

#footer .address{
	color:#050505;
	display:inline-block;
	font-size:11pt;
	float:left;
	}
.txt{
	font-size:9pt;
	color:#050505;
	}

.cline {
	background-image: url('../images/common/cline.gif');
	background-repeat: no-repeat;
	background-position: 7px 3px;
	}


.fb a {
	float: right;
	padding: 7px 20px;
	background: #333;
	font-size:15px;
	color: #FFF;
	text-decoration: none;
	font-weight:bold;
	border-radius:10px;
	margin-left:10px;
}

#quick_top{float:right; margin-right:50px;}



/*개인정보 관련*/
.quotation{ width:750px;}
.quoHeader{ height:52px; color:#ffffff; font-size:24px; font-weight:bold; line-height:52px; padding-left:15px;}
.quoHeader{position:relative; overflow:hidden; height:52px;line-height:52px; padding-left:15px; }
.quoHeader h1{font-size:24px; font-weight:bold;color:#ffffff; }
.quoHeader .close{position:absolute; right:5px; top:0px;}

.agree_txt{width:760px; margin-bottom:10px; padding:15px 18px 18px 18px; overflow:auto; border:2px solid #dfdfdf;}
.agree_txt dl{ padding-bottom:1px;}
.agree_txt dt{ margin-top:17px;  font-size:11px; background:none; color:#666; text-align:left; font-weight:bold;}
.agree_txt dd{ padding-top:1px;}

.agree_txt2{width:660px; margin-bottom:10px; padding:15px 20px 18px 20px; overflow:auto; border:2px solid #dfdfdf;}
.agree_txt2 dl{ padding-bottom:1px;}
.agree_txt2 dt{ margin-top:17px;  font-size:11px; background:none; color:#666; text-align:left; font-weight:bold;}
.agree_txt2 dd{ padding-top:1px;}

.agree_c_box{ overflow:hidden; margin-bottom:15px; float:right; padding-right:45px;}
.agree_c_box p{ font-weight:bold; float:left; margin-right:15px;}

.agree2{ width:680px; height:400px; border:1px #dbdbdb solid; overflow-y:scroll; padding:20px 20px 20px 20px; margin-left:15px; margin-top:20px; text-align:justify;}
.agree2 dl{line-height:16px}
.agree2 dl dt{font-weight:bold; font-size:13px}
.agree2 dl dd{color:#808080; padding:30px 0;}
.agree2 dl dd p{margin-bottom:8px;}
.agree2 ul{margin-bottom:10px;}
.agree2 ul li{margin-bottom:3px;}



/************************* 모바일 및 탭 *******************************************************************************************************************************/

@media all and (max-width:1199px) {
	#contents{max-width: 70%;}
}


@media all and (max-width:1000px) {
	
	#visual .vBox .sTit{display:none;}
	#visual .vBox .sTxt{
		padding:25px 0 0 0;
		text-align:center;
	}
	
	#path .pBox .last{padding-right:5px;}

	#contents{
		float: none;
		margin-left:2%;
		margin-right:2%;
		width: 96%;
		min-width: 96%;
	}

	#footer{
	margin-left:2%;
	margin-right:2%;
	width:96%;
	}

}


@media all and (max-width:660px) {
	#footer .con ul {
		display:none;
	}
	#visual .vBox .sTxt{
	padding-top:38px;
	font-size:20pt;
	}

	#visual .vBox .sTxt span{
		font-size:22pt;
		line-height:160%;
	}

}


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

	#visual{height:150px;}

	#contents{padding-top:25px;}

	#sub_tit{text-align:center; font-size:30pt; height: 40px;}
	#sub_tit span{display:none;}

	#footerW{
		margin-top:0px;
		background-color:#e9e9e9;
		height:auto;
		text-align:center;
		font-size: 9pt;
	}
	
	#footer{
	padding-top:30px;
	padding-bottom:20px;
	}

	#footer .maddress {
		display:block;
		width: 98%;
		padding-left:2%;
		padding-top:5px;
	}
	#footer .address{
		display:none;
	}
	#footer .con img {
		float: none;
	}
	.txt{
		color:#fff;
		margin:10px 10px 10px 0;
		padding:5px 10px;
		border-radius:20px;
		background-color:#8e979d;
		}
	#quick_top{display:none;}

}


@media all and (max-width:470px) {
	#visual .vBox .sTxt{
	padding-top:52px;
	font-size:13pt;
	}

	#visual .vBox .sTxt span{
		font-size:15pt;
		line-height:170%;
	}

		#sub_tit {
		font-size: 23pt;
		height: 30px;
	}

}

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

	#path .plink li{
		padding-left:27px;
		height:48px;
		line-height:48px;
		background:url('../images/common/path_arrow.gif') 12px 19px no-repeat;
		color:#414141;
		font-size:10pt;
	}

	#path .plink .home{
		background:url('../images/common/home.gif') 2px 12px;
		background-repeat:no-repeat;
	}
}