﻿
@charset "utf-8";



/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0; box-sizing:border-box;}

html, body{width:100%;}

/*
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
*/

html{-webkit-touch-callout:default; -webkit-user-select:text; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

body {width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}

html,body,input,select,textarea,button,table,li {border:none; font-size:12px; font-family:Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; color:#727272;}
div, ul {font-size:0;}

button {box-sizing:border-box; cursor:pointer; border:0;}
img {border:0;}

body {line-height:1;}

a {color:inherit; text-decoration:none; cursor:pointer;}
a:hover {color:red;}


/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section   {display:block;}


address,cite,code,em{font-style:normal;font-weight:normal;}

label,img,input,select,textarea,button{vertical-align:middle;}


.hide {line-height:0;font-size:1px;overflow:hidden;}
.ft0 {font-size:0;}
hr{display:none;}

/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:30px; font-size:12px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius:0px; padding:0 30px 0 5px; box-sizing:border-box;}
select {
	line-height: normal;  /* line-height 초기화 */
	font-family: inherit;  /* 폰트 상속 */
	filter:alpha(opacity=0);  /* IE8 숨기기 */
        background: url("/all_icon/select_arrow_10.jpg") no-repeat 100% 50% ;
        background-size:30px 30px;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;

}


/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}


/* input 태그관리    */
input[type="button"], input[type="submit"] {background-color:#f2f2f2; height:30px; font-size:12px; padding:0 15px; border:1px solid #e9e9e9; transition:all 0.4s;}
input[type="button"]:hover, input[type="submit"]:hover {background-color:#b0b0b0; color:#f9f9f9; cursor:pointer;}
input[type="tel"],
input[type="time"],
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="number"],
input[type="date"]   {height:30px; font-size:12px; color:#373737; border:1px solid #e9e9e9; background:#fff; text-indent:5px; border-radius: 0px; transition: all 0.5s; vertical-align:middle;
    filter:alpha(opacity=0);  /* IE8 숨기기 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;

}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}

textarea { padding:10px 10px; height:200px; font-size:12px; color:#373737; border:1px solid #e9e9e9; background:#fff; text-indent:20px; border-radius: 0px; transition: all 0.5s; vertical-align:top;}

select:focus,
textarea:focus,
input:focus { border: 1px solid #333;}

input[type="tel"][readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="email"][readonly], 
input[type="search"][readonly], 
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="email"][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:12px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}



ul, ol , li, dl, dt, dd  {
    list-style:none;
    list-style-position: inside;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after, 
q:before, q:after {
    content:'';
    content:none;
}



/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
    vertical-align:middle;
}
table th, td {
    vertical-align:middle;
}

/* change border colour to suit your needs */
hr{display:none;}




