/* Fonts */
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

/*�굹�닎�뒪�섏뼱*/
@font-face {
	font-family: 'NanumSquareR'; /* 폰트 이름 */
	src: url('../fonts/NanumSquareR.eot'); /* IE9 이하 지원 */
	src: url('../fonts/NanumSquareR.eot#iefix') format('embedded-opentype'), /* IE6-8 지원 */
	url('../fonts/NanumSquareR.woff2') format('woff2'), /* 현대 브라우저 지원 */
	url('../fonts/NanumSquareR.woff') format('woff'), /* 추가 브라우저 호환성 */
	url('../fonts/NanumSquareR.ttf') format('truetype'); /* 레거시 지원 */
	font-weight: normal; /* 필요한 경우 명시적으로 설정 */
	font-style: normal; /* 필요한 경우 명시적으로 설정 */
}
@font-face {
	font-family: 'NanumSquareB'; /* 폰트 이름 */
	src: url('../fonts/NanumSquareB.eot'); /* IE9 이하 지원 */
	src: url('../fonts/NanumSquareB.eot#iefix') format('embedded-opentype'), /* IE6-8 지원 */
	url('../fonts/NanumSquareB.woff2') format('woff2'), /* 현대 브라우저 지원 */
	url('../fonts/NanumSquareB.woff') format('woff'), /* 추가 브라우저 호환성 */
	url('../fonts/NanumSquareB.ttf') format('truetype'); /* 레거시 지원 */
	font-weight: normal; /* 필요한 경우 명시적으로 설정 */
	font-style: normal; /* 필요한 경우 명시적으로 설정 */
}
/*�굹�닎怨좊뵓
@font-face {
  font-family: 'NanumGothic';
  src: url('../fonts/NanumGothic.eot');
  src: url('../fonts/NanumGothic.eot#iefix') format('embedded-opentype'), url('../fonts/NanumGothic.woff2') format('woff2'), url('../fonts/NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype');
  src: local(�샋), url('../fonts/NanumGothic.woff2') format('woff2');
}
@font-face {
  font-family: 'NanumGothicB';
  src: url('../fonts/NanumGothicB.eot');
  src: url('../fonts/NanumGothicB.eot#iefix') format('embedded-opentype'), url('../fonts/NanumGothicB.woff2') format('woff2'), url('../fonts/NanumGothicB.woff') format('woff'), url('NanumGothicB.ttf') format('truetype');
  src: local(�샋), url('../fonts/NanumGothicB.woff2') format('woff2');
}
*/

