@charset "utf-8";

@font-face{
	font-family:ng;
	src:url('../font/NanumGothic.eot');
	src:local(※), url('../font/NanumGothic.woff') format('woff');
}
* {box-sizing:border-box;}

html {height: 100%; font-size: 100%;background:#f0f2f5;font-family:NanumGothic,'나눔고딕',ng,sans-serif; margin-top:-2px;}
body, table, div, p, td, input, textarea {padding: 0px; margin: 0px;font-family:NanumGothic,'나눔고딕',ng,sans-serif;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0;}
img,fieldset,iframe,abbr,button{border:0;}
h1, div, p, ul {padding: 0px; margin: 0px; word-break: break-all;}
ul,ol,li {list-style:none;}
input, button {font-family:NanumGothic,'나눔고딕',ng,sans-serif;}
button, select {cursor:pointer;}
button:hover {opacity:0.85;}
*:focus { outline:none; }

/* Link_Style */
a:link    {text-decoration:none;}
a:visited {color:#666;}
a:hover   {text-decoration:none;background:none;}
a:active  {text-decoration:none;background:none;}

header {background:#fff;overflow:hidden;height:42px;padding:8px 10px 3px !important;min-width:350px;border-bottom:3px solid #f54a7e;}
header>h1 {float:left;color:#434a54;font-size:14px;font-weight:600;margin:5px 15px 0 0;}
header>h1 span {font-size:15px;}
header .topbtn {float:left;height:20px;width:20px;background:url('imgs/nafpink/layout/ico_info.png') center 5px no-repeat;}
header .btnline {float:left;background:url('imgs/nafpink/layout/btn_line.png') center  8px  no-repeat;width:16px;height:20px;}
header .topbtn_org {float:left;height:20px;background:url('imgs/nafpink/layout/ico_org.png') 3px 5px no-repeat;padding:3px 0 0 26px;font-size:13px;}
header .topbtn_org p {color:#f54a7e;}
header .ft_right {float:right}
header .treemenu {float:left;height:24px;width:24px;background:url('imgs/nafpink/layout/ico_tree.png') center center no-repeat;border-radius:3px;font-size:0;border:1px solid #f54a7e;margin-right:4px;}
header .navimenu {float:left;height:24px;width:24px;background:url('imgs/nafpink/layout/ico_navi.png') center center no-repeat;border-radius:3px;font-size:0;border:1px solid #f54a7e;margin-right:4px;}
header .loging {float:left;height:24px;background:url('imgs/nafpink/layout/ico_logmen.png') 0 0 no-repeat;margin-right:20px;margin-top:2px;padding-left:25px;padding-top:0px;font-weight:600;color:#8a96a7;}
header .menu {display:none;}
.select-style {float:left;height:24px;border-radius: 3px;color:#fff;overflow: hidden; background:#f54a7e url('imgs/nafpink/layout/icon-select.png') no-repeat 94% 55%;}
.select-style select {
    padding: 2px 25px 5px 5px;
    border: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;	
		-moz-appearance: none;
}
.select-style select option{background:#f54a7e;}
.select-style select:focus {outline: none;}
.select-style select::-ms-expand {display:none;}

@media screen and (max-width:780px) {
		header .menu {display:block;float:left;height:20px;width:26px;background:url('imgs/nafpink/layout/ico_menu.png') center center no-repeat;font-size:0;}
		header .loging {display:none;}
		header .treemenu {display:none;}
		.select-style  {display:none;}
}

#my_footer { padding-top: 2px;}
#my_footer .my_footer_text { height: 30px; /* for autodetect */} 
footer {position:absolute;bottom:0px;overflow:hidden;background:#fff;width:100%;margin:2px;height:30px;padding:6px 5px 0 !important;min-width:350px;}
footer p {float:left;background:url('imgs/nafpink/layout/ico_inform.png') left center no-repeat;padding-left:22px;font-weight:600;}
footer .help {float:right;background:url('imgs/nafpink/layout/ico_help.png') left center no-repeat;padding-left:20px;font-weight:600;}