@charset "utf-8"; 

* {box-sizing:border-box;}
*:focus { outline:none; }  

html {height: 100%; font-size: 100%;background:#f0f2f5;font-family:NanumGothic,'나눔고딕',ng,sans-serif; }
body {padding: 0px; margin: 0px;height: 100%;}
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.9;}

/* 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;}

#popArea {width:100%;height:100%;min-width:300px;position:relative;margin:0 auto;background:#fff;border-radius: 6px;}
#popArea .pop_cont {overflow-y:auto;overflow-x:hidden;padding:10px 15px;height:100%;background:#fff;}
#popArea>h1 {color:#fff;font-size:19px;font-weight:bold;background:#ed5565;height:50px;padding:10px 10px 22px 14px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
#popArea>h1>button {float:right;background:url('../images/common/btn_close.png') left top no-repeat;width:20px;height:20px;font-size:0;margin-top:4px;}
#popArea .btnareaPop {position:absolute;bottom:10px;width:100%;margin:0 auto;text-align:center;}
#popArea .btnareaPop>button {background:#ed5565;border:1px solid #ed5565;color:#ed5565;color:#fff;font-size:14px;font-weight:bold;border-radius: 4px;margin-left:-2px;padding:10px 15px;}
#popArea .btnareaPop>button.line {background:#fff;border:1px solid #ed5565;color:#ed5565;}
#popArea .btnareaPop>button:hover {opacity:0.9;}
 
.detailTab {position:relative;width:100%;min-width:300px;z-index:0;margin:0;padding:0 20px;font-size:16px;margin-top:-40px;}
.detailTab>li{float:left;margin-right:2px;}
.detailTab>li>a{display:block;text-align:center;border-bottom:0;color:#fff;padding:10px 15px;font-weight:600;margin-bottom:-1px;}
.detailTab>li>a:hover {color:#f9ccd0;}
.detailTab>li.sel>a:hover {color:#f39da4;}
.detailTab>li.sel>a{background:#fff;border-bottom:none;color:#ed5565;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.detailTab>li .dtview{display:none;position:absolute;left:0;overflow:hidden;}
.detailTab>li.sel .dtview{display:block;float:left;width:100%;background:#fff;z-index:-1;padding:5px 10px;}

/* Board_Write */
.boardwrite  {clear:both;color:#555;background:#fff;margin:20px;padding-bottom:15px;font-size:14px;}
.boardwrite dt {float:left;font-weight:600;width:20%;padding:5px;}
.boardwrite dt span {color:#ff0000;}
.boardwrite dd {float:left; width:80%;}
.boardwrite input {border:1px solid #b3b3b3;border-radius: 4px;padding:5px; width:100%;height:24px;}
.boardwrite .select-style {float:left;border:1px solid #b3b3b3;height:24px;width:100%;border-radius: 4px;overflow: hidden; background:#fff url('../images/common/ico-select.png') no-repeat 99% 50%;}
.boardwrite .select-style select {
    width:100%;
		font-family:NanumGothic,'나눔고딕',ng,sans-serif;
		padding: .2em .3em;
    border: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
		-moz-appearance: none;
}
.boardwrite .select-style select:focus {outline: none;}
.boardwrite .select-style select::-ms-expand {display:none;}