/* Margin, Padding */
.mt100{margin-top:100px !important;}
.mt90{margin-top:90px !important;}
.mt80{margin-top:80px !important;}
.mt70{margin-top:70px !important;}
.mt60{margin-top:60px !important;}
.mt50{margin-top:50px !important;}
.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt25{margin-top:25px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt05{margin-top:5px !important;}
.mt0{margin-top:0 !important;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.mb100{margin-bottom:100px !important;}
.mb90{margin-bottom:90px !important;}
.mb80{margin-bottom:80px !important;}
.mb70{margin-bottom:70px !important;}
.mb60{margin-bottom:60px !important;}
.mb50{margin-bottom:50px !important;}
.mb40{margin-bottom:40px !important;}
.mb30{margin-bottom:30px !important;}
.mb20{margin-bottom:20px !important;}
.mb10{margin-bottom:10px !important;}
.mb05{margin-bottom:5px !important;}
.mb0{margin-bottom:0 !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pr0{padding-right:0px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

.pb0{padding-bottom:0px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

/* Skip */
#skip {position:absolute;top:0;height:0px;width:100%;z-index:2020;} 
#skip a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;} 
#skip a:focus, 
#skip a:active {display:block;top:0;width:100%;height:30px;line-height:30px;background:#1c7915;}
a:hover {text-decoration:underline;/*font-weight:500;*/}

/* �닲源�(泥섎━) */
.blind {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;}
.hide {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}


/* �젙�젹 */
.fr {float:right;}
.fl {float:left;}
.clear {clear:both;}

/* �뀓�뒪�듃�젙�젹 */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

input::placeholder {font-size:17px; color:#999; font-weight:300;}
select::-ms-expand { display: none; } 

/* 湲��옄 �깋�긽�뱾 */
.green {color:#035328;}
.blue {color:#0083ff;}
.red {color:#c00000;}
.dark_blue {color:#005eb7;}


/* 媛�濡� �겕湲� */
.width_8 {width:8%;}
.width_10 {width:10%;}
.width_12 {width:12%;}
.width_15 {width:15%;}
.width_25 {width:25%;}
.width_30 {width:30%;}
.width_35 {width:35%;}
.width_48 {width:48%;}

/* tablet */
	@media only screen and (max-width : 1230px){ 
		
		
		
	}
	/* mobile */
	@media only screen and (max-width : 992px){ 
		
		input::placeholder {font-size:16px;}
	}
	@media only screen and (max-width : 767px){ 

		input::placeholder {font-size:15px;}

	}
	@media only screen and (max-width : 486px){ 
		
		

	}
	
/* �뙘�뾽 �뒪���씪 */
.layer_popup {display:none; position:relative; overflow-y:auto;-webkit-overflow-scrolling:touch; }

.layer_popup.type1 {width:500px; background-color:#fff;}
.layer_popup.type1 .con_tit {padding:20px; font-size:1.46em; font-weight:500; line-height:1.3em; color:#fff; background-color:#3d3d3d;  }
.layer_popup.type1 .exp_txt {padding:20px 20px; font-size:1.13em; line-height:1.3em;}
.layer_popup.type1 .con {padding:20px 20px 50px 20px;}
.layer_popup.type1 .con fieldset {position:relative; }
.layer_popup.type1 .con fieldset .email_txt {display:block; padding:0 15px; font-size:16px; width:70%; height:45px; border:none; background-color:#f2f2f2;}
.layer_popup.type1 .con fieldset .ok_btn {position:absolute; right:0px; top:0px; width:30%; height:45px; font-size:16px; color:#fff; border:none; background-color:#222; }
.layer_popup.type1 .close_btn {position:absolute; right:23px; top:19px; border:none; padding:0px; width:25px; height:25px; background:url("../../images/kr/contents/close_btn.png") no-repeat center center; background-size:25px auto; text-indent:-9999em;}


.layer_popup.type2 {width:960px; height:640px; background-color:#fff;}
.layer_popup.type2 .con_tit {padding:30px; font-size:1.46em; font-weight:500; line-height:1.3em; color:#fff;  background-color:#3d3d3d; }
.layer_popup.type2 .close_btn {position:absolute; right:30px; top:29px; border:none; padding:0px; width:30px; height:30px; background:url("../../images/kr/contents/close_btn.png") no-repeat center center; background-size:29px auto; text-indent:-9999em;}
.layer_popup.type2 .con {position:relative; padding:30px; }

.layer_popup.type2 .member-info {position:relative; padding-bottom:30px; border-bottom:1px solid #ccc; }
.layer_popup.type2 .member-info .card-content {position:relative;}
.layer_popup.type2 .member-info .card-content .card-item-inner {position:relative;}
.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-img {position:absolute; top:0px; left:0px; width:170px; border:1px solid #ccc;}
.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-img img {width:100%;}
.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-textarea {padding:5px 0 0 200px; min-height:200px;}
.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-textarea ul li {padding:7px 0; font-size:1.13em; line-height:1.4em;}
.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-textarea ul li strong {font-weight:500; }

.layer_popup.type2 .con .s-con-tile {position:absolute; /*left:200px;*/ left:20px; top:33px; font-size:1.13em; font-weight:500; }
.layer_popup.type2 .con ul.li_dot {margin-bottom:0px;}

.layer_popup.type2 .member-data-scroll {overflow-x:hidden; overflow-y:auto; height:260px;}

.layer_popup.type2 .member-career {position:relative; padding:30px 30px 30px 200px; /*330px;*/ min-height:90px; border-bottom:1px solid #ccc;}
.layer_popup.type2 .member-career li {font-family:Malgun Gothic, '留묒� 怨좊뵓',Dotum, AppleGothic, sans-serif;}

.layer_popup.type2 .member-result {position:relative; padding:30px 30px 0px 200px; /*330px;*/ }
.layer_popup.type2 .member-result li {font-family:Malgun Gothic, '留묒� 怨좊뵓',Dotum, AppleGothic, sans-serif;}


.layer_popup.type3 {width:640px; background-color:#fff;}
.layer_popup.type3 .con_tit {padding:20px; font-size:1.46em; font-weight:500; line-height:1.3em; color:#fff; background-color:#3d3d3d;  }
.layer_popup.type3 .exp_txt {padding:20px 20px; font-size:1.13em; line-height:1.3em;}
.layer_popup.type3 .con {padding:20px 20px; min-height:250px;}
.layer_popup.type3 .guest-login {width:80%; margin:0 auto; padding-top:20px;}
.layer_popup.type3 .guest-login p {margin-bottom:20px; font-size:1.06em; line-height:1.4em;}
.layer_popup.type3 .guest-login .form-group {overflow:hidden; clear:both; position:relative; margin-bottom:10px; }
.layer_popup.type3 .guest-login .form-group .control-label {float:left; width:30%; line-height:45px;}
.layer_popup.type3 .guest-login .form-group .control-cons {float:right; width:70%;}
.layer_popup.type3 .guest-login .form-group .form-control {display:block; padding:0 15px; font-size:16px; width:100%; height:45px; border:none; background-color:#f2f2f2;}
.layer_popup.type3 .bottom_btns {clear:both;}
.layer_popup.type3 .close_btn {position:absolute; right:23px; top:19px; border:none; padding:0px; width:25px; height:25px; background:url("../../images/kr/contents/close_btn.png") no-repeat center center; background-size:25px auto; text-indent:-9999em;}



	/* tablet */
	@media only screen and (max-width : 1230px){ 

		
		
	}
	/* mobile */
	@media only screen and (max-width : 992px){ 
		
		.layer_popup.type2 {width:90%;}
		
	}
	@media only screen and (max-width : 797px){ 

		.layer_popup.type1 {width:80%;}
		
		
		.layer_popup.type2 .con_tit {padding:20px; font-size:1.2em;}
		.layer_popup.type2 .close_btn {right:20px; top:18px;}
		.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-img {width:150px;}
		.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-textarea {padding:0 0 0 180px; min-height:auto;}
		.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-textarea ul li {font-size:1.06em;}
		.layer_popup.type2 .con .s-con-tile {position:relative; left:auto; top:auto; margin-bottom:15px;}
		.layer_popup.type2 .member-career {padding:20px;}
		.layer_popup.type2 .member-result {padding:20px;}
		
		.layer_popup.type3 {width:85%;}		
		.layer_popup.type3 .con_tit {padding:20px; font-size:1.2em;}
		.layer_popup.type3 .close_btn {right:20px; top:18px;}
		
		
		

	}
	@media only screen and (max-width : 486px){ 
		
		.layer_popup.type1 {width:95%;}
		.layer_popup.type1 .con_tit {font-size:1.2em;}
		.layer_popup.type1 .exp_txt {font-size:0.93em;}
		.layer_popup.type1 .con fieldset {padding:0; background:none;}
		.layer_popup.type1 .con fieldset .email_txt {width:100%; padding:0 15px; margin-bottom:10px;}
		.layer_popup.type1 .con fieldset .ok_btn {position:relative; width:100%;}
		
		.layer_popup.type2 {width:95%; height:600px;}
		.layer_popup.type2 .con_tit {font-size:1.06rem;}
		.layer_popup.type2 .close_btn {width:25px; height:25px; background-size:25px auto;}
		.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-img {width:100px;}
		.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-textarea {padding: 0 0 0 120px; }
		.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-textarea ul li {padding:0 0 5px 0; font-size:0.9rem;}
		.layer_popup.type2 .con .s-con-tile {font-size:0.93em;}
		
		.layer_popup.type3 {width:95%;}
		
	}
	
	@media only screen and (max-width : 370px){ 
		
		.layer_popup.type2 {width:100%; height:100%;}
		.layer_popup.type2 .con {padding:20px;}
		.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-img {position:relative; margin-bottom:15px; width:130px;}
		.layer_popup.type2 .member-info .card-content .card-item-inner .card-content-textarea {padding:0 0 0 0;}
		
		.layer_popup.type2 .member-data-scroll {height:auto; }
		
		.layer_popup.type2 .member-career {padding:15px 10px 15px 0px; }
		.layer_popup.type2 .member-result {padding:15px 10px 15px 0px; }
		
	}
	



