@charset "utf-8";
/***
제작자 : (주)제윤 정은정
작성일 : 2016년 1월 15일
수정일 : 최종 수정된날짜
저작권 : 본 CSS 파일은 제작자 동의없이 일체의 수정을 금지합니다. 제작자 동의없이 내용이 수정되었을 경우 제작자는 오류 및 버그에 대한 일체의 책임을 지지 않습니다.
***/
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(/css/font/NanumGothic-Bold.eot);
	src: url(/css/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NanumGothic-Bold.woff2) format('woff2'),
		url(/css/font/NanumGothic-Bold.woff) format('woff'),
		url(/css/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(/css/font/NanumGothic-Regular.eot);
	src: url(/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NanumGothic-Regular.woff2) format('woff2'),
		url(/css/font/NanumGothic-Regular.woff) format('woff'),
		url(/css/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 800;
	src: url(/css/font/NanumGothic-ExtraBold.eot);
	src: url(/css/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NanumGothic-ExtraBold.woff2) format('woff2'),
		url(/css/font/NanumGothic-ExtraBold.woff) format('woff'),
		url(/css/font/NanumGothic-ExtraBold.ttf) format('truetype');
}
/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
hr{display:none;}
ul, ol, li{list-style:none;}
img, fieldset{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-family:'Nanum Gothic', Dotum, 돋움, sans-serif;}
table{border-collapse:collapse; font-size:100%;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;}

/* linkStyle */
a{color:#222; text-decoration:none;}
a:link,
a:visited{color:#222; text-decoration:none;}
a:active,
a:focus,
a:hover{color:#369; text-decoration:underline;}

/* font */
body{color:#222; font-size:84%; font-weight:normal; font-family:'Nanum Gothic', Dotum, 돋움, sans-serif; letter-spacing:-0.5px;}
input, select, textarea{color:#222; background:#fff; font-family:'Nanum Gothic', Dotum, 돋움, sans-serif;}
textarea{border:1px solid #ccc;}
input,textarea{ 
-webkit-ime-mode:active; 
-moz-ime-mode:active; 
-ms-ime-mode:active; 
ime-mode:active; 
}

/* skip */
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

.editor{padding:20px;background:#fff}
.editor span{line-height:130%;color:#666}
.editor .blueTxt, .blueTxt{color:#128ed5;}
.editor .redTxt, .redTxt{color:#e31f11;}
.editor .skyTxt, .skyTxt{color:#008ed0;}
.editor .greenTxt, .greenTxt{color:#2d960c;}
.editor .orangeTxt, .orangeTxt{color:#ff721d;}
.editor .pinkTxt, .pinkTxt{color:#b62440;}
.editor .purpleTxt, .purpleTxt{color:#4d3dc4;}
.editor .brownTxt, .brownTxt{color:#976000;}
.editor .yellowTxt, .yellowTxt{color:#fcff00;}
.editor .bold, .bold, .editor strong, strong{font-weight:bold;}
.editor .bgYellow, .bgYellow{background:#ff0}


/* bottom survey_box*/
#sub_default{float:right; width:100%; line-height:150%;}

#survey_box {float:right; width:100%; box-sizing:border-box; padding: 10px 15px; border:1px solid #ccc; background:#fff; margin-top:30px;}
#survey_box p{padding:5px 5px 5px 20px; background:url(/images/common/bullet/ico_view.gif) no-repeat 0 6px;}
#survey_box ul{float:left;}
#survey_box ul li{float:left; padding-right:10px;}
#survey_box .cuy{float:left; width:100%; padding-top:10px;}
#survey_box .cuy input{width:85%;padding:10px;}
#survey_box .cuy button{width:10%;padding:10px;}

@media screen and (max-width:999px) {
	#survey_box .cuy input{width:93%;padding:3%;}
	#survey_box .cuy button{width:99.8%; margin-top:10px;}
}