@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,
figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,time,mark,audio,video{word-wrap:break-word;margin:0;padding:0;border:0}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio[controls],canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
label,input,button,a,span{line-height:1.6}
body,button{font-size:0.87em;line-height:1.6;font-family:"ngn","Nanum Gothic","shm","돋움",dotum,"Lucida Grande",sans-serif;color:#333}
hr{display:none;height:0;}
a,a:hover{text-decoration:none;color:#333}
/* a:focus, */button:focus{outline:thin dotted}
a:active,a:hover,button:active,button:hover{outline:0 none}
em,address{font-style:normal}
acronym,abbr{cursor:help}
abbr[title]{border-bottom:1px dotted}
ul,ol{list-style:none;list-style-image:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
label,select,input,button{vertical-align:middle}
button{border:0;cursor:pointer}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline}
button,input{line-height:normal}
button,select{text-transform:none}
button[disabled],html input[disabled]{cursor:default}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}
input[type="search"],input[type="text"]{ime-mode:active}
select{margin:0;padding:0;border:1px solid #c9c9c9;line-height:1}
img{max-width:100%;border:0;vertical-align:top}
html{overflow-y:scroll}
html,body{width:100%;height:100%}
/*
html{overflow:hidden}
body{position:relative;overflow-y:scroll}
*/
/* link style */
a:link,a:visited{color:#555} 
a:hover,a:active{color:#000}
a[target="_blank"]{padding-right:18px;background:url(/images/common/ico_window.gif) no-repeat 100% 0}

/* table */
table{table-layout:fixed;border-collapse:collapse;border-spacing:0}
caption{position:relative;text-indent:-9999px;height:0;line-height:0}

/* form, input set */
/*width:auto 주석처리_20170630*/
form label,form input,form select,form span,form img,form em,form a{display:inline-block;margin-top:0;vertical-align:middle}
input,textarea,select{font-size:1em;font-family:'Nanum Gothic';vertical-align:baseline;vertical-align:middle}
input[type="checkbox"],input[type="radio"]{margin:0;padding:0;width:14px;height:14px}
input[type="checkbox"]+label,input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}
input[type="text"],input[type="password"],input[type="file"],input[type="search"]{min-width:120px;width:auto;height:18px;padding:4px 5px;margin:0;border:1px solid #adadad}
input[type="file"]{height:26px;padding:0 5px;font-size:0.929em;border:1px solid #adadad}
:root input[type="file"]{padding:0 5px 0 0;border:0 none}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #adadad;background:#f3f3f3;color:#928881}
input[type="button"],input[type="reset"],input[type="submit"]{min-width:20px;/*width:auto;*/height:28px;padding:4px 16px;margin:0;border:1px solid #575757;background:#575757;font-weight:400;font-size:0.9em;line-height:1em;color:#fff}
textarea{overflow:auto;padding:0;border:1px solid #adadad;vertical-align:top}
select{height:28px;padding:3px;margin:0;border:1px solid #adadad}
*+html body select{padding:0}
legend{position:absolute;visibility:hidden;left:0;top:0;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px}
legend{border:0;white-space:normal}

/* Element Hidden Type */
.skip{position:absolute;top:-999999px;left:-999999px;height:0;/* visibility:hidden;font-size:0 */}
.hide{ position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px;height: 1px;}
*:first-child+html body .hide{clear:both;position:absolute;visibility:hidden;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;text-indent:-99999px}

/* align style */
.clear{clear:both}
.clearfix{display:inline-block;width:100%}
.clearfix:after{content:"";display:block;visibility:hidden;clear:both}
.ft_left{display:block;float:left}
.ft_right{display:block;float:right !important;}
.left {text-align:left}
.right{text-align:right}
.center {text-align:center !important;}
.inline{display:inline}
.vtop{vertical-align:middle}
.vmiddle{vertical-align:middle}
.vtop,.vtop{vertical-align:top}
.vbottom,.vbottom{vertical-align:bottom}

[id^="appopen"],[id^="appopenName"]{display:none}

/* no style */
#wrap #containerwrap #contentswrap #contents .no_mar{margin:0}
#wrap #containerwrap #contentswrap #contents .no_padd{padding:0}
#wrap #containerwrap #contentswrap #contents .no_bul{padding-left:0;background:none}
#wrap #containerwrap #contentswrap #contents .no_bold{font-weight:normal}
#wrap #containerwrap #contentswrap #contents .no_color{color:#666666}
#wrap #containerwrap #contentswrap #contents .no_bg{background:none}
#wrap #containerwrap #contentswrap #contents .no_dis{position:absolute;visibility:hidden;height:0;font-size:0}
#wrap #containerwrap #contentswrap #contents .none{display:none}
#wrap #containerwrap #contentswrap #contents .no_border{border:none}

#wrap #containerwrap #contentswrap #contents .side_5{margin-top:30px;margin-left:5px;margin-right:5px}

/* Skip Navigation */
#skipToContent{position:relative;overflow:hidden;width:100%;margin:0 auto;z-index:100}
#skipToContent a{display:block;height:1px;margin-top:-2px;overflow:hidden;text-align:center;font-size:0;line-height:0;background:#333}
#skipToContent a:active,#skipToContent a:focus{height:auto;padding:7px 0;font-size:0;font-size:1em;line-height:1;font-weight:bold;color:#fff;z-index:10000}


/** 팝업창 관련 **/
.pop_font{background:url(/_ham/popup/img/pop_bul.gif) no-repeat left 8px; text-indent:15px; margin-left:10px; float:left;}
.pop_font a:link{font-family:"Gulim"; font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:visited{font-family:"Gulim"; font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:active{font-family:"Gulim"; font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:hover{font-family:"Gulim"; font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF; font-weight:bold;}

.pop_font{background:url(/_ham/popup/img/pop_bul.gif) no-repeat left 6px;}
.pop_close{width:48px; float:right;}
.pop_close img{margin-top:4px;}
.pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
.pop_bt_bg{height:26px; background:#000000; }

.pop_bg{background:#4171d1; padding:6px 0px 6px 0px}




/* 자료관리 */
.charge{clear:both;position:relative;overflow:hidden;margin-top:100px;padding:15px 0;border: 1px solid #ececec;background: #fcfcfc;}
.charge .admin_info{float:left}
.charge .modDate{float:right;margin-right:25px}
.charge dt,.charge dd{float:left;white-space:nowrap}
.charge dt{margin-left:30px;color:#111}
.charge dd{margin-left:5px;color:#464646}
.charge dt span{display:block;float:left;width:20px;height:20px;margin-top:2px;background:url(/images/common/icon_charge.png) no-repeat}
.charge dt.dept{margin-left:22px}
.charge dt.dept span{background-position:0 0}
.charge dt.mngname span{background-position:-20px 0}
.charge dt.mngphone span{background-position:-40px 0}
.charge dt em{display:block;float:left}
.charge dt.mngname em{margin-left:1px}
.charge dt.mngphone em{margin-left:3px}
.charge .modDate dt{margin-left:0}
.charge .modDate dd{font-size:0.929em}

@media (max-width:767px){
	.charge .admin_info{float:none;display:block;height:25px;margin-bottom:10px;}
	.charge .modDate{float: none;display:block;height:20px;margin-left:23px}
}

@media (max-width:529px){
	.charge .admin_info dd{margin-bottom:10px}
	.charge .admin_info dt{float:none;margin-left:22px}
	.charge .admin_info dt.mngname,
	.charge .admin_info dt.mngphone{clear:both;display: block;}
	.charge .modDate{clear: both;padding-top:20px;}
}

/* 만족도조사 */
.satisfaction{clear:both;position:relative;width:100%;padding:15px 0;border: 1px solid #ececec;border-top: none;overflow:hidden;background: #f7f7f8;}
.satisfaction .research{margin:0 20px}
.satisfaction p{float:left;width:100%;margin:6px 0;padding-left:24px;background:url(/images/common/satisfaction_bullet.gif) no-repeat 0 50%;color:#323232}
.satisfaction ul.star{float:left;padding:3px 0 2px;overflow:hidden}
.satisfaction ul.star li{float:left;margin-right:10px}
.satisfaction ul.star li input{vertical-align:middle}
.satisfaction ul.star li span{display:inline-block;padding-left:3px}
.satisfaction .survey_txt{float:right;position:relative;margin-top:-35px}
.satisfaction .survey_txt label{top:50%;left:30px;margin-top:-10px;color:#919191}
.satisfaction .survey_txt input[type="text"]{width:350px;height:52px;margin-right:10px;padding-left:30px;border-radius:3px;border:1px solid #DADADA;background:#fff}
.satisfaction .survey_txt input[type="button"]{width:63px;height:62px;border-radius:3px;background:#777b81;border-color:#777b81}

@media (max-width:767px){
	.satisfaction p{float:none}
	.satisfaction ul.star{float:none}
	.satisfaction .survey_txt{float:none;margin-top:0;}
}
@media (max-width:379px){
	.satisfaction .survey_txt label{left:13px;}
}