@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
table{border-collapse:collapse;border-spacing:0;border:0 none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer}
a{color:#333;text-decoration:none}
a:active, a:hover{text-decoration:underline}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
html, body{height:100%}
img{vertical-align:middle}
legend, .hide{width:1px;height:1px;line-height:0;position:absolute;left:-5000px;top:-5000px;z-index:-100;text-indent:-2000px}
legend{*display:none}
caption{padding:0;margin:0;font-size:0;width:0;height:0;line-height:0;text-indent:-9999px}
*{-webkit-text-size-adjust:none}
input::-ms-clear{display:none}

body, input, select, textarea{font-size:13px;line-height:24px;font-family:Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif}

/* Layout */
#wrap{padding-bottom:30px}
#header{height:96px;border-bottom:2px solid #ea5d4b}
#container{}
#content{padding-top:60px}

/* Header */
.inhead{width:100%;max-width:1020px;margin:0 auto;padding-top:15px}

/* Content */
.infobox{width:100%;max-width:895px;margin:0 auto;border:1px solid #d6d6d6;text-align:center}
.infobox>div{padding:60px}
.tit{display:inline-block;min-height:50px;padding-left:63px;background:url(../images/ico_tit.png) no-repeat left top;font-weight:bold;font-size:36px;line-height:40px;letter-spacing:-0.05em;color:#333}

.guide, .responsive-table{text-align:left}
.guide{margin-top:60px;padding:12px 20px 16px;background-color:#f8f8f8}
.guide ul{}
.guide ul li{margin-top:10px;padding-left:7px;background:url(../images/bul3x3.gif) no-repeat left 12px;color:#555}
.guide ul li:first-child{margin-top:0}

.responsive-table{margin-top:40px;border-top:2px solid #464e6b}
.bnn + .responsive-table{margin-top:20px}

.inst_tbl{width:100%;table-layout:fixed;font-size:13px}
.inst_tbl th, .inst_tbl td{padding:4px 15px;border-bottom:1px solid #c6c6c6}
.inst_tbl th{background-color:#f8f8f8;font-weight:bold;letter-spacing:-0.05em;color:#484f68;text-align:center;vertical-align:top}
.inst_tbl td{}
.inst_tbl td label{display:inline-block;width:51px;letter-spacing:-0.05em;color:#555;font-size:13px;vertical-align:middle}
.inst_tbl td .chkbox{font-size:0;letter-spacing:0;word-spacing:0;line-height:0}
.inst_tbl input[type=text]{padding:0 10px;height:28px;line-height:28px;border:1px solid #c4c4c4}
.inst_tbl input[type=radio]{position:absolute;left:-9999px}
.inst_tbl input[type=radio] + label{width:auto;padding-left:29px;height:19px;line-height:120%;background:url(../images/bg_chk.png) no-repeat left top;font-size:13px}
.inst_tbl input[type=radio]:checked + label{background-position:left -19px}
.inst_tbl input[type=radio] + label + input[type=radio] + label{margin-left:40px}
.inst_tbl .sel_wrap{font-size:0;letter-spacing:0;word-spacing:0;line-height:0}
.inst_tbl .sel_wrap select + select{margin-left:10px}
.inst_tbl select{height:30px;border:1px solid #c4c4c4}
.inst_tbl .sel{width:183px}
.inst_tbl .email_sel{width:161px}
.inst_tbl .txt_box{height:84px;padding:10px;color:#555;letter-spacing:-0.05em;border:1px solid #c4c4c4}
.inst_tbl .txt_box textarea{width:100%;height:84px;overflow:hidden;overflow-y:auto;border:0}

.btnbox{margin-top:20px;font-size:0;letter-spacing:0;word-spacing:0;line-height:0}
.btn{display:inline-block;min-width:52px;height:30px;line-height:30px;padding:0 10px;color:#fff;background-color:#767676;font-weight:bold;font-size:13px;text-align:center}
.btn.bg_red{background-color:#ea5d4b}
.btnbox .btn{margin-left:10px}
.btnbox .btn:first-child{margin-left:0}

@media all and (max-width:1023px){
	.inhead{width:auto;max-width:100%;padding:15px 15px 0}
	.infobox{width:auto;max-width:100%;margin:0 10px}
	.infobox>div{padding:30px}
	.responsive-table{overflow-x:auto}
	.inst_tbl{max-width:100%;table-layout:auto}
	.inst_tbl th, .inst_tbl td{white-space:nowrap}

	.inst_tbl .sel{width:150px}
	.inst_tbl .email_sel{width:105px}
}
@media all and (max-width:767px){
	#content{padding-top:20px}
	.infobox>div{padding:20px}
	.tit{font-weight:bold;font-size:22px;line-height:26px;text-align:left}
	.guide{margin-top:30px}
}
@media all and (max-width:480px){
	
}