@charset "utf-8";


/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 400;*/
/* src: url(/common/css/Font/NanumSquareR.eot);*/
/* src: url(/common/css/Font/NanumSquareR.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareR.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareR.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 700;*/
/* src: url(/common/css/Font/NanumSquareB.eot);*/
/* src: url(/common/css/Font/NanumSquareB.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareB.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareB.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 800;*/
/* src: url(/common/css/Font/NanumSquareEB.eot);*/
/* src: url(/common/css/Font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareEB.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareEB.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 300;*/
/* src: url(/common/css/Font/NanumSquareL.eot);*/
/* src: url(/common/css/Font/NanumSquareL.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareL.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareL.ttf) format('truetype');*/
/*}*/


/* reset */
/*@font-face {
  font-family: 'Noto Sans KR Thin';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR Light';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR Medium';
   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 Bold';
   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');
 }
	@font-face {
   font-family: 'Noto Sans KR Black';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }*/

/*@font-face {*/
/*  font-family: 'Nanum Pen Script';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot);*/
/*  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot?#iefix) format('embedded-opentype'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff2) format('woff2'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff) format('woff'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.ttf) format('truetype');*/
/*}*/
/**/
/**/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}/*font-size:100%*/
body { line-height:1; font-family:'Nanum Gothic', 돋움, Dotum, sans-serif; font-weight:400; font-size:14px; -webkit-text-size-adjust: none; font-weight:400 !important; letter-spacing: -1px;}/**/
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} /* delete vertical-align */
body,html { width:100%; background:#fff;}
ol,ul,li { list-style:none;}
blockquote,q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none;}
fieldset * { vertical-align:top}
table { border-collapse:collapse; border-spacing:0;}
dt { display:block;}
a { cursor:pointer;}
hr { /*display:none;*/}
input, select, img { vertical-align:middle; outline:0; max-width:100%;}
input, select, textarea, button, table { font-family:'Nanum Gothic', 돋움, Dotum, sans-serif !important; font-weight:400;}
em, address { font-style:normal; }
div, span, a, h1, h2, h3, h4, h5, h6, p, ul, li {box-sizing:border-box;-moz-box-sizing:border-box;}
/* Web Content Accessibility TTS(Text To Speech) Code */
.tts { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
caption, legend { visibility:hidden; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}

/* add Project Leaders Common CSS */
body,input,select,textarea { color:#333; line-height:1;} /* font Setup Code */
a { color:#333; text-decoration:none;} /* anchor (normal) Setup Code */
a:hover { text-decoration:none;} /* anchor (mouse over) Setup Code */
input.text { padding:2px; height:19px; border:1px solid #cdcdcd; box-sizing:border-box;-moz-box-sizing:border-box;} /* input:text Setup Code */
button {outline:none; border:none;}
select.select { height:23px; border:1px solid #cdcdcd;} /* select element Setup Code */
textarea.textarea { width:98%; border:1px solid #cdcdcd;} /* textarea.textarea Setup Code */
.clearfix:after { content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.vtMiddle { vertical-align:middle;}

/* 공통 - 컨덴츠 폰트페밀리 고정 */
/*html * {font-family: 'NanumSquare' !important; font-weight:400;}*/
/*html * select{font-family: 'NanumSquare' !important; font-weight:400;}*/



/** 시작 **/
.content {width:1010px; margin:0 auto;}

/* 아래는 꽉찬 이미지용 */

#wrap {width: 100%; min-width: 1200px; overflow: hidden;}
.content {  position: relative; top: 0; left: 50%; margin-left: -960px; width: 1920px; text-align: center;}


header { height:110px;}
#footer { height:130px; border-top: 2px solid #ccc;}

header .content {position:relative;width:1000px; height:110px; left:0; margin:0 auto;}
header .content .linka {position:absolute; left:0; bottom:0; width:100%; font-size:0;}
header .content .linka li {display: inline-block; width:16.666666%; height:84px;}
header .content .linka li a {display: inline-block; width:100%; height:100%;}
header .content .logo {position:absolute;  top:16px; left:0;}
header .content .logo a {display: inline-block; vertical-align: top;width:330px; height:65px;}

#menu {border-top:4px solid #000; border-bottom:1px solid #ccc;}
#menu .content {position:relative;}
#menu  ul {width:100%;  font-size:0;}
#menu  ul li { display: inline-block; vertical-align: top; text-align:center; position:relative;}

#menu  ul li:last-child:after {content:none;}
#menu  ul li:first-child {}
#menu  ul li:first-child:after {content:none;}
#menu  ul li a {font-size:14px; font-weight:bold; display: inline-block; text-align: center; line-height:40px; padding:0 50px;}

#box_content {margin:0 auto;}


.content {}
.content .con1 {text-align:center; position:relative;}
.content .con2 {position:relative;}


/* 폼 */

.sec01{
	background-image: url('/sub/pattern.jpg');
	background-size: 1500px;
	background-position:50% 0;
	background-repeat: repeat-x;}
.sec01 div{
	background-image:url('/sub/IMG01.jpg');
	background-position: 50% 0%;
	background-repeat: no-repeat;
	width:100%;
	height:710px;
	color:transparent;
	text-align: center;}
.sec01 div img{
	opacity:0;
	width:100%;
	max-width:1500px;
}
input[type=checkbox]{
	vertical-align: middle;}

		.web-top{
	display: block;
	text-align: center;
}
.web-top img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.sec02{
	background-color: #fff;
	padding-top:46px;}
h2{
	text-align: center;}
h2 img{
	width:100%;
	max-width:959px;}

.eco{
	width:100%;
	max-width:959px;
	margin:0 auto;}
.eco th,
.eco td{
	font-size: 18px;
	color:#000;
	text-align: left;
	vertical-align: middle;
	padding-top:12px;
	padding-bottom: 12px;
	border-bottom:1px solid #939598;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.eco tr:first-child td,
.eco tr:first-child th{
	border-top:1px solid #939598;}
.eco th{
	width:194px;
	padding-left: 68px;
	font-weight: bold;}

.eco td{
	padding-left: 50px;
	font-weight: normal;}
label{
	font-weight: bold;
	cursor:pointer;}
.eco input,
.eco textarea,
.eco select{
	height:36px;
	outline:none;
	background: #fff;
	border:1px solid #ccc;
	resize:none;
	vertical-align: middle;
	padding:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

.eco td label{margin:3px 10px 3px 0;}
.eco input[type=radio]{
	display: inline-block;
	width:1.5em;height:1.5em;vertical-align: middle;margin:-1px 0 0 0;}

/* PC버전 input 정의입니다. .name = "이름"  .tel = "연락처" .eco textarea = "궁금하신 내용" number = "나이" 입니다.*/
.eco textarea{
	width:100%;
	max-width:619px;
	height:100px;
	overflow-y:scroll;
	text-align: left;}

.name{width:296px;}
.tel{width:86px;}
.number{width:86px;}

.info{
	width:100%;
	max-width: 959px;
	margin:0 auto;}
.info > p{
	width:100%;
	background: #555;
	height:35px;
	padding-left:68px;
	line-height: 35px;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.info > p > span{
	font-weight: normal;
	cursor:pointer;}
	/*자세히 보기 팝업 */
.privacy{
	/* 3개의 값 중 왼쪽은 위를, 제일 오른쪽은 아래를 의미합니다. 가운데는 양 옆의 여백입니다. */
	padding:10px 0 47px;
	color: #333;}
.privacy:after{
	content:'';
	clear: both;display: block;}
.privacy > div{
	float:left;
	width:50%;}
.privacy > div p{
	font-size: 15px;
	letter-spacing: -1.5px;
	white-space:pre-line;
	line-height: 1.5;
	padding:0 40px;}
.privacy > div p span{
	font-weight: bold;}
.privacy > div:first-child p{
	padding-left:70px;}

.btn_box{
	width:100%;
	text-align:center;
	padding:33px 0 55px;}