@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');


* { box-sizing: border-box; }

*, html, body {
	font-family: "Noto Sans KR", sans-serif;
}


html {height:100%; overflow-y: scroll; overflow-x: hidden; }
body {margin:0;padding:0;font-size:13px;font-weight: 400;height:100%; color:#000; }

html, body { width: 100%; height:100%; background: #fff; }

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight:700; font-size:15px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer; -webkit-appearance: none; -webkit-text-size-adjust:none;}
input[type="submit"] {cursor:pointer; -webkit-appearance: none; -webkit-text-size-adjust:none;}
textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {font-size:13px;font-weight: 500;color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}
ul {padding:0; margin:0; list-style:none;}
li {padding:0; margin:0; list-style:none;}
ul:after{display:block;visibility:hidden;clear:both;content:""}
li:after{display:block;visibility:hidden;clear:both;content:""}

img { margin-top: 0px; }

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


.fl { float: left; }
.fr { float: right; }
.alignr { text-align: right !important; }
.alignl { text-align: left !important; }
.alignc { text-align: center !important; }
.margint-5 { margin-top: -5px !important; }
.margint0 { margin-top: 0px !important; }
.margint3 { margin-top: 3px !important; }
.margint5 { margin-top: 5px !important; }
.margint7 { margin-top: 7px !important; }
.margint10 { margin-top: 10px !important; }
.margint20 { margin-top: 20px !important; }
.margint30 { margin-top: 30px !important; }
.margint40 { margin-top: 40px !important; }
.margint50 { margin-top: 50px !important; }
.margint70 { margin-top: 70px !important; }
.margint80 { margin-top: 80px !important; }
.w50-10 { width: calc(50% - 10px); }

.padding1020 { padding: 10px 20px !important; }


.footer { border-top: 1px solid #b6b4b6; background: #fff; }
.footer > ul { width: 1200px; margin: auto; padding: 30px 0px; }
.footer > ul > li { float: left; width: 25%; text-align: left;}
.copyright { 
	padding: 10px 0px; text-align: center; background: #fff;
	-webkit-box-shadow: inset 0px 9px 5px -8px rgba(211,222,226,1);
	-moz-box-shadow: inset 0px 9px 5px -8px rgba(211,222,226,1);
	box-shadow: inset 0px 9px 5px -8px rgba(211,222,226,1);
}

.subpage01 { padding: 150px 10px; background: #f0f3f5; }

.button01 {}
.button01 > a { 
	display: inline-block; width: 100%; border-radius: 3px; line-height: 50px; color: #fff; background: #1a89a1; text-align: center; font-size: 15px; font-weight: 700;  
}

.button01 > input[type="submit"] { 
	display: inline-block; width: 100%; border-radius: 3px; line-height: 50px; color: #fff; background: #1a89a1; text-align: center; font-size: 15px; font-weight: 700;  
	border: none;
}

.button02 { text-align: center; }
.button02 > a { 
	display: inline-block; width: 150px; margin: auto; border-radius: 3px; line-height: 50px; color: #fff; background: #1a89a1; text-align: center; font-size: 15px; font-weight: 700;  
}

.w1200area { width: 1200px; margin: auto; }

.writer_form_area { padding: 57px 0px; }
.writer_form_area > div.title_img_txt { text-align: right; }


.write_form { padding: 50px 0px 0px; }
.write_form > div.title_txt { position: relative; padding: 10px 0px; border-bottom: 2px solid #000000; font-size: 30px; font-weight: 700; }
.write_form > div.title_txt2 { position: relative;  padding: 10px 0px; border-bottom: 0px solid #000000; font-size: 30px; font-weight: 700; }
.write_form > div.title_txt > span { font-size: 15px; margin-left: 6px; border-left: 2px solid #000; padding-left: 10px; display: inline-block; height: 15px; line-height: 15px; }
.write_form > div.title_txt > span.bo_r { border-right: 2px solid #000; margin-right: 10px; padding-right: 10px; border-left: 0px solid #000; margin-left: 0px; padding-left: 0px; }